Convert session partial to slim.
This commit is contained in:
Steven Miers
parent
6f8113b374
commit
23d4c88f46
|
|
@ -1,221 +0,0 @@
|
|||
<!-- Actual Session Screen -->
|
||||
<div layout="screen" layout-id="session" layout-arg="id" class="screen secondary" id="session-screen">
|
||||
<div class="content-head">
|
||||
<div class="content-icon">
|
||||
<%= image_tag "shared/icon_session.png", {:height => 19, :width => 19} %>
|
||||
</div>
|
||||
<h1>session</h1>
|
||||
</div>
|
||||
|
||||
<div class="content-body">
|
||||
<!-- session controls -->
|
||||
<div id="session-controls">
|
||||
<a class="button-grey resync left" id="session-resync">
|
||||
<%= image_tag "content/icon_resync.png", {:align => "texttop", :height => 14, :width => 12} %>
|
||||
RESYNC
|
||||
</a>
|
||||
<a class="button-grey left" layout-link="session-settings" id="session-settings-button">
|
||||
<%= image_tag "content/icon_settings_sm.png", {:align => "texttop", :height => 12, :width => 12} %>
|
||||
SETTINGS
|
||||
</a>
|
||||
<a layout-link="share-dialog" class="button-grey left">
|
||||
<%= image_tag "content/icon_share.png", {:align => "texttop", :height => 12, :width => 12} %>
|
||||
SHARE
|
||||
</a>
|
||||
|
||||
<!-- Volume Slider -->
|
||||
<div class="block">
|
||||
<div class="label">VOLUME:</div>
|
||||
<div id="volume" class="fader lohi" mixer-id=""></div>
|
||||
</div>
|
||||
|
||||
<!-- Mix: Me versus Others -->
|
||||
|
||||
<div class="block monitor-mode-holder">
|
||||
<div class="label">MIX:</div>
|
||||
<select class="monitor-mode easydropdown">
|
||||
<option value="personal" class="label">Personal</option>
|
||||
<option value="master">Master</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--
|
||||
<div class="block">
|
||||
<div class="label">MONITOR:</div>
|
||||
<div class="label"><small>others</small></div>
|
||||
<div id="l2m" class="fader flat" mixer-id="__L2M__"></div>
|
||||
<div class="label"><small>me</small></div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- Leave Button -->
|
||||
<a class="button-grey right leave" href="/client#/home" id="session-leave">X LEAVE</a>
|
||||
</div>
|
||||
<!-- end session controls -->
|
||||
|
||||
<!-- content scrolling area -->
|
||||
<div id="tracks">
|
||||
<div class="content-scroller">
|
||||
|
||||
<!-- content wrapper -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
<!-- my tracks -->
|
||||
<div class="session-mytracks">
|
||||
<h2>my tracks</h2>
|
||||
<div id="track-settings" class="session-add" style="display:block;" layout-link="configure-tracks">
|
||||
<%= image_tag "content/icon_settings_lg.png", {:width => 18, :height => 18} %>
|
||||
<span>Settings</span>
|
||||
</div>
|
||||
|
||||
<div class="session-tracks-scroller">
|
||||
<div id="session-mytracks-container"></div>
|
||||
<div id="voice-chat" class="voicechat" style="display:none;" mixer-id="">
|
||||
<div class="voicechat-label">CHAT</div>
|
||||
<div class="voicechat-gain"></div>
|
||||
<div class="voicechat-mute enabled" control="mute" mixer-id=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- live tracks -->
|
||||
<div class="session-livetracks">
|
||||
<h2>live tracks</h2>
|
||||
<div class="session-add" layout-link="select-invites">
|
||||
<a href="#" id="session-invite-musicians">
|
||||
<%= image_tag "content/icon_add.png", {:width => 19, :height => 19, :align => "texttop"} %> Invite Musicians
|
||||
</a>
|
||||
</div>
|
||||
<div class="session-tracks-scroller">
|
||||
<div id="session-livetracks-container">
|
||||
<div class="when-empty livetracks">
|
||||
No other musicians <br/>
|
||||
are in your session
|
||||
</div>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
<div class="recording" id="recording-start-stop">
|
||||
<a>
|
||||
<%= image_tag "content/recordbutton-off.png", {:width => 20, :height => 20, :align => "absmiddle"} %> <span id="recording-status">Make a Recording</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- recordings -->
|
||||
<div class="session-recordings">
|
||||
<h2>other audio</h2>
|
||||
<div class="session-recording-name-wrapper">
|
||||
<div class="session-recording-name left">(No recording loaded)</div>
|
||||
<div class="session-add right">
|
||||
<a id='close-playback-recording' href="#"><%= image_tag "content/icon_close.png", {:width => 18, :height => 20, :align => "texttop"} %> Close</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="session-tracks-scroller">
|
||||
<div id="session-recordedtracks-container">
|
||||
<div class="when-empty recordings">
|
||||
<span class="open-media-file-header"><%= image_tag "content/icon_folder.png", {width:22, height:20} %> Open:</span>
|
||||
<ul class="open-media-file-options">
|
||||
<li><a href="#" id="open-a-recording">Recording</a></li>
|
||||
<% if Rails.application.config.jam_tracks_available %>
|
||||
<li><a href="#" id="open-a-jamtrack">JamTrack</a></li>
|
||||
<% end %>
|
||||
<li><a href="#" id="open-a-backingtrack">Audio File</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="when-empty use-metronome-header">
|
||||
<%= image_tag "content/icon_metronome.png", {width:22, height:20} %>
|
||||
<a href="#" id="open-a-metronome">Use Metronome</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br clear="all" />
|
||||
|
||||
|
||||
<%= render "play_controls" %>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- recording name and close button -->
|
||||
<!--
|
||||
<div class="session-recording-name-wrapper">
|
||||
<div class="session-recording-name left">(No recording loaded)</div>
|
||||
<div class="session-add right">
|
||||
<a>
|
||||
<%= image_tag "content/icon_close.png", {:width => 18, :height => 20, :align => "texttop"} %> Close
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- dialogs needed for Session screen (ORDER MATTERS) -->
|
||||
<%= render "configureTrack" %>
|
||||
<%= render "addTrack" %>
|
||||
<%= render "addNewGear" %>
|
||||
<%= render "error" %>
|
||||
<%= render "sessionSettings" %>
|
||||
|
||||
<!-- Track Template -->
|
||||
<script type="text/template" id="template-session-track">
|
||||
<div track-id="{trackId}" class="session-track track" client-id="{clientId}">
|
||||
<div class="track-vu-left" mixer-id="{vuMixerId}_vul"></div>
|
||||
<div class="track-vu-right" mixer-id="{vuMixerId}_vur"></div>
|
||||
<div class="track-label">{name}</div>
|
||||
<div id="div-track-close" track-id="{trackId}" class="track-close op30">
|
||||
<%= image_tag "content/icon_closetrack.png", {:width => 12, :height => 12} %>
|
||||
</div>
|
||||
<div class="{avatarClass}">
|
||||
<img src="{avatar}"/>
|
||||
</div>
|
||||
<div class="track-instrument {preMasteredClass}">
|
||||
<img src="{instrumentIcon}" width="45" height="45"/>
|
||||
</div>
|
||||
<div class="track-gain" mixer-id="{mixerId}"></div>
|
||||
<!--
|
||||
<div class="track-gain-wrapper"
|
||||
control="fader" orientation="vertical">
|
||||
<div class="track-gain-slider" style="bottom:{gainPercent}%;" control="fader-handle">
|
||||
<%= image_tag "content/slider_gain_vertical.png", {:width => 28, :height => 11} %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<div class="track-icon-mute {muteClass}" control="mute" mixer-id="{muteMixerId}">
|
||||
</div>
|
||||
<!-- TODO - connection class from curly param -->
|
||||
<div mixer-id="{mixerId}_connection" class="track-connection grey">CONNECTION</div>
|
||||
<div class="disabled-track-overlay"></div>
|
||||
<div class="metronome-selects hidden" >
|
||||
<select class="metronome-select metro-sound">
|
||||
<option value="bleep" class="label">bleep</option>
|
||||
<option value="click" class="label">click</option>
|
||||
<option value="drum" class="label">drum</option>
|
||||
</select>
|
||||
<br/>
|
||||
<select class="metronome-select metro-tempo">
|
||||
<%- metronome_tempos.each do |t|%>
|
||||
<option value="<%=t%>" class="label">
|
||||
<%=t%>
|
||||
</option>
|
||||
<%- end %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/template" id="template-option">
|
||||
<option value="{value}" title="{label}" {selected}>{label}</option>
|
||||
</script>
|
||||
|
||||
<!-- Genre option template -->
|
||||
<script type="text/template" id="template-genre-option">
|
||||
<option value="{value}">{label}</option>
|
||||
</script>
|
||||
|
||||
|
|
@ -0,0 +1,132 @@
|
|||
#session-screen.screen.secondary[layout="screen" layout-id="session" layout-arg="id"]
|
||||
.content-head
|
||||
.content-icon
|
||||
= image_tag "shared/icon_session.png", {:height => 19, :width => 19}
|
||||
h1
|
||||
| session
|
||||
.content-body
|
||||
#session-controls
|
||||
a#session-resync.button-grey.resync.left
|
||||
= image_tag "content/icon_resync.png", {:align => "texttop", :height => 14, :width => 12}
|
||||
| RESYNC
|
||||
a#session-settings-button.button-grey.left[layout-link="session-settings"]
|
||||
= image_tag "content/icon_settings_sm.png", {:align => "texttop", :height => 12, :width => 12}
|
||||
| SETTINGS
|
||||
a.button-grey.left[layout-link="share-dialog"]
|
||||
= image_tag "content/icon_share.png", {:align => "texttop", :height => 12, :width => 12}
|
||||
| SHARE
|
||||
.block
|
||||
.label
|
||||
| VOLUME:
|
||||
#volume.fader.lohi[mixer-id=""]
|
||||
.block.monitor-mode-holder
|
||||
.label
|
||||
| MIX:
|
||||
select.monitor-mode.easydropdown
|
||||
option.label[value="personal"]
|
||||
| Personal
|
||||
option[value="master"]
|
||||
| Master
|
||||
a#session-leave.button-grey.right.leave[href="/client#/home"]
|
||||
| X LEAVE
|
||||
#tracks
|
||||
.content-scroller
|
||||
.content-wrapper
|
||||
.session-mytracks
|
||||
h2
|
||||
| my tracks
|
||||
#track-settings.session-add[style="display:block;" layout-link="configure-tracks"]
|
||||
= image_tag "content/icon_settings_lg.png", {:width => 18, :height => 18}
|
||||
span
|
||||
| Settings
|
||||
.session-tracks-scroller
|
||||
#session-mytracks-container
|
||||
#voice-chat.voicechat[style="display:none;" mixer-id=""]
|
||||
.voicechat-label
|
||||
| CHAT
|
||||
.voicechat-gain
|
||||
.voicechat-mute.enabled[control="mute" mixer-id=""]
|
||||
.session-livetracks
|
||||
h2
|
||||
| live tracks
|
||||
.session-add[layout-link="select-invites"]
|
||||
a#session-invite-musicians[href="#"]
|
||||
= image_tag "content/icon_add.png", {:width => 19, :height => 19, :align => "texttop"}
|
||||
| Invite Musicians
|
||||
.session-tracks-scroller
|
||||
#session-livetracks-container
|
||||
.when-empty.livetracks
|
||||
| No other musicians
|
||||
br
|
||||
| are in your session
|
||||
br[clear="all"]
|
||||
#recording-start-stop.recording
|
||||
a
|
||||
= image_tag "content/recordbutton-off.png", {:width => 20, :height => 20, :align => "absmiddle"}
|
||||
|
|
||||
span#recording-status
|
||||
| Make a Recording
|
||||
.session-recordings
|
||||
h2
|
||||
| other audio
|
||||
.session-recording-name-wrapper
|
||||
.session-recording-name.left
|
||||
| (No recording loaded)
|
||||
.session-add.right
|
||||
a#close-playback-recording[href="#"]
|
||||
= image_tag "content/icon_close.png", {:width => 18, :height => 20, :align => "texttop"}
|
||||
| Close
|
||||
.session-tracks-scroller
|
||||
#session-recordedtracks-container
|
||||
.when-empty.recordings
|
||||
span.open-media-file-header
|
||||
= image_tag "content/icon_folder.png", {width:22, height:20}
|
||||
| Open:
|
||||
ul.open-media-file-options
|
||||
li
|
||||
a#open-a-recording[href="#"]
|
||||
| Recording
|
||||
- if Rails.application.config.jam_tracks_available
|
||||
li
|
||||
a#open-a-jamtrack[href="#"]
|
||||
| JamTrack
|
||||
li
|
||||
a#open-a-backingtrack[href="#"]
|
||||
| Audio File
|
||||
.when-empty.use-metronome-header
|
||||
= image_tag "content/icon_metronome.png", {width:22, height:20}
|
||||
a#open-a-metronome[href="#"]
|
||||
| Use Metronome
|
||||
br[clear="all"]
|
||||
= render "play_controls"
|
||||
= render "configureTrack"
|
||||
= render "addTrack"
|
||||
= render "addNewGear"
|
||||
= render "error"
|
||||
= render "sessionSettings"
|
||||
script#template-session-track[type="text/template"]
|
||||
.session-track.track client-id="{clientId}" track-id="{trackId}"
|
||||
.track-vu-left.mixer-id="{vuMixerId}_vul"
|
||||
.track-vu-right.mixer-id="{vuMixerId}_vur"
|
||||
.track-label="{name}"
|
||||
#div-track-close.track-close.op30 track-id="{trackId}"
|
||||
=image_tag("content/icon_closetrack.png", {width: 12, height: 12})
|
||||
div class="{avatarClass}"
|
||||
img src="{avatar}"
|
||||
.track-instrument class="{preMasteredClass}"
|
||||
img height="45" src="{instrumentIcon}" width="45"
|
||||
.track-gain mixer-id="{mixerId}"
|
||||
.track-icon-mute class="{muteClass}" control="mute" mixer-id="{muteMixerId}"
|
||||
.track-connection.grey mixer-id="{mixerId}_connection"
|
||||
CONNECTION
|
||||
.disabled-track-overlay
|
||||
.metronome-selects.hidden
|
||||
select.metronome-select.metro-sound
|
||||
option.label value="bleep" bleep
|
||||
option.label value="click" click
|
||||
option.label value="drum" drum
|
||||
br
|
||||
select.metronome-select.metro-tempo
|
||||
- metronome_tempos.each do |t|
|
||||
option.label value=t
|
||||
=t
|
||||
Loading…
Reference in New Issue