KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Soundcloud-player + soundcloud-search added

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2018-05-03 14:27:54 +02:00
parent 93fc30dada
commit e94c024413
19 changed files with 863 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
server/public/partials/channel/players.handlebars
View File

@@ -3,6 +3,9 @@
<div id="fireplace_player" class="ytplayer"></div>
{{/unless}}
<div id="player" class="ytplayer"></div>
<iframe width="100%" id="soundcloud_player" height="166" scrolling="no" frameborder="no" style="visibility: hidden;z-index: -999;"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/undefined&amp;{ auto_play: false, buying:false, sharing:false, download:false, show_user:false, }">
</iframe>
<div id="main_components">
<div id="player_overlay" class="hide valign-wrapper">
<div id="playing_on">

77
server/public/partials/channel/search.handlebars
View File

@@ -1,43 +1,52 @@
<div id="results" class="search_results hide">
<div id="temp-results-container">
<div id="temp-results" class="result-object">
<div id="result" class="result">
<div class="result-info-no-buttons">
<div class="thumb-and-info">
<img class="thumb" src="/assets/images/loading.png" alt="Thumb"/>
<span class="result_info"></span>
</div>
<div class="result-info-title-length">
<div class="search-title truncate"></div>
<div class="result-start-end-container">
<span class="start-end-info show-only-mobile">Start/End</span>
<input type="number" min="0" class="result-start white-text" value="0">
/
<input type="number" min="0" class="result-end white-text" value="0">
<div class="row search_results hide">
<div class="col s12">
<ul class="results-tabs">
<li class="tab col s6"><a class="active" href="#results">YouTube</a></li>
<li class="tab col s6"><a href="#results_soundcloud">SoundCloud</a></li>
</ul>
</div>
<div id="results" class="">
<div id="temp-results-container">
<div id="temp-results" class="result-object">
<div id="result" class="result">
<div class="result-info-no-buttons">
<div class="thumb-and-info">
<img class="thumb" src="/assets/images/loading.png" alt="Thumb"/>
<span class="result_info"></span>
</div>
<div class="result-get-more-info waves-effect waves-light">
<i class="material-icons">keyboard_arrow_left</i>
<div class="result-info-title-length">
<div class="search-title truncate"></div>
<div class="result-start-end-container">
<span class="start-end-info show-only-mobile">Start/End</span>
<input type="number" min="0" class="result-start white-text" value="0">
/
<input type="number" min="0" class="result-end white-text" value="0">
</div>
<div class="result-get-more-info waves-effect waves-light">
<i class="material-icons">keyboard_arrow_left</i>
</div>
</div>
</div>
</div>
<div class="result-info-buttons">
<a href="#" target="_blank" class="waves-effect waves-orange btn-flat open-externally" title="Open on YouTube">
<i class="material-icons">open_in_new</i>
</a>
<div class="waves-effect waves-orange btn-flat" id="add-many" title="Add several videos">
<i class="material-icons">playlist_add</i>
<div class="result-info-buttons">
<a href="#" target="_blank" class="waves-effect waves-orange btn-flat open-externally" title="Open on YouTube">
<i class="material-icons">open_in_new</i>
</a>
<div class="waves-effect waves-orange btn-flat" id="add-many" title="Add several videos">
<i class="material-icons">playlist_add</i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="empty-results-container">
<div id="empty-results" class="valign-wrapper">
<span class="valign">No results found..</span>
<div id="empty-results-container">
<div id="empty-results" class="valign-wrapper">
<span class="valign">No results found..</span>
</div>
</div>
<div class="pagination-results">
<a href="#" class="btn waves-effect waves-light prev-results-button orange">Prev</a>
<a href="#" class="btn waves-effect waves-light next-results-button orange">Next</a>
</div>
</div>
<div class="pagination-results">
<a href="#" class="btn waves-effect waves-light prev-results-button orange">Prev</a>
<a href="#" class="btn waves-effect waves-light next-results-button orange">Next</a>
</div>
</div>
<div id="results_soundcloud" class="col s12">Test 2</div>
</div>