{{paper-icon playerAreaClickIcon id="play-notification"}}
{{range-slider start=seekPosition min=0 max=100 connect=filledConnect id="seek-slider" on-change=(action "seekChanged")}} {{#if playQueueNotEmpty}} {{paper-icon "skip-previous" class="player-control-icon"}}{{/if}}{{paper-icon playingIcon class="player-control-icon"}}{{#if playQueueMultiple}}{{paper-icon "skip-next" action="" class="player-control-icon"}}{{/if}}{{range-slider start=volume min=0 max=100 connect=filledConnect on-change=(action "volumeChanged") id="volume-bar" class="hidden-xs"}}
{{timeElapsedTxt}} / {{timeTotalTxt}}
{{#paper-menu as |menu|}} {{#menu.trigger}} {{#paper-button iconButton=true}} {{paper-icon "remove-red-eye" class="player-control-icon"}} {{/paper-button}} {{/menu.trigger}} {{#menu.content width=2 as |content|}} {{#each visNames as |name|}} {{#content.menu-item onClick=(action "setVisName" name)}} {{name}} {{#if (eq currentVisName name)}} {{paper-icon "check" classNames=dimmerOnClass}} {{/if}} {{/content.menu-item}} {{/each}} {{/menu.content}} {{/paper-menu}} {{#if scUrl}} {{/if}}
{{#paper-menu as |menu|}} {{#menu.trigger}} {{#paper-button iconButton=false}} {{paper-icon "playlist add" class="player-control-icon"}} Add new music {{/paper-button}} {{/menu.trigger}} {{#menu.content width=3 as |content|}} {{#content.menu-item onClick="addLocalAudio" }} {{paper-icon "attachment" class=shuffleClass}} Local File {{/content.menu-item}} {{#content.menu-item onClick="toggleIsShowingAddSoundCloudModal" }} {{paper-icon "cloud" class=shuffleClass}} SoundCloud {{/content.menu-item}} {{/menu.content}} {{/paper-menu}} {{paper-icon "shuffle" class=shuffleClass}} {{paper-icon repeatIcon class=repeatClass}}
{{#if (or playQueueEmpty dragging)}}
{{#if dragging}} Drag your music files here {{else}} Add your music files here {{/if}}
{{paper-icon "library-music" class=dimmerOnClass}} {{/if}} {{#ember-collection items=playQueue cell-layout=(percentage-columns-layout playQueue.length playlistColumns 62) as |item index| }}
{{#if item.picture}} {{else}} {{/if}}
{{#if item.title}}
{{item.title}}
{{item.artist}}
{{else}} {{item.fileName}} {{/if}}
{{paper-icon "close" classNames="close"}}
{{/ember-collection}}
{{paper-icon beatDetectionAreaArrowIcon id="beat-detection-area-arrow-icon"}}
{{#if usingBeatPreferences}} {{paper-icon "star" class=dimmerOnClass}} {{/if}}
Color Range {{range-slider start=hueRange orientation="vertical" step=beatOptions.hueRange.step range=beatOptions.hueRange.range connect=hueRangeConnect on-change=(action "hueRangeChanged") pips=beatOptions.hueRange.pips}}
Sensitivity {{range-slider start=threshold orientation="vertical" step=beatOptions.threshold.step range=beatOptions.threshold.range on-change=(action "thresholdChanged") pips=beatOptions.threshold.pips}}
Brightness Range {{range-slider start=brightnessRange orientation="vertical" step=beatOptions.brightnessRange.step range=beatOptions.brightnessRange.range connect=hueRangeConnect on-change=(action "brightnessRangeChanged") pips=beatOptions.brightnessRange.pips}}
{{paper-checkbox label="Flashing Transitions" value=flashingTransitions onChange=(action (mut flashingTransitions))}}
{{paper-checkbox label="Colorloop" value=colorLoopOn onChange=(action (mut colorLoopOn))}}
{{paper-checkbox label="Ambience" value=ambienceMode onChange=(action (mut ambienceMode))}}
{{paper-checkbox label="Blackout" value=blackoutMode onChange=(action (mut blackoutMode))}}
{{music-tab/add-soundcloud-sound-modal action="handleNewSoundCloudURL" isShowingModal=isShowingAddSoundCloudModal}}