106 lines
4.5 KiB
Plaintext
106 lines
4.5 KiB
Plaintext
<!-- 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>
|
|
<form id="band-profile-form">
|
|
<div class="band-profile-header">
|
|
<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>
|
|
</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>
|
|
<br clear="all" />
|
|
<div class="content-scroller" style="height:350px;">
|
|
<div id="band-profile-about" 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 id="band-profile-history" class="band-profile-wrapper">
|
|
<br clear="all" />
|
|
</div>
|
|
<div id="band-profile-members" class="band-profile-wrapper">
|
|
<br clear="all" />
|
|
</div>
|
|
<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>
|
|
|
|
<script type="text/template" id="template-band-profile-members">
|
|
<div user-id="{userId}" class="band-profile-members">
|
|
<div class="avatar-small">
|
|
<img src="{avatar_url}" width="275" height="183" />
|
|
</div>
|
|
<div class="profile-band-name">
|
|
{name}<br />
|
|
<span class="band-profile-member-location">{location}</span>
|
|
<br clear="left" /><br />
|
|
<div style="width:100px;">{instruments}</div><br /><br />
|
|
{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 style="height:90px" class="left ml20 f11 whitespace w35"><br />
|
|
{biography}<br /><br />
|
|
<a class="button-orange smallbutton m0" href="{profile_url}">PROFILE</a>
|
|
<a id="btn-follow-member" class="button-orange smallbutton m0">FOLLOW</a>
|
|
<a id="btn-friend-member" class="button-orange smallbutton m0">CONNECT</a>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-band-profile-social">
|
|
<div class="profile-block">
|
|
<div class="avatar-small">
|
|
<img src="{avatar_url}" />
|
|
</div>
|
|
<div class="profile-block-name">{userName}</div>
|
|
<div class="profile-block-city">{location}</div>
|
|
</div>
|
|
</script> |