spee.ch/views/partials/assetInfo.handlebars

101 lines
5.4 KiB
Handlebars
Raw Normal View History

2017-10-11 23:16:28 +02:00
<div class="row row--wide row--short">
<p>{{fileInfo.description}}</p>
2017-10-03 02:49:04 +02:00
</div>
<div class="row row--wide">
<div id="show-short-link">
2017-10-10 19:14:43 +02:00
<div class="column column--2 column--sml-10">
<span class="label">Link:</span>
2017-10-10 19:14:43 +02:00
</div><div class="column column--8 column--sml-10">
<div class="row row--short row--wide">
2017-10-10 19:14:43 +02:00
<div class="column column--7">
<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()"/>
</div><div class="column column--1"></div><div class="column column--2">
<button class="button--primary" data-elementtocopy="short-link" onclick="copyToClipboard(event)">copy</button>
</div>
</div>
</div>
2017-09-30 00:56:13 +02:00
</div>
<div id="show-embed-code">
2017-10-10 19:14:43 +02:00
<div class="column column--2 column--sml-10">
<span class="label">Embed:</span>
2017-10-10 19:14:43 +02:00
</div><div class="column column--8 column--sml-10">
<div class="row row--short row--wide">
<div class="column column--7">
<div class="input-error" id="input-error-copy-embed-text" hidden="true"></div>
{{#ifConditional fileInfo.fileType '===' 'video/mp4'}}
<input type="text" id="embed-text" class="input-disabled input-text--full-width" readonly onclick="select()" spellcheck="false" value='&lt;video width="100%" controls poster="{{fileInfo.thumbnail}}" src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}"/>&lt;/video>'/>
{{else}}
<input type="text" id="embed-text" class="input-disabled input-text--full-width" readonly onclick="select()" spellcheck="false" value='&lt;img src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}"/>'/>
{{/ifConditional}}
</div><div class="column column--1"></div><div class="column column--2">
<button class="button--primary" data-elementtocopy="embed-text" onclick="copyToClipboard(event)">copy</button>
</div>
2017-10-10 19:14:43 +02:00
</div>
</div>
</div>
2017-10-03 02:49:04 +02:00
</div>
2017-09-30 00:56:13 +02:00
2017-10-11 23:16:28 +02:00
<div id="show-share-buttons">
2017-10-12 18:58:31 +02:00
<div class="row row--wide row--short">
2017-10-11 23:16:28 +02:00
<div class="column column--2 column--sml-10">
<span class="label">Share:</span>
</div><div class="column column--8 column--sml-10">
<div class="row row--short row--wide">
<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>
</div>
<div class="column column--2">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fspee.ch%2F{{fileInfo.shortId}}%2F{{fileInfo.name}}.{{fileInfo.fileExt}}&amp;src=sdkpreparse">facebook</a>
</div>
<div class="column column--2">
2017-10-16 18:57:54 +02:00
<a target="_blank" href="https://www.tumblr.com/widgets/share/tool?posttype=photo&title=Spee.ch%20%7C%20Share&caption=Shared%20From%20https://spee.ch%20A%20Decentralized%20Image%20Hosting%20Service%20Running%20On%20The%20LBRY%20Protocol%20&content=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}&tags=lbry%2C%20spee.ch%2C%20lbry.io&canonicalUrl=https%3A%2F%2Fspee.ch%2F{{fileInfo.shortId}}%2F{{fileInfo.name}}.{{fileInfo.fileExt}}&shareSource=tumblr_share_button">tumblr</a>
2017-10-11 23:16:28 +02:00
</div>
<div class="column column--2">
<a target="_blank" href="https://www.reddit.com/submit?url=http%3A%2F%2Fspee.ch%2F{{fileInfo.shortId}}%2F{{fileInfo.name}}.{{fileInfo.fileExt}}&title={{fileInfo.name}}(Decentralized%20Hosting%20Provided%20By%20Spee.ch%20Using%20the%20LBRY%20Protocol)">reddit</a>
</div>
</div>
</div>
</div>
</div>
<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>
2017-10-10 19:14:43 +02:00
<div id="show-details" hidden="true">
<div id="show-claim-name">
<div class="column column--2 column--sml-10">
<span class="label">Name:</span>
</div><div class="column column--8 column--sml-10">
{{fileInfo.name}}
</div>
</div>
<div id="show-claim-id">
<div class="column column--2 column--sml-10">
<span class="label">Claim Id:</span>
</div><div class="column column--8 column--sml-10">
{{fileInfo.claimId}}
</div>
</div>
<div id="show-claim-id">
<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}}
{{else}}
unknown
{{/if}}
</div>
</div>
2017-10-03 02:49:04 +02:00
</div>