Supositware/jeff-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

Some design change

Browse source
This commit is contained in:
loicbersier 2020-01-23 04:26:17 +01:00
parent 5cf71c08b4
commit 1dc101c0c1
1 changed files with 33 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
resources/views/index.edge
View file

@ -133,25 +133,45 @@
</section> </section>
@if(file != "") @if(file != "")
<section class="section">
<p class="title has-text-light has-text-centered">Recently downloaded videos</p> <p class="title has-text-light has-text-centered">Recently downloaded videos</p>
<div class="tile fadein"> <section class="section">
<div class="columns is-vcentered is-multiline fadein">
@each(file in file) @each(file in file)
<div class="tile is-parent hvr-grow"> <div class="column hvr-grow">
<article class="tile is-child box notification is-info"> <div class="column box notification is-dark">
<p class="subtitle">{{ file.name }}</p> <p class="subtitle">{{ file.name }}</p>
<p>{{ file.size }} MB</p> <div>
<br> <video muted loop onmouseover="this.play()" onmouseout="this.pause();" oncanplay="this.muted=true" poster="{{ file.img }}" preload="metadata">
<div class="content">
<p><a class="button is-link is-rounded" href="{{ file.location }}" download>Download<i class="fas fa-fw fa-file-download" aria-hidden="true"></i></a></p>
<p><button class="button is-link is-rounded" onclick="toClipboard('https:\/\/namejeff.xyz\/{{ file.location }}')">Add to clipboard<i class="fas fa-fw fa-clipboard" aria-hidden="true"></i></button></p>
</div>
<video muted width="720" height="480" loop onmouseover="this.play()" onmouseout="this.pause();" oncanplay="this.muted=true" poster="{{ file.img }}" preload="metadata">
<source src="{{ file.location }}#t=0.5" > <source src="{{ file.location }}#t=0.5" >
<img src="{{ file.img }}" title="Your browser does not support the <video> tag"> <img src="{{ file.img }}" title="Your browser does not support the <video> tag">
</video> </video>
<!-- <img src="data:image/png;base64, {{ file.img }}"> --> </div>
</article> <br>
<div class="content">
<div class="field has-addons is-centered">
<p class="control">
<a class="button is-link is-rounded" href="{{ file.location }}" download>Download<i class="fas fa-fw fa-file-download" aria-hidden="true"></i></a>
</p>
<p class="control">
<button class="button is-link is-rounded" onclick="toClipboard('https:\/\/namejeff.xyz\/{{ file.location }}')">Add to clipboard<i class="fas fa-fw fa-clipboard" aria-hidden="true"></i></button>
</p>
</div>
</div>
<div class="field is-grouped">
<div class="control">
<div class="tags has-addons">
<span class="tag">File format</span>
<span class="tag is-primary">{{ file.ext }}</span>
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">File size</span>
<span class="tag is-primary">{{ file.size }} MB</span>
</div>
</div>
</div>
</div>
</div> </div>
@endeach @endeach
</div> </div>