123 lines
7.8 KiB
Plaintext
123 lines
7.8 KiB
Plaintext
<!-- Share dialog -->
|
|
<div class="dialog share-overlay" layout="dialog" layout-id="share-dialog" id="share-dialog" style="width:800px; height:auto;">
|
|
<div class="content-head"><h1> <span id="shareType"></span></h1></div>
|
|
<div class="dialog-inner">
|
|
<div class="right"> <a class="button-orange" layout-action="close">X CLOSE</a></div>
|
|
<table class="w100">
|
|
<tr>
|
|
<td valign="top" width="45%" class="border-right"><h3 class="mb5">Share to Social Media:</h3>
|
|
<textarea class="w95" rows="3">Add a Message...</textarea><br />
|
|
<div class="left share-options">
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_facebook.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-facebook" %>
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_twitter.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-twitter" %>
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_google.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle", :class => "share-with-google" %>
|
|
<div class="error-msg">Please select at least one</div>
|
|
</div>
|
|
<div class=" right mr10 mt5"><a class="button-orange dialog-share-button">SHARE</a></div>
|
|
</td>
|
|
<td valign="top" width="48%">
|
|
<div class="ml10">
|
|
<h3>Share a Link:</h3><br />
|
|
<% unless # share_token.blank? %>
|
|
<%= "#{root_url}#{share_token}" %>
|
|
<% end %>
|
|
<div class="right"><a class="button-orange">COPY LINK</a></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr><td colspan=2 class="border-bottom"><br /><br /></td></tr>
|
|
</table><br /><br />
|
|
<table class="w100">
|
|
<tr>
|
|
<td valign="top" width="40%"><h3>Get a Widget:</h3>
|
|
<!-- ########## Javascript code for widget ########## -->
|
|
<textarea class="w95" rows="10">
|
|
<!-- widget -->
|
|
<div id="divWidgetCode" class="widget">
|
|
<!-- header -->
|
|
<div id="divWidgetCodeHeader" class="widget-header"><strong><span id="lblWidgetCodeType"></span></strong> by <span id="spnWidgetCodeArtistName"></span></div>
|
|
<!-- start widget content -->
|
|
<div class="widget-content">
|
|
<!-- band avatar -->
|
|
<div class="widget-avatar"><img id="imgWidgetCodeAvatar" alt=""/></div>
|
|
<a href="javascript:void(0)" class="widget-pausebutton" title="pause"></a>
|
|
<!-- song title -->
|
|
<div class="widget-controls">
|
|
<!-- timeline and controls -->
|
|
<div class="w100">
|
|
<!-- recording play controls -->
|
|
<div class="recording-controls">
|
|
<!-- playback position -->
|
|
<div class="recording-position">
|
|
<!-- start time -->
|
|
<div class="recording-time">0:00</div>
|
|
<!-- playback background & slider -->
|
|
<div class="recording-playback">
|
|
<div class="recording-slider"><img src="images/content/slider_playcontrols.png" width="5" height="16" /></div>
|
|
</div>
|
|
<!-- end time -->
|
|
<div class="recording-time">4:59</div>
|
|
</div>
|
|
<!-- end playback position -->
|
|
<!-- current playback time -->
|
|
<div class="recording-current">1:23</div>
|
|
</div>
|
|
<!-- end recording play controls -->
|
|
</div>
|
|
</div>
|
|
<!-- band member avatars -->
|
|
<div class="widget-social">
|
|
<a href="#"><img src="images/content/icon_like.png" width="12" height="12" alt=""/> LIKE</a>
|
|
<a href="#"><img class="space" src="images/content/icon_comment.png" width="12" height="12" alt=""/> COMMENT</a>
|
|
<a href="#"><img class="space" src="images/content/icon_share.png" width="13" height="15" alt=""/> SHARE</a>
|
|
</div>
|
|
<!-- jamkazam branding -->
|
|
<div class="widget-branding">recorded on
|
|
<a href="http://jamkazam.com"><img src="images/shared/jk_logo_small.png" alt="" width="142" height="26" align="absbottom"/></a>
|
|
</div>
|
|
</div>
|
|
<!-- end widget content -->
|
|
</div>
|
|
<!-- /widget -->
|
|
</textarea> <br /><br />
|
|
<div class="right"><a class="button-orange mr10">COPY WIDGET CODE</a></div>
|
|
</td>
|
|
<td>
|
|
<div class="ml10">Preview:
|
|
<!-- recording widget -->
|
|
<div id="divWidgetPreview" class="widget">
|
|
<!-- header -->
|
|
<div id="divWidgetPreviewHeader" class="widget-header"><strong><span id="lblWidgetPreviewType"></span></strong> by <span id="spnWidgetPreviewArtistName"></span></div>
|
|
<!-- start widget content -->
|
|
<div class="widget-content">
|
|
<!-- band avatar -->
|
|
<div class="widget-avatar"><img id="imgWidgetPreviewAvatar" src="" alt=""/></div>
|
|
<a href="javascript:void(0)" class="widget-playbutton" title="play"></a>
|
|
|
|
<!-- song title -->
|
|
<div id="divWidgetPreviewTitle" class="widget-title"></div>
|
|
|
|
<!-- avatars -->
|
|
<div class="widget-members"></div>
|
|
|
|
<!-- jamkazam branding -->
|
|
<div class="widget-branding"><span id="spnWidgetPreview" on
|
|
<a href=<%= "#{root_url}" %>>
|
|
<%= image_tag "shared/jk_logo_small.png", :size => "142x26", :align => "absbottom", :alt => "" %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- end widget content -->
|
|
</div>
|
|
<!-- /widget -->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|