Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now images will show inline when viewing a post.

Browse Source
This commit is contained in:
Scott Idem
2025-01-14 16:48:24 -05:00
parent 7414cba165
commit 9dc4540329
1 changed files with 54 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte
View File

@@ -128,41 +128,62 @@ onDestroy(() => {
</a> --> </a> -->
{#if $ae_loc.authenticated_access && linked_obj?.hosted_file_id_random} {#if $ae_loc.authenticated_access && linked_obj?.hosted_file_id_random}
<button {#if linked_obj.extension === 'png' || linked_obj.extension === 'jpg' || linked_obj.extension === 'jpeg' || linked_obj.extension === 'gif' || linked_obj.extension === 'webp' || linked_obj.extension === 'svg'}
type="button" <div>
disabled={!$ae_loc.trusted_access} <img src="{$ae_api.base_url}/hosted_file/{linked_obj?.hosted_file_id_random}/download?x_no_account_id_token=direct-download"
on:click={() => { alt={linked_obj.filename}
ae_promises[linked_obj.hosted_file_id_random] = api.download_hosted_file({ class="w-fit min-w-96 h-fit object-cover rounded-lg shadow-md"
api_cfg: $ae_api, />
hosted_file_id: linked_obj.hosted_file_id_random, <!-- <img src={api.download_hosted_file({
return_file: true, api_cfg: $ae_api,
filename: linked_obj.filename, hosted_file_id: linked_obj.hosted_file_id_random,
auto_download: true, return_file: true,
log_lvl: 0 filename: linked_obj.filename,
}); auto_download: false,
log_lvl: 1
})
}
alt={linked_obj.filename}
class="w-fit min-w-96 h-fit object-cover rounded-lg shadow-md"
/> -->
</div>
{:else}
<button
type="button"
disabled={!$ae_loc.trusted_access}
on:click={() => {
ae_promises[linked_obj.hosted_file_id_random] = api.download_hosted_file({
api_cfg: $ae_api,
hosted_file_id: linked_obj.hosted_file_id_random,
return_file: true,
filename: linked_obj.filename,
auto_download: true,
log_lvl: 0
});
// window.postMessage({ type: 'download_event_file', hosted_file_id: linked_obj.hosted_file_id_random, filename: linked_obj.filename, auto_download: true }, '*'); // window.postMessage({ type: 'download_event_file', hosted_file_id: linked_obj.hosted_file_id_random, filename: linked_obj.filename, auto_download: true }, '*');
}} }}
class="novi_btn btn btn-sm lg:btn-md variant-ghost-tertiary hover:variant-filled-tertiary min-w-48" class="novi_btn btn btn-sm lg:btn-md variant-ghost-tertiary hover:variant-filled-tertiary min-w-48"
title={`Download this file:\n${linked_obj.filename}\n[API] SHA256: ${linked_obj?.hash_sha256.slice(0, 10)}... Hosted ID: ${linked_obj.hosted_file_id_random} Archive Content ID: ${linked_obj.archive_content_id}`} title={`Download this file:\n${linked_obj.filename}\n[API] SHA256: ${linked_obj?.hash_sha256.slice(0, 10)}... Hosted ID: ${linked_obj.hosted_file_id_random} Archive Content ID: ${linked_obj.archive_content_id}`}
> >
{#await ae_promises[linked_obj.hosted_file_id_random]} {#await ae_promises[linked_obj.hosted_file_id_random]}
<span class="fas fa-spinner fa-spin mx-1"></span> <span class="fas fa-spinner fa-spin mx-1"></span>
<span class=""> <span class="">
Downloading Downloading
{#if $ae_sess.api_download_kv[linked_obj.hosted_file_id_random]} {#if $ae_sess.api_download_kv[linked_obj.hosted_file_id_random]}
{$ae_sess.api_download_kv[linked_obj.hosted_file_id_random].percent_completed}% {$ae_sess.api_download_kv[linked_obj.hosted_file_id_random].percent_completed}%
{/if} {/if}
: :
</span> </span>
{:then} {:then}
<span class="fas fa-{ae_util.file_extension_icon(linked_obj?.extension)}"></span> <span class="fas fa-{ae_util.file_extension_icon(linked_obj?.extension)}"></span>
{/await} {/await}
<span class="grow"> <span class="grow">
{ae_util.shorten_filename({filename: linked_obj?.filename, max_length: 30})} {ae_util.shorten_filename({filename: linked_obj?.filename, max_length: 30})}
</span> </span>
</button> </button>
{/if}
{/if} {/if}