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

Style updates. Allow easier ability to change presentation code and description.

Browse Source
This commit is contained in:
Scott Idem
2025-06-25 14:44:47 -04:00
parent 7cb8639230
commit 370396a633
2 changed files with 54 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/element_ae_crud.svelte
View File

@@ -156,7 +156,7 @@ async function handle_obj_field_patch(new_field_value: any) {
<slot></slot>
<button
class="btn btn-sm preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
class="btn btn-sm font-normal preset-tonal-warning hover:preset-tonal-error border border-error-500 field_show_btn"
class:hide_edit_btn
class:show_crud
on:dblclick={() => {
@@ -171,7 +171,7 @@ async function handle_obj_field_patch(new_field_value: any) {
<div
class:display_block_edit
class="field_editing_wrapper min-w-content w-100 max-w-full"
class="field_editing_wrapper font-normal min-w-content w-100 max-w-full"
>
<!-- <span class="grow flex flex-row items-center justify-between"> -->
<span class="hidden">
@@ -179,7 +179,7 @@ async function handle_obj_field_patch(new_field_value: any) {
</span>
<button
class="btn btn-md ae_btn_neutral m-1"
class="btn btn-md font-normal ae_btn_surface_outlined m-1"
class:show_crud
on:click={() => {
show_crud = false;
@@ -187,7 +187,7 @@ async function handle_obj_field_patch(new_field_value: any) {
title="Close field editing"
>
<span class="fas fa-window-close"></span>
<span class="hidden md:inline">Close</span>
<span class="hidden sm:inline">Close</span>
</button>
<!-- </span> -->
@@ -219,7 +219,7 @@ async function handle_obj_field_patch(new_field_value: any) {
{:else if field_type == 'text'}
<input
bind:value={field_value}
class="input min-w-64 w-96 max-w-full"
class="input ae_btn_surface min-w-64 w-96 max-w-full"
>
{:else if field_type == 'textarea'}
<textarea
@@ -236,7 +236,7 @@ async function handle_obj_field_patch(new_field_value: any) {
{/if}
{#if allow_null}
<button
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500 m-1"
class="btn btn-sm ae_btn_warning m-1"
on:click={() => {
field_value = null;
}}
@@ -249,7 +249,7 @@ async function handle_obj_field_patch(new_field_value: any) {
</span>
<button
class="btn btn-lg ae_btn_warning m-1"
class="btn btn-lg ae_btn_warning_outlined m-1"
class:show_crud
disabled={field_value == original_field_value}
on:click={async () => {
@@ -385,6 +385,8 @@ async function handle_obj_field_patch(new_field_value: any) {
}
.ae_crud.show_crud .field_editing_wrapper {
/* display: initial; */
display: block;
@@ -422,13 +424,19 @@ async function handle_obj_field_patch(new_field_value: any) {
padding: .5em;
}
.ae_crud.show_crud.display_inline .field_editing_wrapper:hover {
background-color: hsla(60,60%,90%,.80);
z-index: 55;
}
.ae_crud.show_crud.display_inline .field_editing_wrapper {
/* display: block; */
display: inline-block;
/* display: inline; */
box-shadow: initial;
background-color: hsla(60,50%,80%,.3);
background-color: hsla(60,50%,80%,.40);
padding: .25em;

39
src/routes/events/ae_comp__event_presentation_obj_li.svelte
View File

@@ -185,6 +185,35 @@ export let log_lvl: number = 0;
"{event_presentation_obj?.name}"
</Element_ae_crud>
<!-- "{event_presentation_obj.name}" -->
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
object_id={event_presentation_obj?.event_presentation_id_random}
field_name={'code'}
field_type={'text'}
field_value={event_presentation_obj?.code}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
display_block_edit={true}
class_li={''}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1
})
.then(function (load_results) {
})
.then(function (load_results) {
// $events_trigger = 'load__event_presentation_obj_id';
// $events_trig_kv['event_presentation_id'] = event_presentation_obj.event_presentation_id_random;
});
}}
>
{#if event_presentation_obj?.code || event_presentation_obj?.abstract_code}
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
title="Presentation code {event_presentation_obj?.code} and abstract code {event_presentation_obj?.abstract_code}"
@@ -192,11 +221,19 @@ export let log_lvl: number = 0;
<span class="fas fa-barcode"></span>
{event_presentation_obj?.code ?? ''} {event_presentation_obj?.abstract_code ?? ''}
</span>
{:else if $ae_loc.trusted_access && $ae_loc.edit_mode}
<strong class="text-sm font-normal">Code:</strong>
<span class="font-normal"
title="No code provided for this presentation"
>
{@html ae_snip.html__not_set}
</span>
{/if}
</Element_ae_crud>
</h4>
<div
class:hidden={!$events_loc.pres_mgmt.show_content__presentation_description}
class:hidden={!$events_loc.pres_mgmt.show_content__presentation_description && !($ae_loc.administrator_access && $ae_loc.edit_mode)}
>
<Element_ae_crud
api_cfg={$ae_api}