154 lines
8.2 KiB
Plaintext
154 lines
8.2 KiB
Plaintext
<!-- Profile -->
|
|
<div layout="screen" layout-id="band/setup" layout-arg="id" class="screen secondary" id="band-setup">
|
|
<div class="content-head">
|
|
<div class="content-icon">
|
|
<%= image_tag "content/icon_bands.png", :size => "19x19" %>
|
|
</div>
|
|
|
|
<h1 id="band-setup-title">set up band</h1>
|
|
|
|
<%= render "screen_navigation" %>
|
|
</div>
|
|
<div class="content-body">
|
|
<div class="content-body-scroller">
|
|
<form id="band-setup-form">
|
|
<div style="display:block;">
|
|
<div id="band-setup-step-1" class="content-wrapper" style="padding:10px 35px 10px 35px;">
|
|
<br />
|
|
<table width="100%" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td valign="top" colspan="2">
|
|
<h2>Step 1: General Information</h2>
|
|
</td>
|
|
<td id="tdBandPhoto" valign="middle" rowspan="2" width="33%">
|
|
<a href="#" class="avatar-profile">
|
|
<%= image_tag "shared/avatar_generic_band.png", {:id => "band-avatar", :align=>"absmiddle", :height => 88, :width => 88 } %>
|
|
</a>
|
|
<br/><br/>
|
|
<a id="band-change-photo" href="#" class="small ml20">Upload band photo.</a><br clear="all"><br/>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandName" valign="middle" width="33%">
|
|
<div class="field">
|
|
<label for="band-name">Band Name:</label>
|
|
<input id="band-name" type="text" maxlength="1024" value="" class="w80"><br />
|
|
</div>
|
|
</td>
|
|
<td id="tdBandWebsite" valign="middle" width="33%">
|
|
<div class="field">
|
|
<label for="band-website">Web Site:</label>
|
|
<input id="band-website" type="text" maxlength="4000" value="" class="w80">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandCountry" valign="middle">
|
|
<div class="field">
|
|
<label for="band-country">Country:</label>
|
|
<select id="band-country" class="w80">
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td id="tdBandRegion" valign="middle">
|
|
<div class="field">
|
|
<label for="band-region">State/Region:</label>
|
|
<select id="band-region" class="w80">
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td id="tdBandCity" valign="middle">
|
|
<div class="field">
|
|
<label for="band-city">City:</label>
|
|
<select id="band-city" class="w80">
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandGenres" valign="top">
|
|
<div class="field">
|
|
<label for="band-genres">Genres:</label>
|
|
<div class="band-setup-genres w90">
|
|
<table id="band-genres" width="100%" cellpadding="10" cellspacing="6"></table>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td id="tdBandBiography" valign="top" colspan="2">
|
|
<div class="field">
|
|
<label for="band-biography">Description / Bio:</label>
|
|
<textarea id="band-biography" class="band-setup-bio w90"></textarea>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br clear="all" />
|
|
<div class="right">
|
|
<a id="btn-band-setup-cancel" class="button-grey">CANCEL</a>
|
|
<a id="btn-band-setup-next" class="button-orange">NEXT</a>
|
|
</div>
|
|
<div class="clearall"></div>
|
|
</div>
|
|
<div id="band-setup-step-2" class="content-wrapper" style="padding:10px 35px 10px 35px; display:none;">
|
|
<br/>
|
|
<h2>Step 2: Add Band Members</h2><br/>
|
|
<div id="band-setup-invite-musicians"></div>
|
|
If your bandmates are not on JamKazam yet, use any of the options below to invite them to join the service.<br/><br/>
|
|
<div class="left mr20">
|
|
<div class="left">
|
|
<a class="btn-email-invitation">
|
|
<%= image_tag("content/icon_gmail.png", :size => "24x24", :align => "absmiddle") %>
|
|
</a>
|
|
</div>
|
|
<div class="right mt5 ml5">E-mail</div>
|
|
</div>
|
|
<!--
|
|
<div class="left mr20">
|
|
<div class="left">
|
|
<a id="btn-facebook-invitation">
|
|
<%= image_tag("content/icon_facebook.png", :size => "24x24", :align => "absmiddle") %>
|
|
</a>
|
|
</div>
|
|
<div class="right mt5 ml5">Facebook</div>
|
|
</div>
|
|
-->
|
|
<!-- <div class="left mr20">
|
|
<div class="left">
|
|
<a href="/client#/createSession" title="This feature is not yet available.">
|
|
<%= image_tag("content/icon_twitter.png", :size => "24x24", :align => "absmiddle") %>
|
|
</a>
|
|
</div>
|
|
<div class="right mt5 ml5">Twitter</div>
|
|
</div> -->
|
|
<div class="left left">
|
|
<div class="left">
|
|
<a class="btn-gmail-invitation">
|
|
<%= image_tag("content/icon_google.png", :size => "24x24", :align => "absmiddle") %>
|
|
</a>
|
|
</div>
|
|
<div class="right mt5 ml5">Google+</div>
|
|
</div>
|
|
<br clear="all" />
|
|
<div class="right">
|
|
<a id="btn-band-setup-back" class="button-grey">BACK</a>
|
|
<a id="btn-band-setup-save" class="button-orange">CREATE BAND</a>
|
|
</div>
|
|
<div class="clearall"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/template" id="template-band-setup-genres">
|
|
<tr><td><input value="{id}" {checked} type="checkbox" />{description}</td></tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-band-invitation">
|
|
<div user-id="{userId}" class="invitation">{userName}
|
|
<a><%= image_tag "shared/icon_delete_sm.png", :size => "13x13" %></a>
|
|
</div>
|
|
</script>
|