Updated album.njk and player.njk

This commit is contained in:
Bobby Wibowo 2020-11-03 21:57:43 +07:00
parent 3e98307986
commit a5693d16d8
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
2 changed files with 33 additions and 10 deletions

View File

@ -61,15 +61,35 @@
<div class="level-right"> <div class="level-right">
<p class="level-item"> <p class="level-item">
{% if not files.length -%} {% if not files.length -%}
<a class="button is-primary is-outlined" title="There are no files in the album" disabled>Download album</a> <a class="button is-primary is-outlined" disabled>
<span class="icon">
<i class="icon-cancel"></i>
</span>
<span>Empty album</span>
</a>
{%- elif album.downloadLink -%} {%- elif album.downloadLink -%}
{%- if usingCDN -%} {%- if usingCDN -%}
<a class="button is-primary is-outlined" title="Be aware that album archive may be cached by CDN" href="../{{ album.downloadLink }}">Download album</a> <a class="button is-primary is-outlined" title="Be aware that album archive may be cached by CDN" href="../{{ album.downloadLink }}">
<span class="icon">
<i class="icon-download"></i>
</span>
<span>Download album</span>
</a>
{%- else -%} {%- else -%}
<a class="button is-primary is-outlined" href="../{{ album.downloadLink }}">Download album</a> <a class="button is-primary is-outlined" href="../{{ album.downloadLink }}">
<span class="icon">
<i class="icon-download"></i>
</span>
<span>Download album</span>
</a>
{%- endif -%} {%- endif -%}
{%- else -%} {%- else -%}
<a class="button is-primary is-outlined" title="The album's owner has chosen to disable download" disabled>Download disabled</a> <a class="button is-primary is-outlined" disabled>
<span class="icon">
<i class="icon-cancel"></i>
</span>
<span>Download disabled</span>
</a>
{%- endif %} {%- endif %}
</p> </p>
</div> </div>

View File

@ -54,7 +54,12 @@
<div class="level-right"> <div class="level-right">
<p class="level-item"> <p class="level-item">
<a id="downloadBtn" class="button is-primary is-outlined">Download video</a> <a id="downloadBtn" class="button is-primary is-outlined">
<span class="icon">
<i class="icon-download"></i>
</span>
<span>Download media</span>
</a>
</p> </p>
</div> </div>
</nav> </nav>
@ -63,14 +68,13 @@
<form id="inputForm"> <form id="inputForm">
<div class="field has-addons"> <div class="field has-addons">
<div class="control is-expanded"> <div class="control is-expanded">
<input id="identifier" name="identifier" class="input" type="text" placeholder="Upload's name" minlength="1"> <input id="identifier" name="identifier" class="input" type="text" placeholder="Upload's file name" minlength="1">
</div> </div>
<div class="control"> <div class="control">
<button id="reloadBtn" class="button is-info is-outlined"> <button id="reloadBtn" class="button is-info is-outlined">
<span class="icon"> <span class="icon">
<i class="icon-arrows-cw"></i> <i class="icon-arrows-cw"></i>
</span> </span>
<span>Reload</span>
</button> </button>
</div> </div>
</div> </div>
@ -80,9 +84,8 @@
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
<p>This is an experimental embedded video player using <a href="https://github.com/videojs/video.js" target="_blank" rel="noopener">Video.js</a>.</p> <p>This is an experimental embedded media player using <a href="https://github.com/videojs/video.js" target="_blank" rel="noopener">Video.js</a>.</p>
<p>This only allows you to play video uploads that you can play directly on your browser in the first place.</p> <p>This only allows you to play media uploads that you can play directly on your browser in the first place, and thus there is no additional support for other formats such as MKV.</p>
<p>Thus there is no additional support for other formats such as MKV.</p>
</div> </div>
</article> </article>
</div> </div>