142 lines
7.3 KiB
Plaintext
142 lines
7.3 KiB
Plaintext
<!-- Profile -->
|
|
<div layout="screen" layout-id="band/setup" class="screen secondary">
|
|
<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>
|
|
<form id="band-setup-form">
|
|
<div style="display:block;">
|
|
<input id="hdn-band-id" class="hdn-band-id" type="hidden" value="" />
|
|
<div class="content-scroller" style="height:350px;">
|
|
<div id="band-setup-step-1" class="content-wrapper" style="padding:10px 35px 10px 35px;">
|
|
<br />
|
|
<table width="105%" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td valign="top" colspan="2">
|
|
<h2>Step 1: General Information</h2>
|
|
</td>
|
|
<td 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 href="#" class="small ml20">Upload Band Photo</a><br clear="all"><br/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandName" valign="middle" width="33%">Band Name:<br />
|
|
<input id="band-name" type="text" maxlength="1024" value="" class="w80"><br />
|
|
</td>
|
|
<td valign="middle" width="33%">Web Site:<br />
|
|
<input id="band-website" type="text" maxlength="4000" value="" class="w80">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandCountry" valign="middle">Country:<br />
|
|
<select id="band-country" class="w80">
|
|
</select><br /><br />
|
|
</td>
|
|
<td id="tdBandRegion" valign="middle">State/Region:<br />
|
|
<select id="band-region" class="w80">
|
|
</select><br /><br />
|
|
</td>
|
|
<td id="tdBandCity" valign="middle">City:<br />
|
|
<select id="band-city" class="w80">
|
|
</select><br /><br />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="tdBandGenres" valign="top">Genres:<br />
|
|
<div class="band-setup-genres w90">
|
|
<table id="band-genres" width="100%" cellpadding="10" cellspacing="6"></table>
|
|
</div>
|
|
</td>
|
|
<td id="tdBandBiography" valign="top" colspan="2">Description / Bio:<br />
|
|
<textarea id="band-biography" class="band-setup-bio w90" maxlength="4000"></textarea>
|
|
</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>
|
|
<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 class="left w70">If your bandmates are already on JamKazam, start typing their names in the box<br/> below, or click the Choose Friends button to select them.</div>
|
|
<div class="right" layout-link="select-friends">
|
|
<a href="#" id="btn-band-choose-friends" class="button-grey right">CHOOSE FRIENDS</a>
|
|
</div>
|
|
<br clear="all" />
|
|
<br />
|
|
|
|
<div class="friendbox">
|
|
<div id="selected-band-invitees"></div>
|
|
<input id="band-invitee-input" type="text" placeholder="Type a friend's name" width="150px" />
|
|
</div>
|
|
<br/><br/>
|
|
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="/#/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>
|
|
</div>
|
|
</div>
|
|
<div id="band-setup-step-2" style="display:none;">
|
|
</div>
|
|
</form>
|
|
</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> |