updated show page to match columns of publish

This commit is contained in:
bill bittner 2017-10-10 12:07:32 -07:00
parent 58e180784b
commit 9306346ae1
2 changed files with 70 additions and 61 deletions

View file

@ -1,10 +1,10 @@
<div id="show-share-buttons"> <div id="show-share-buttons">
<div class="row row--wide row--short"> <div class="row row--wide">
<div class="column column--2 column--sml-10"> <div class="column column--2 column--sml-10">
<h3>Share:</h3> <span class="label">Share:</span>
</div><div class="column column--8 column--sml-10"> </div><div class="column column--8 column--sml-10">
<div class="row row--short"> <div class="row row--short row--wide">
<div class="column column--2"> <div class="column column--2">
<a target="_blank" href="https://twitter.com/intent/tweet?text=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}">twitter</a> <a target="_blank" href="https://twitter.com/intent/tweet?text=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}">twitter</a>
</div> </div>
@ -22,12 +22,12 @@
</div> </div>
</div> </div>
<div class="row row--wide">
<div id="show-short-link"> <div id="show-short-link">
<div class="row row--wide row--short">
<div class="column column--2 column--sml-10"> <div class="column column--2 column--sml-10">
<h3>Link:</h3> <span class="label">Link:</span>
</div><div class="column column--8 column--sml-10"> </div><div class="column column--8 column--sml-10">
<div class="row row--short"> <div class="row row--short row--wide">
<div class="column column--7"> <div class="column column--7">
<div class="input-error" id="input-error-copy-short-link" hidden="true"></div> <div class="input-error" id="input-error-copy-short-link" hidden="true"></div>
<input type="text" id="short-link" class="input-disabled input-text--full-width" readonly spellcheck="false" value="https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" onclick="select()"/> <input type="text" id="short-link" class="input-disabled input-text--full-width" readonly spellcheck="false" value="https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" onclick="select()"/>
@ -37,14 +37,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="show-embed-code"> <div id="show-embed-code">
<div class="row row--wide row--short">
<div class="column column--2 column--sml-10"> <div class="column column--2 column--sml-10">
<h3>Embed:</h3> <span class="label">Embed:</span>
</div><div class="column column--8 column--sml-10"> </div><div class="column column--8 column--sml-10">
<div class="row row--short"> <div class="row row--short row--wide">
<div class="column column--7"> <div class="column column--7">
<div class="input-error" id="input-error-copy-embed-text" hidden="true"></div> <div class="input-error" id="input-error-copy-embed-text" hidden="true"></div>
{{#ifConditional fileInfo.fileType '===' 'video/mp4'}} {{#ifConditional fileInfo.fileType '===' 'video/mp4'}}
@ -60,29 +57,41 @@
</div> </div>
</div> </div>
<h3><a class="label" id="show-details-toggle" href="#" onclick="toggleSection(event)" data-open="false" data-openlabel="[less]" data-closedlabel="[more]" data-slaveelementid="show-details">[more]</a></h3> <div class="row row--wide">
<a class="label" id="show-details-toggle" href="#" onclick="toggleSection(event)" data-open="false" data-openlabel="[less]" data-closedlabel="[more]" data-slaveelementid="show-details">[more]</a>
</div>
<div id="show-details" hidden="true"> <div id="show-details" hidden="true">
<table class="metadata-table" style="table-layout: fixed"> <div id="show-claim-name">
<tr class="metadata-row"> <div class="column column--2 column--sml-10">
<td class="left-column">Name</td> <span class="label">Name:</span>
<td>{{fileInfo.name}}</td> </div><div class="column column--8 column--sml-10">
</tr> {{fileInfo.name}}
<tr class="metadata-row"> </div>
<td class="left-column">Claim Id</td> </div>
<td class="wrap-words">{{fileInfo.claimId}}</td> <div id="show-claim-id">
</tr> <div class="column column--2 column--sml-10">
<tr class="metadata-row"> <span class="label">Claim Id:</span>
<td class="left-column">File Name</td> </div><div class="column column--8 column--sml-10">
<td>{{fileInfo.fileName}}</td> {{fileInfo.claimId}}
</tr> </div>
<tr> </div>
<td class="left-column">File Type</td> <div id="show-claim-id">
<td>{{#if fileInfo.fileType}} <div class="column column--2 column--sml-10">
<span class="label">File Name:</span>
</div><div class="column column--8 column--sml-10">
{{fileInfo.fileName}}
</div>
</div>
<div id="show-claim-id">
<div class="column column--2 column--sml-10">
<span class="label">File Type:</span>
</div><div class="column column--8 column--sml-10">
{{#if fileInfo.fileType}}
{{fileInfo.fileType}} {{fileInfo.fileType}}
{{else}} {{else}}
unknown unknown
{{/if}} {{/if}}
</td> </div>
</tr> </div>
</table>
</div> </div>