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

More layout fixes for IDAA....

Browse Source
This commit is contained in:
Scott Idem
2025-07-11 15:05:38 -04:00
parent e23999d728
commit 299d5b71c3
6 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
View File

@@ -241,7 +241,7 @@ onDestroy(() => {
max-w-full max-w-full
" "
> >
<span class="ae_icon fas fa-archive"></span> <span class="ae_icon fas fa-archive text-neutral-800/80"></span>
<!-- <span class="ae_icon fas fa-file-archive"></span> --> <!-- <span class="ae_icon fas fa-file-archive"></span> -->
{@html $lq__archive_obj?.name ?? 'Archive'} {@html $lq__archive_obj?.name ?? 'Archive'}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode} {#if $ae_loc.trusted_access && $ae_loc.edit_mode}

10
src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte
View File

@@ -32,7 +32,15 @@ let ae_promises: key_val = $state({});
{#each $lq__archive_content_obj_li as idaa_archive_content_obj, index} {#each $lq__archive_content_obj_li as idaa_archive_content_obj, index}
{#if idaa_archive_content_obj.group && idaa_archive_content_obj.group != $lq__archive_content_obj_li[index - 1]?.group} {#if idaa_archive_content_obj.group && idaa_archive_content_obj.group != $lq__archive_content_obj_li[index - 1]?.group}
<div class="ae_row archive_content__group flex flex-row items-center justify-center bg-white rounded-lg p-2 w-full max-w-(--breakpoint-lg)"> <!-- NOTE: m-auto is needed for the Novi site centering -->
<div
class="
ae_row archive_content__group
m-auto
flex flex-row items-center justify-center bg-white rounded-lg p-2
w-full max-w-(--breakpoint-lg)
"
>
<button <button
type="button" type="button"
class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 transition w-96" class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 transition w-96"

4
src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte
View File

@@ -34,7 +34,7 @@ let { lq__archive_obj_li }: Props = $props();
<header class="ae_header flex flex-row gap-2 items-center justify-between w-full"> <header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
<h3 class="archive__name h3"> <h3 class="archive__name h3">
<span class="fas fa-archive m-1"></span> <span class="fas fa-archive m-1 text-neutral-800/80"></span>
<span class="archive__name">{@html idaa_archive_obj.name}</span> <span class="archive__name">{@html idaa_archive_obj.name}</span>
</h3> </h3>
@@ -60,7 +60,7 @@ let { lq__archive_obj_li }: Props = $props();
" "
title={`View: ${idaa_archive_obj?.name}`}> title={`View: ${idaa_archive_obj?.name}`}>
<!-- <span class="fas fa-envelope-open m-1"></span> --> <!-- <span class="fas fa-envelope-open m-1"></span> -->
<span class="fas fa-box-open m-1"></span> <span class="fas fa-box-open m-1 text-neutral-800/80"></span>
Open Open
{#if idaa_archive_obj?.archive_content_count} {#if idaa_archive_obj?.archive_content_count}

6
src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte
View File

@@ -129,7 +129,7 @@ onDestroy(() => {
" "
> >
<!-- <span class="ae_icon fas fa-calendar-alt"></span> --> <!-- <span class="ae_icon fas fa-calendar-alt"></span> -->
<span class="ae_icon fas fa-calendar-day"></span> <span class="ae_icon fas fa-calendar-day text-neutral-800/80"></span>
{$lq__post_obj?.name ? $lq__post_obj?.name : 'BB Post'} {$lq__post_obj?.name ? $lq__post_obj?.name : 'BB Post'}
</h2> </h2>
@@ -175,7 +175,7 @@ onDestroy(() => {
transition transition
" "
> >
<span class="fas fa-arrow-left m-1"></span> Back to Posts List <span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to Posts List
<!-- <span class="fas fa-times m-1"></span> View Other Meetings --> <!-- <span class="fas fa-times m-1"></span> View Other Meetings -->
</a> </a>
@@ -204,7 +204,7 @@ onDestroy(() => {
title="View this BB Post" title="View this BB Post"
> >
<!-- <span class="far fa-window-close m-1"></span> --> <!-- <span class="far fa-window-close m-1"></span> -->
<span class="fas fa-times m-1"></span> <span class="fas fa-times m-1 text-neutral-800/80"></span>
Cancel Edit Cancel Edit
</button> </button>
{:else} {:else}

8
src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
View File

@@ -38,7 +38,7 @@ onMount(() => {
<header class="ae_header"> <header class="ae_header">
<h3 class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full"> <h3 class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full">
<span class="post__name"> <span class="post__name">
<span class="fas fa-comment-alt m-1"></span> <span class="fas fa-comment-alt m-1 text-neutral-800/80"></span>
{@html idaa_post_obj.title} {@html idaa_post_obj.title}
</span> </span>
{#if idaa_post_obj.topic_name}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-tag m-1"></span> {idaa_post_obj.topic_name}</span>{/if} {#if idaa_post_obj.topic_name}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-tag m-1"></span> {idaa_post_obj.topic_name}</span>{/if}
@@ -65,19 +65,19 @@ onMount(() => {
" "
title={`View: ${idaa_post_obj?.name}`} title={`View: ${idaa_post_obj?.name}`}
> >
<span class="fas fa-envelope-open m-1"></span> <span class="fas fa-envelope-open m-1 text-neutral-800/80"></span>
<!-- <span class="fas fa-info-circle"></span> --> <!-- <span class="fas fa-info-circle"></span> -->
View Post View Post
{#if idaa_post_obj?.post_comment_count} {#if idaa_post_obj?.post_comment_count}
<span class="ae_badge ae_info post__post_comment_count"> <span class="ae_badge ae_info post__post_comment_count">
<span class="fas fa-comments"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )} <span class="fas fa-comments text-neutral-800/80"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )}
</span> </span>
{/if} {/if}
{#if idaa_post_obj?.linked_li_json?.length} {#if idaa_post_obj?.linked_li_json?.length}
<span class="ae_badge ae_info post__linked_li_count"> <span class="ae_badge ae_info post__linked_li_count">
<span class="fas fa-link"></span> {idaa_post_obj?.linked_li_json?.length} <span class="fas fa-link text-neutral-800/80"></span> {idaa_post_obj?.linked_li_json?.length}
{(idaa_post_obj?.linked_li_json?.length == 1 ? ' file' : ' files')} {(idaa_post_obj?.linked_li_json?.length == 1 ? ' file' : ' files')}
</span> </span>
{/if} {/if}

11
src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
View File

@@ -147,7 +147,7 @@ function add_activity_log(
w-full w-full
" "
> >
<span class="fas fa-calendar-day"></span> <span class="fas fa-calendar-day text-neutral-800/80"></span>
{idaa_event_obj?.name ?? 'Recovery Meeting'} {idaa_event_obj?.name ?? 'Recovery Meeting'}
</h3> </h3>
@@ -200,7 +200,7 @@ function add_activity_log(
title={`View: ${idaa_event_obj?.name}`} title={`View: ${idaa_event_obj?.name}`}
> >
<!-- <span class="fas fa-envelope-open m-1"></span> --> <!-- <span class="fas fa-envelope-open m-1"></span> -->
<span class="fas fa-calendar-check m-1"></span> <span class="fas fa-calendar-check m-1 text-neutral-800/80"></span>
<!-- <span class="fas fa-info-circle"></span> --> <!-- <span class="fas fa-info-circle"></span> -->
Meeting Details Meeting Details
</a> </a>
@@ -342,7 +342,7 @@ function add_activity_log(
{#if $ae_loc.administrator_access} {#if $ae_loc.administrator_access}
<section class="ae_section ae_footer ae_meta event__meta text-sm text-gray-500"> <section class="ae_section ae_footer ae_meta event__meta text-sm text-neutral-500">
<!-- {#if idaa_event_obj.location_address_json} <!-- {#if idaa_event_obj.location_address_json}
<span <span
class="event__location_address_json" class="event__location_address_json"
@@ -381,16 +381,17 @@ function add_activity_log(
</div> </div>
{:else} {:else}
<!-- Does this actually ever show? -->
<div class="space-y-2"> <div class="space-y-2">
{#if $idaa_sess.recovery_meetings.qry__status === 'loading'} {#if $idaa_sess.recovery_meetings.qry__status === 'loading'}
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"> <div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
<!-- <Spinner class="m-3" /> --> <!-- <Spinner class="m-3" /> -->
<span class="fas fa-spinner fa-spin m-1"></span> <span class="fas fa-spinner fa-spin m-1"></span>
xx Loading... Loading...
</div> </div>
{:else} {:else}
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"> <div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
xx No recovery meetings available to show. The search may need to be changed. No recovery meetings available to show. The search may need to be changed.
</div> </div>
{/if} {/if}
</div> </div>