jam-cloud/web/app/views/clients/_band_setup.html.slim

134 lines
4.8 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

#band-setup.screen.secondary layout="screen" layout-id="band/setup" layout-arg="id"
.content-head
.content-icon
= image_tag "content/icon_bands.png", :size => "19x19"
h1#band-setup-title
| my band
= render "screen_navigation"
.content-body
.content-body-scroller
form#band-setup-form
div style="display:block;"
#band-setup-step-0.band-step.content-wrapper style="padding:10px 35px10px 35px;"
h2 edit profile: basics
table width="100%"
tr
td colspan="2"
tr#name_row
td colspan="2"
.band-photo.hidden
span.field
a.band-avatar-profile href="#"
= image_tag "shared/avatar_generic_band.png", {:id => "band-avatar", :align=>"absmiddle", :height => 88, :width => 88 }
span.field
a#band-change-photo.small.ml20 href="#"
| Upload band photo.
.band-name
.field
label for="band-name"
| Band Name:
input#band-name type="text" maxlength="1024" value=""
/ td#tdBandWebsite[]
/ .field
/ label for="band-website"
/ | Web Site:
/ input#band-website[type="text" maxlength="4000" value=""]
tr
td.band-country
.field
label for="band-country"
| Country:
select#band-country
td.band-biography rowspan="3"
.field
label for="band-biography"
| Description / Bio:
textarea#band-biography rows="8"
tr
td.band-region
.field
label for="band-region"
| State/Region:
select#band-region
tr
td.band-city
.field
label for="band-city"
| City:
select#band-city
/ td#tdBandGenres[valign="top"]
/ .field
/ label for="band-genres"
/ | Genres:
/ .band-setup-genres.w90
/ table#band-genres[width="100%" cellpadding="10" cellspacing="6"]
#band-setup-step-1.band-step.content-wrapper
h2 edit profile: musical experience
#band-setup-step-2.band-step.content-wrapper
h2 edit profile: current interests
#band-setup-step-3.band-step.content-wrapper
h2 edit profile: online presence & performance samples
#band-setup-step-4.band-step.content-wrapper
h2 invite members
br
#band-setup-invite-musicians
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
.left.mr20
.left
a.btn-email-invitation
= image_tag("content/icon_gmail.png", :size => "24x24", :align => "absmiddle")
.right.mt5.ml5
| E-mail
.left.mr20
.left
a.btn-facebook-invitation
= image_tag("content/icon_facebook.png", :size => "24x24", :align => "absmiddle")
.right.mt5.ml5
| Facebook
.left.left
.left
a.btn-gmail-invitation
= image_tag("content/icon_google.png", :size => "24x24", :align => "absmiddle")
.right.mt5.ml5
| Google+
/ br clear="all"
/ .right
/ a#btn-band-setup-back.button-grey
/ | BACK
/ |   
/ a#btn-band-setup-save.button-orange
/ | CREATE BAND
/ .clearall
br clear="all"
.right
a#btn-band-setup-cancel.nav-button.button-grey
| CANCEL   
a#btn-band-setup-back.nav-button.button-grey.hidden
| BACK
a#btn-band-setup-next.nav-button.button-orange
| SAVE & NEXT
.clearall
script#template-band-setup-genres type="text/template"
tr
tr
td
input value="{id}" {checked} type="checkbox"
| {description}
script#template-band-invitation type="text/template"
.invitation user-id="{userId}"
| {userName}
a
img src="shared/icon_delete_sm.png" width="13" height="13"