136 lines
4.5 KiB
Plaintext
136 lines
4.5 KiB
Plaintext
<!-- Account Profile Screen -->
|
|
<div layout="screen" layout-id="account/profile" class="screen secondary">
|
|
<!-- header -->
|
|
<div class="content-head">
|
|
<!-- icon -->
|
|
<div class="content-icon">
|
|
<%= image_tag "content/icon_account.png", {:width => 27, :height => 20} %>
|
|
</div>
|
|
<!-- section head text -->
|
|
<h1>my account</h1>
|
|
<%= render "screen_navigation" %>
|
|
</div>
|
|
<!-- end header -->
|
|
|
|
<!-- profile scrolling area -->
|
|
<div class="content-body">
|
|
<div id="account-profile-content-scroller" class="content-body-scroller account-content-scroller">
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end content scrolling area -->
|
|
</div>
|
|
|
|
<script type="text/template" id="template-account-profile">
|
|
<!-- content wrapper -->
|
|
<div class="content-wrapper account-profile">
|
|
|
|
<form id="account-edit-profile-form">
|
|
|
|
<h2>profile:</h2>
|
|
|
|
<div class="location w30 left">
|
|
<a href="#" class="avatar_large"><img src="{photoUrl}" id="profile-avatar" /></a>
|
|
<a href="#" class="small" id="account-change-avatar">Change Avatar</a>
|
|
<div class="clearall"></div>
|
|
|
|
<div class="field">
|
|
<label>Country:</label>
|
|
<select name='country' class="w80">
|
|
<option value='{country}' selected="selected">{country}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label>State/Province:</label>
|
|
<select name='region' class="w80" disabled='disabled'>
|
|
<option value="{region}" selected="selected">{region}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label>City:</label>
|
|
<select name='city' class="w80" disabled='disabled'>
|
|
<option value="{city}" selected="selected">{city}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="right-side right w70" style="margin-top:-36px;">
|
|
<div class="field left w45">
|
|
<label>First Name:</label>
|
|
<input type="text" name="first_name" value="{first_name}" class="w80" style="margin-bottom:12px;">
|
|
</div>
|
|
<div class="field right w45">
|
|
<label>Last Name:</label>
|
|
<input type="text" name="last_name" value="{last_name}" class="w80" style="margin-bottom:12px;">
|
|
</div>
|
|
|
|
<br class="clearall"/>
|
|
|
|
<div class="field left w45 gender">
|
|
<label>Gender:</label>
|
|
<select name="gender" data-value="{gender}" class="w80">
|
|
<option value='M'>Male</option>
|
|
<option value='F'>Female</option>
|
|
<option>-</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="field right w45 birth_date">
|
|
<label>Birth Date:</label>
|
|
<%= date_select("user", "birth_date", :use_short_month => true, :start_year => 1900, :end_year => Time.now.year - 18, :order => [:month, :day, :year], :default => -25.years.from_now, :html=>{:class => "account-profile-birthdate"} ) %>
|
|
</div>
|
|
|
|
<br class="clearall"/>
|
|
|
|
|
|
<div class="field">
|
|
What instruments can you play?
|
|
<div class="profile-instrumentlist w90">
|
|
<table class="instrument_selector" width="100%" cellpadding="0" cellspacing="6">
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label for="user-genres">Genres:</label>
|
|
<div class="user-setup-genres">
|
|
<table id="user-genres" width="100%" cellpadding="10" cellspacing="6"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<input type="checkbox" name="subscribe_email" {subscribe_email} /> I will accept email from JamKazam about this service.
|
|
</div>
|
|
|
|
<div class="right actions">
|
|
<a id="account-edit-profile-cancel" href="#" class="button-grey">CANCEL</a> <a id="account-edit-profile-submit" href="#" class="button-orange">UPDATE PROFILE</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearall"/>
|
|
</form>
|
|
|
|
</div>
|
|
<!-- end content wrapper -->
|
|
|
|
|
|
</script>
|
|
|
|
<script type="text/template" id="account-profile-instrument">
|
|
<tr data-instrument-id='{id}'>
|
|
<td><input type="checkbox" {checked} />{description}</td>
|
|
<td align="right" width="50%"><select name="proficiency" class='proficiency_selector'>
|
|
<option value="1">Beginner</option>
|
|
<option value="2">Intermediate</option>
|
|
<option value="3">Expert</option>
|
|
</select></td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-user-setup-genres">
|
|
<tr><td><input value="{id}" {checked} type="checkbox" />{description}</td></tr>
|
|
</script>
|