pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update speed limit text

Browse Source
This commit is contained in:
Fornax
2023-01-17 22:53:51 +01:00
parent aec9371f4d
commit 4cbc28f16f
1 changed files with 19 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
svelte/src/file_viewer/viewers/SpeedLimit.svelte
View File

@@ -1,7 +1,8 @@
<script> <script>
import { createEventDispatcher, onMount } from "svelte"; import { createEventDispatcher } from "svelte";
import { formatDataVolume, formatDuration } from "../../util/Formatting.svelte"; import { formatDataVolume, formatDuration } from "../../util/Formatting.svelte";
import { download_limits } from "../DownloadLimitStore"; import { download_limits } from "../DownloadLimitStore";
import IconBlock from "./IconBlock.svelte";
import TextBlock from "./TextBlock.svelte"; import TextBlock from "./TextBlock.svelte";
let dispatch = createEventDispatcher() let dispatch = createEventDispatcher()
@@ -17,11 +18,11 @@ export let file = {
<TextBlock> <TextBlock>
<img src="/res/img/slow_down.webp" class="header_image" alt="Yea, I'm gonna need you to slow down a bit"/> <img src="/res/img/slow_down.webp" class="header_image" alt="Yea, I'm gonna need you to slow down a bit"/>
<p> <p>
Pixeldrain's free tier is supported by advertisements. There's only so Pixeldrain's free tier is supported by my Patrons (be grateful). There's
much that you can do with the budget those ads provide (spoiler: it's only so much that you can do with the budget they provide.
not a lot). {formatDataVolume($download_limits.transfer_limit, 3)} per week is {formatDataVolume($download_limits.transfer_limit, 3)} per week is about
about the most I can give away for free, and according to our records the most I can give away for free while keeping it fair for everyone,
you have already downloaded and according to our records you have already downloaded
{formatDataVolume($download_limits.transfer_limit_used, 3)}. {formatDataVolume($download_limits.transfer_limit_used, 3)}.
</p> </p>
<p> <p>
@@ -50,17 +51,18 @@ export let file = {
{/if} {/if}
</li> </li>
</ul> </ul>
<img src={file.icon_href} alt="File icon" class="file_thumbnail"> </TextBlock>
<div class="file_description">
<IconBlock icon_href={file.icon_href}>
Name: {file.name}<br/> Name: {file.name}<br/>
Type: {file.mime_type}<br/> Type: {file.mime_type}<br/>
<button on:click={() => {dispatch("download")}}> <button on:click={() => {dispatch("download")}}>
<i class="icon">download</i> Download <i class="icon">download</i> Download
</button> </button>
</div> </IconBlock>
<p>
<TextBlock>
Also, I believe you have my stapler. Please give it back. Also, I believe you have my stapler. Please give it back.
</p>
</TextBlock> </TextBlock>
<style> <style>
@@ -68,17 +70,4 @@ export let file = {
width: 100%; width: 100%;
border-radius: 8px; border-radius: 8px;
} }
.file_thumbnail {
display: inline-block;
vertical-align: middle;
height: 6em;
border-radius: 8px;
}
.file_description {
display: inline-block;
text-align: left;
padding-left: 8px;
vertical-align: middle;
max-width: 600px;
}
</style> </style>