128 lines
5.9 KiB
Plaintext
128 lines
5.9 KiB
Plaintext
<!-- Band Profile -->
|
|
<div layout="screen" layout-id="bandProfile" layout-arg="id" class="screen secondary">
|
|
<div class="content-head">
|
|
<div class="content-icon">
|
|
<%= image_tag "content/icon_bands.png", :size => "19x19" %>
|
|
</div>
|
|
|
|
<h1>band profile</h1>
|
|
|
|
<%= render "screen_navigation" %>
|
|
</div>
|
|
<div class="content-body">
|
|
<form id="band-profile-form" class="inner-content">
|
|
<div class="profile-header profile-head">
|
|
<h2 id="band-profile-name"></h2>
|
|
|
|
<div class="band-profile-status">
|
|
</div>
|
|
|
|
<div class="right">
|
|
<a id="btn-follow-band" class="button-orange">FOLLOW</a>
|
|
<a id="btn-edit-band-profile" class="button-orange">EDIT PROFILE</a>
|
|
</div>
|
|
|
|
<br clear="all" /><br />
|
|
<!-- avatar -->
|
|
<div class="band-profile-photo">
|
|
<div class="avatar-profile">
|
|
<img id="band-profile-avatar" width="200" height="200" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- profile navigation -->
|
|
<div class="band-profile-nav">
|
|
<a id="band-profile-about-link" class="band active">about</a>
|
|
<a id="band-profile-history-link" class="band">history</a>
|
|
<a id="band-profile-members-link" class="band">members</a>
|
|
<a id="band-profile-social-link" class="band last">social</a>
|
|
</div>
|
|
<div class="clearall"></div>
|
|
</div>
|
|
<div class="profile-body">
|
|
<div id="band-profile-about" class="profile-body-content">
|
|
<div class="band-profile-wrapper">
|
|
<!-- stats & location -->
|
|
<div class="band-profile-about-left">
|
|
<h3>Location:</h3><br />
|
|
<span id="band-profile-location"></span><br /><br /><br />
|
|
<h3>Stats:</h3><br />
|
|
<span id="band-profile-follower-stats"></span><br />
|
|
<span id="band-profile-session-stats"></span><br />
|
|
<span id="band-profile-recording-stats"></span><br />
|
|
</div>
|
|
<div class="band-profile-about-right">
|
|
<p id="band-profile-biography"></p><br />
|
|
</div>
|
|
<br clear="all" />
|
|
</div>
|
|
</div>
|
|
<div id="band-profile-history" class="band-profile-wrapper">
|
|
<div class="content-body-scroller">
|
|
<br clear="all" />
|
|
</div>
|
|
</div>
|
|
<div id="band-profile-members" class="band-profile-wrapper profile-body-content f11">
|
|
<br clear="all" />
|
|
</div>
|
|
<!-- @FIXME cf clients/_profile.html.erb to mimic layout for scrolling header -->
|
|
<div id="band-profile-social" class="band-profile-wrapper">
|
|
<div class="band-profile-social-left">
|
|
<h2>Followers</h2>
|
|
<div id="band-profile-social-followers">
|
|
</div>
|
|
</div>
|
|
<br clear="all" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/template" id="template-band-profile-members">
|
|
<div user-id="{userId}" class="band-profile-members">
|
|
<div class="left" style="width:63px;">
|
|
<div class="avatar-small">
|
|
<img src="{avatar_url}" />
|
|
</div>
|
|
</div>
|
|
<div class="" style="margin-left: 63px;margin-top:12px;">
|
|
<div class="first-row" data-hint="top-row">
|
|
<div class="lcol left">
|
|
<div class="result-name">{name}</div>
|
|
<div class="result-location">{location}</div>
|
|
<br />
|
|
<div class="nowrap mt10">{instruments}</div>
|
|
</div>
|
|
<div class="whitespace">
|
|
<div class="biography">{biography}</div>
|
|
</div>
|
|
<div class="clearleft"></div>
|
|
</div>
|
|
<div class="button-row">
|
|
<div class="lcol stats left">
|
|
{friend_count} <img src="../assets/content/icon_friend.png" width="22" height="12" align="absmiddle" />
|
|
{follower_count} <img src="../assets/content/icon_followers.png" width="22" height="12" align="absmiddle" />
|
|
{recording_count} <img src="../assets/content/icon_recordings.png" width="12" height="13" align="absmiddle" />
|
|
{session_count} <img src="../assets/content/icon_session_tiny.png" width="12" height="12" align="absmiddle" />
|
|
</div>
|
|
<div class="result-list-button-wrapper">
|
|
<a class="button-orange smallbutton" href="{profile_url}">PROFILE</a>
|
|
<a id="btn-follow-member" class="button-orange smallbutton">FOLLOW</a>
|
|
<a id="btn-remove-member" class="button-orange smallbutton">REMOVE MEMBER</a>
|
|
<a id="btn-friend-member" style="display:none;" class="button-orange smallbutton">CONNECT</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-band-profile-social">
|
|
<div class="profile-block">
|
|
<div user-id="{userId}" hoveraction="{hoverAction}" class="avatar-small">
|
|
<img src="{avatar_url}" />
|
|
</div>
|
|
<div user-id="{userId}" hoveraction="{hoverAction}" class="profile-block-name">{userName}</div>
|
|
<div class="profile-block-city">{location}</div>
|
|
</div>
|
|
</script> |