LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

updated details on on show page

Browse source
This commit is contained in:
bill bittner 2017-10-02 17:49:04 -07:00
parent 908a67a0ce
commit bd76e0eda9
5 changed files with 67 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/assets/css/general.css
View file

@ -48,6 +48,10 @@ h2 {
color: lightgrey; color: lightgrey;
} }
.h2--top {
margin-top: 0px;
}
h3 { h3 {
font-size: large; font-size: large;
font-weight: normal; font-weight: normal;

2
views/layouts/main.handlebars
View file

@ -7,8 +7,6 @@
<title>Spee.ch</title> <title>Spee.ch</title>
<link rel="stylesheet" href="/assets/css/reset.css" type="text/css"> <link rel="stylesheet" href="/assets/css/reset.css" type="text/css">
<link rel="stylesheet" href="/assets/css/general.css" type="text/css"> <link rel="stylesheet" href="/assets/css/general.css" type="text/css">
<link rel="stylesheet" href="/assets/css/navBar.css" type="text/css">
<link rel="stylesheet" href="/assets/css/publish.css" type="text/css">
<link rel="stylesheet" href="/assets/css/mediaQueries.css" type="text/css"> <link rel="stylesheet" href="/assets/css/mediaQueries.css" type="text/css">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@lbryio" /> <meta name="twitter:site" content="@lbryio" />

2
views/layouts/show.handlebars
View file

@ -7,8 +7,6 @@
<title>Spee.ch</title> <title>Spee.ch</title>
<link rel="stylesheet" href="/assets/css/reset.css" type="text/css"> <link rel="stylesheet" href="/assets/css/reset.css" type="text/css">
<link rel="stylesheet" href="/assets/css/general.css" type="text/css"> <link rel="stylesheet" href="/assets/css/general.css" type="text/css">
<link rel="stylesheet" href="/assets/css/navBar.css" type="text/css">
<link rel="stylesheet" href="/assets/css/publish.css" type="text/css">
<link rel="stylesheet" href="/assets/css/mediaQueries.css" type="text/css"> <link rel="stylesheet" href="/assets/css/mediaQueries.css" type="text/css">
<meta property="fb:app_id" content="1371961932852223"> <meta property="fb:app_id" content="1371961932852223">
{{#unless fileInfo.nsfw}} {{#unless fileInfo.nsfw}}

140
views/partials/assetInfo.handlebars
View file

@ -1,88 +1,66 @@
<h2>Title</h2> <h2 class="h2--top">Title</h2>
<div class="row row--short"> <div class="row row--short">
{{fileInfo.title}} {{fileInfo.title}}
</div>
<h2>Links</h2>
{{!-- short direct link to asset --}}
<div class="row row--short">
<div class="column column--7">
<a href="/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}">Short Link</a>
<div class="input-error" id="input-error-copy-short-link" hidden="true"></div>
<br/>
<input type="text" id="short-link" class="input-disabled" readonly spellcheck="false" value="https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" onclick="select()"/>
</div><div class="column column--3">
<button class="button--primary" data-elementtocopy="short-link" onclick="copyToClipboard(event)">copy</button>
</div> </div>
<h2>Links</h2> </div>
{{!-- short direct link to asset --}} {{!-- html text for embedding asset--}}
<div class="row row--short"> <div class="row row--short">
<div class="column column--5"> <div class="column column--7">
<a href="/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}">Short Link</a> Embed HTML
<div class="input-error" id="input-error-copy-short-link" hidden="true"></div> <div class="input-error" id="input-error-copy-embed-text" hidden="true"></div>
<br/> <br/>
<input type="text" id="short-link" class="input-disabled" readonly spellcheck="false" value="https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" onclick="select()"/> {{#ifConditional fileInfo.fileType '===' 'video/mp4'}}
</div><div class="column column--4"> <input type="text" id="embed-text" class="input-disabled" readonly onclick="select()" spellcheck="false" value='&lt;video width="100%" controls src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}"/>&lt;/video>'/>
<button class="copy-button" data-elementtocopy="short-link" onclick="copyToClipboard(event)">copy</button> {{else}}
</div> <input type="text" id="embed-text" class="input-disabled" readonly onclick="select()" spellcheck="false" value='&lt;img src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" />'/>
</div> {{/ifConditional}}
{{!-- html text for embedding asset--}} </div><div class="column column--3">
<div class="row row--short"> <button class="button--primary" data-elementtocopy="embed-text" onclick="copyToClipboard(event)">copy</button>
<div class="column column--5">
Embed HTML
<div class="input-error" id="input-error-copy-embed-text" hidden="true"></div>
<br/>
{{#ifConditional fileInfo.fileType '===' 'video/mp4'}}
<input type="text" id="embed-text" class="input-disabled" readonly onclick="select()" spellcheck="false" value='&lt;video width="100%" controls src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}"/>&lt;/video>'/>
{{else}}
<input type="text" id="embed-text" class="input-disabled" readonly onclick="select()" spellcheck="false" value='&lt;img src="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}" />'/>
{{/ifConditional}}
</div><div class="column column--5">
<button class="copy-button" data-elementtocopy="embed-text" onclick="copyToClipboard(event)">copy</button>
</div>
</div> </div>
{{!-- more options --}} </div>
<!--<div hidden="true">-->
<!--{{!-- long link to asset --}}-->
<!--<div class="share-option">-->
<!--<a href="/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}">Permanent Long Link</a> (fastest service)-->
<!--<div class="input-error" id="input-error-copy-long-link" hidden="true"></div>-->
<!--</br>-->
<!--<input type="text" id="long-link" class="link" readonly onclick="select()" spellcheck="false" value="https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}}"/>-->
<!--<button class="copy-button" data-elementtocopy="long-link" onclick="copyToClipboard(event)">copy</button>-->
<!--</div>-->
<!--{{!-- optional: markdown text for non-videos--}}-->
<!--{{#ifConditional fileInfo.fileType '===' 'video/mp4'}}-->
<!--{{else}}-->
<!--<div class="share-option">-->
<!--Markdown-->
<!--<div class="input-error" id="input-error-copy-markdown-text" hidden="true"></div>-->
<!--<br/>-->
<!--<input type="text" id="markdown-text" class="link" readonly onclick="select()" spellcheck="false" value='![{{fileInfo.name}}](https://spee.ch/{{fileInfo.claimId}}/{{fileInfo.name}}.{{fileInfo.fileExt}})'/>-->
<!--<button class="copy-button" data-elementtocopy="markdown-text" onclick="copyToClipboard(event)">copy</button>-->
<!--</div>-->
<!--{{/ifConditional}}-->
<!--</div>-->
<h2>Description</h2> <h2>Description</h2>
<div class="row row--short"> <div class="row row--short">
{{fileInfo.description}} {{fileInfo.description}}
</div> </div>
<h2>Metadata</h2> <h2>Metadata</h2>
<div class="row row--short"> <div class="row row--short">
<table class="metadata-table" style="table-layout: fixed"> <table class="metadata-table" style="table-layout: fixed">
<tr class="metadata-row"> <tr class="metadata-row">
<td class="left-column">Name</td> <td class="left-column">Name</td>
<td>{{fileInfo.name}}</td> <td>{{fileInfo.name}}</td>
</tr> </tr>
<tr class="metadata-row"> <tr class="metadata-row">
<td class="left-column">Claim Id</td> <td class="left-column">Claim Id</td>
<td class="wrap-words">{{fileInfo.claimId}}</td> <td class="wrap-words">{{fileInfo.claimId}}</td>
</tr> </tr>
<tr class="metadata-row"> <tr class="metadata-row">
<td class="left-column">File Name</td> <td class="left-column">File Name</td>
<td>{{fileInfo.fileName}}</td> <td>{{fileInfo.fileName}}</td>
</tr> </tr>
<tr> <tr>
<td class="left-column">File Type</td> <td class="left-column">File Type</td>
<td>{{#if fileInfo.fileType}} <td>{{#if fileInfo.fileType}}
{{fileInfo.fileType}} {{fileInfo.fileType}}
{{else}} {{else}}
unknown unknown
{{/if}} {{/if}}
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
<script type ="text/javascript"> <script type ="text/javascript">
function copyToClipboard(event){ function copyToClipboard(event){

7
views/show.handlebars
View file

@ -1,10 +1,11 @@
{{> topBar}} {{> topBar}}
<div class="row"> <div class="row">
<div class="column column--5 align-content-top"> <div class="column column--6 align-content-top">
{{> asset}} {{> asset}}
</div><div class="column column--1">
</div><div class="column column--4 align-content-top"> </div><div class="column column--4 align-content-top">
{{> assetInfo}} <div class="row row--short">
{{> assetInfo}}
</div>
</div> </div>
</div> </div>