58 lines
2.2 KiB
Plaintext
58 lines
2.2 KiB
Plaintext
|
<div layout="sidebar" class="sidebar" style="display:none;">
|
||
|
|
<div layout-sidebar-expander="visible" class="expander visible">
|
||
|
|
<p>Hide <span>>></span></p>
|
||
|
|
</div>
|
||
|
|
<div layout-sidebar-expander="hidden" class="expander hidden">
|
||
|
|
<p><span><<</span></p>
|
||
|
|
</div>
|
||
|
|
<div layout="panel" layout-id="panel1">
|
||
|
|
<div layout-panel="collapsed">
|
||
|
|
F
|
||
|
|
</div>
|
||
|
|
<div layout-panel="expanded" class="panel expanded">
|
||
|
|
<div layout-panel="header" class="panel-header">
|
||
|
|
<h2>Friends</h2>
|
||
|
|
</div>
|
||
|
|
<div layout-panel="contents" class="panelcontents">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<%= image_tag "avatars/avatar_david.jpg", :class => "avatar small" %>
|
||
|
|
<p class="name">David Wilson</p>
|
||
|
|
<p class="status">Session: <a href="#">Blues at Seven</a></p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<%= image_tag "avatars/avatar_brian.jpg", :class => "avatar small" %>
|
||
|
|
<p class="name">Brian Smith</p>
|
||
|
|
<p class="status">Available</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||
|
|
<p class="name">Peter Walker</p>
|
||
|
|
<p class="status">Practicing</p>
|
||
|
|
</li>
|
||
|
|
<li class="offline">
|
||
|
|
<%= image_tag "avatars/avatar_seth.jpg", :class => "avatar small" %>
|
||
|
|
<p class="name">Seth Call</p>
|
||
|
|
<p class="status">Offline</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div layout="panel" layout-id="panel2">
|
||
|
|
<div layout-panel="collapsed">
|
||
|
|
S
|
||
|
|
</div>
|
||
|
|
<div layout-panel="expanded" class="panel expanded">
|
||
|
|
<div layout-panel="header" class="panel-header">
|
||
|
|
<h2>Session</h2>
|
||
|
|
</div>
|
||
|
|
<div layout-panel="contents" class="panelcontents">
|
||
|
|
When in a session, this will show details.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|