jam-cloud/app/views/clients/_createSession.html.erb

269 lines
10 KiB
Plaintext

<!-- Create Session Screen -->
<div layout="screen" layout-id="createSession" class="screen secondary">
<div class="content-head">
<h1>Create Session</h1>
<%= render "screen_navigation" %>
</div>
<form id="create-session-form">
<div class="body">
<fieldset class="unstyled">
<legend>Unstyled and Lots of things omitted</legend>
<!--
<div class="formrow">
<label>Band
<select>
<option>Not a band session</option>
<option>The Killers</option>
<option>J&amp;J AdHoc Electronica Duo</option>
</select>
</label>
</div>
-->
<div class="formrow">
<fieldset>Musician Access
<label>
<input type="radio" value="true" checked="checked" name="musician_access" id="music_access_true"/>
Public
</label>
<label>
<input type="radio" value="false" name="musician_access" id="music_access_false"/>
Private
</label>
</fieldset>
</div>
<div class="formrow">
<fieldset>Musician Access Method
<label>
<input type="radio" value="true" name="approval_required" id="approval_required_false"/>
By request/approval
</label>
<label>
<input type="radio" value="false" checked="checked" name="approval_required" id="approval_required_false"/>
Open
</label>
</fieldset>
</div>
<div class="formrow">
<label>Fan Access
<label>
<input type="radio" value="true" checked="checked" name="fan_access" id="fan_access_true" />
Public
</label>
<label>
<input type="radio" value="false" name="fan_access" id="fan_access_false" />
Private
</label>
</label>
</div>
<div class="formrow">
<label>Fan Chat
<label>
<input type="radio" value="true" checked="checked" name="fan_chat" id="fan_chat_true" />
Yes
</label>
<label>
<input type="radio" value="false" name="fan_chat" id="fan_chat_false"/>
No
</label>
</label>
</div>
<div class="formrow">
<label>Genres
<select multiple="multiple" name="genres">
</select>
</label>
<input type="text" class="hidden"/>
</div>
<div class="formrow">
<label>Tracks (TODO! - hardcoded in form handler)
</label>
</div>
<div class="formrow">
<label>Session Description</label>
<textarea name="description"></textarea>
</div>
<div class="formrow">
<div id="added-invitations"></div>
<div id="invitation-controls">
<label>Musician Invitations
<input id="invitations" type="text"/>
</label>
</div>
</div>
<!--
<div class="formrow">
<label>Fan Invitations
<label>
<input type="checkbox"/>
Post link to this session for fans on
</label>
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Google+</a>
</label>
<p><a href="#">
Upgrade your Studio subscription to let more fans listen
</a></p>
</div>
-->
<div class="formrow">
<label>Legal Terms
<input type="checkbox" name="legal_terms"/>
I agree that intellectual property ownership of any musical works created during this session shall be governed by the terms of the Creative Commons CC BY-NC-SA license in accordance with the JamKazam Terms of Service.
</label>
</div>
</fieldset>
</div>
<div class="footer">
<input type="submit" id="btn-create-session" value="Create Session"/>
<button layout-link="home">Cancel</button>
</div>
</form>
</div>
<!-- Added Invitation Template -->
<script type="text/template" id="template-added-invitation">
<div class="invitation" user-id="{userId}">{userName} <span>X</span></div>
</script>
<!-- Genre option template -->
<script type="text/template" id="template-genre-option">
<option value="{value}">{label}</option>
</script>
<!-- Create Session:Audio Screen -->
<!-- Keeping as this will move into a user settings dialog... -->
<div layout="screen" layout-id="createSessionAudio" class="screen secondary">
<div class="breadcrumb">
<p layout-link="home">Home &gt; </p>
<p class="current">Create a Session (3/3): Audio</p>
</div>
<form>
<p>Configure your instruments, headphones or speakers, and voice chat settings. Then play your instrument and sing or speak into your microphone, and ensure you hear everything correctly before entering the session.</p>
<fieldset>
<legend>Audio Settings</legend>
<fieldset>
<legend>Instrument 1</legend>
<label>
Sound Card
<select>
<option>Internal Intel Audio</option>
<option>Tascam US-800</option>
</select>
</label>
<label>
Driver
<select>
<option>These will be tied to the sound card</option>
</select>
</label>
<label>
Input
<select>
<option>Input 1</option>
<option>Input 2</option>
<option>Input 3</option>
<option>Input 4</option>
<option>Input 5</option>
<option>Input 6</option>
</select>
</label>
<label>
Instrument
<select>
<optgroup label="High Popular">
<option>Acoustic Guitar</option>
<option>Bass Guitar</option>
<option>Computer</option>
<option>Drums</option>
<option>Electric Guitar</option>
<option>Keyboard</option>
<option>Voice</option>
</optgroup>
<optgroup label="Mid Popular">
<option>Flute</option>
<option>Clarinet</option>
<option>Saxophone</option>
<option>Trumpet</option>
<option>Violin</option>
<option>Trombone</option>
<option>Banjo</option>
<option>Harmonica</option>
<option>Accordian</option>
</optgroup>
<optgroup label="Low Popular">
<option>French Horn</option>
<option>Euphonium</option>
<option>Tuba</option>
<option>Oboe</option>
<option>Ukulele</option>
<option>Cello</option>
<option>Viola</option>
<option>Mandolin</option>
</optgroup>
</select>
</label>
<label>Other <input type="text"/></label>
<label>Gain Slider goes here</label>
<label>VU Meter goes here</label>
</fieldset>
</fieldset>
<fieldset>
<legend>Headphone/Speaker Settings</legend>
<label>
Sound Card
<select>
<option>Internal Intel Audio</option>
<option>Tascam US-800</option>
</select>
</label>
<label>
Driver
<select>
<option>These will be tied to the sound card</option>
</select>
</label>
<label>
Output
<select>
<option>Output 1</option>
<option>Output 2</option>
<option>Output 3</option>
<option>Output 4</option>
<option>Output 5</option>
<option>Output 6</option>
</select>
</label>
</fieldset>
<fieldset>
<legend>Voice Chat Settings</legend>
<label>
Sound Card
<select>
<option>Internal Intel Audio</option>
<option>Tascam US-800</option>
</select>
</label>
<label>Gain Slider goes here</label>
<label>VU Meter goes here</label>
</fieldset>
<div class="footer">
<button layout-link="createSessionInvite">Back</button>
<button layout-link="session">Jam</button>
<button layout-link="home">Cancel</button>
</div>
</form>
</div>