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

61 lines
2.6 KiB
Plaintext

#musicians-screen.screen.secondary layout="screen" layout-id="musicians"
.content
.content-head
.content-icon
img alt="Icon_musicians" height="19" src="/assets/content/icon_musicians.png" width="19" /
h1 musicians
= render "screen_navigation"
.content-body
= render "clients/musician_search_filter"
/! Session Row Template
script#template-find-musician-row type="text/template"
.profile-band-list-result.musician-list-result data-musician-id="{musician_id}"
.f11 data-hint="container"
.left.musician-avatar
/! avatar
.avatar-small
img src="{avatar_url}" /
.left.musician-info
.first-row data-hint="top-row"
.musician-profile
.result-name musician_name
.result-location musician_location
#result_instruments.instruments.nowrap.mt10 instruments
.musician-stats
span.friend-count
| {friend_count}
img align="absmiddle" alt="friends" height="12" src="../assets/content/icon_friend.png" style="margin-right:4px;" width="14" /
span.follower-count
| {follow_count}
img align="absmiddle" alt="followers" height="12" src="../assets/content/icon_followers.png" style="margin-right:4px;" width="22" /
span.recording-count
| {recording_count}
img align="absmiddle" alt="recordings" height="13" src="../assets/content/icon_recordings.png" style="margin-right:4px;" width="12" /
span.session-count
| {session_count}
img align="absmiddle" alt="sessions" height="12" src="../assets/content/icon_session_tiny.png" style="margin-right:4px;" width="12" /
br clear="both" /
.left.musician-latency
.latency-help
| Your latency
br>/
| to {musician_first_name} is:
.latency-holder
| {latency_badge}
br clear="both" /
.button-row data-hint="button-row"
.biography biography
.result-list-button-wrapper data-musician-id="{musician_id}"
| {musician_action_template}
br clear="both" /
script#template-musician-action-btns type="text/template"
a.button-orange.smallbutton href="{profile_url}" PROFILE
- if current_user && current_user.musician?
a.smallbutton.search-m-friend class="{friend_class}" href="#" {friend_caption}
a.smallbutton.search-m-follow class="{follow_class}" href="#" {follow_caption}
a.smallbutton.search-m-message class="{message_class}" href="#" {message_caption"
.clearall