More work on editing a meeting
This commit is contained in:
Scott Idem
@@ -707,8 +707,8 @@ $effect(() => {
|
||||
|
||||
<div>
|
||||
<label for="name" class="w-full">
|
||||
<span class="text-sm font-semibold text-surface-600-400">
|
||||
Name of Recovery Meeting:
|
||||
<span class="text-base font-semibold">
|
||||
Name of Recovery Meeting
|
||||
</span>
|
||||
<input
|
||||
type="text"
|
||||
@@ -728,7 +728,10 @@ $effect(() => {
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label for="description" class="ae_label event__description w-full">Short description
|
||||
<label for="description" class="ae_label event__description w-full">
|
||||
<span class="text-base font-semibold">
|
||||
Short description
|
||||
</span>
|
||||
<!-- <textarea name="description" id="description" class="ae_value event__description tinymce_editor editor_basic textarea" rows="5" cols="70" bind:value={$idaa_slct.event_obj.description} ></textarea> -->
|
||||
|
||||
<Tiptap_editor
|
||||
@@ -737,7 +740,7 @@ $effect(() => {
|
||||
show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
|
||||
bind:new_html={description_new_html}
|
||||
bind:changed={description_changed}
|
||||
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
|
||||
classes="preset-tonal-surface hover:preset-filled-surface-100-900 font-mono font-normal"
|
||||
placeholder="A short description or overview of this recovery meeting"
|
||||
/>
|
||||
|
||||
@@ -760,17 +763,11 @@ $effect(() => {
|
||||
|
||||
</label>
|
||||
|
||||
|
||||
<!-- <Editor
|
||||
id="description"
|
||||
bind:value={$idaa_slct.event_obj.description}
|
||||
licenseKey="gpl"
|
||||
license_key="gpl"
|
||||
></Editor> -->
|
||||
|
||||
<div>
|
||||
<label class="form-group w-100">
|
||||
Type of Recovery Meeting
|
||||
<span class="text-base font-semibold">
|
||||
Type of Recovery Meeting
|
||||
</span>
|
||||
<select
|
||||
name="type"
|
||||
class="
|
||||
@@ -800,10 +797,24 @@ $effect(() => {
|
||||
<h3 class="h2">How to Attended</h3>
|
||||
|
||||
<fieldset class="event__physical_virtual">
|
||||
<legend class="legend text-sm font-semibold text-surface-600-400">Face-to-Face or Virtual</legend>
|
||||
<legend class="legend text-lg font-semibold">Face-to-Face or Virtual</legend>
|
||||
<p>Is this a face-to-face/in person meeting, a virtual/online meeting, or both?</p>
|
||||
<div class="ae_group border border-gray-200 rounded-md p-2 space-y-1 ">
|
||||
<label for="physical" class="form-check-label preset-tonal-surface hover:preset-filled-surface-100-900">Face-to-Face/In person
|
||||
<label
|
||||
for="physical"
|
||||
class="form-check-label preset-tonal-tertiary preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
|
||||
class:preset-filled-success-200-800={$idaa_slct.event_obj.physical}
|
||||
class:preset-tonal-tertiary="{!$idaa_slct.event_obj.physical}"
|
||||
>
|
||||
<span
|
||||
class="
|
||||
text-base font-semibold text-surface-600-400
|
||||
"
|
||||
>
|
||||
<!-- <span class="fas fa-map-marker-alt"></span> -->
|
||||
<span class="fas fa-home"></span>
|
||||
Face-to-Face/In person
|
||||
</span>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="physical"
|
||||
@@ -812,7 +823,20 @@ $effect(() => {
|
||||
class="checkbox form-check-input d-inline-block"
|
||||
>
|
||||
</label>
|
||||
<label for="virtual" class="form-check-label preset-tonal-surface hover:preset-filled-surface-100-900">Virtual/Online
|
||||
<label
|
||||
for="virtual"
|
||||
class="form-check-label preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
|
||||
class:preset-filled-success-200-800={$idaa_slct.event_obj.virtual}
|
||||
class:preset-tonal-tertiary="{!$idaa_slct.event_obj.virtual}"
|
||||
>
|
||||
<span
|
||||
class="
|
||||
text-base font-semibold text-surface-600-400
|
||||
"
|
||||
>
|
||||
<span class="fas fa-laptop"></span>
|
||||
Virtual/Online
|
||||
</span>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="virtual"
|
||||
@@ -824,12 +848,43 @@ $effect(() => {
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
{#if !$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
|
||||
<button
|
||||
type="button"
|
||||
class="
|
||||
novi_btn btn-secondary
|
||||
btn btn-sm
|
||||
preset-filled-tertiary-200-800
|
||||
transition
|
||||
"
|
||||
onclick={() => $idaa_slct.event_obj.more__location_fields = true}
|
||||
>
|
||||
<span class="fas fa-plus"></span>
|
||||
Show Extra Location Fields
|
||||
</button>
|
||||
{:else if !$idaa_slct.event_obj?.physical && $idaa_slct.event_obj?.more__location_fields}
|
||||
<button
|
||||
type="button"
|
||||
class="
|
||||
novi_btn btn-secondary
|
||||
btn btn-sm
|
||||
preset-filled-tertiary-200-800
|
||||
transition
|
||||
"
|
||||
onclick={() => $idaa_slct.event_obj.more__location_fields = false}
|
||||
>
|
||||
<span class="fas fa-minus"></span>
|
||||
Hide Extra Location Fields
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
<fieldset
|
||||
id="physical_address"
|
||||
class="physical_address fieldset space-y-1"
|
||||
class:hidden={!$idaa_slct.event_obj?.physical}>
|
||||
class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
|
||||
>
|
||||
|
||||
<legend>Address</legend>
|
||||
<legend class="legend text-lg font-semibold">Address</legend>
|
||||
|
||||
<input id="" name="address_location_id_random" type="hidden" value="{$lq__event_obj?.address_location_id_random}">
|
||||
|
||||
@@ -853,7 +908,9 @@ $effect(() => {
|
||||
|
||||
<fieldset
|
||||
id="physical_city_state_province_postal_code_country"
|
||||
class="physical_city_state_province_postal_code_country space-y-1">
|
||||
class="physical_city_state_province_postal_code_country space-y-1"
|
||||
class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
|
||||
>
|
||||
|
||||
<label for="address_city">City
|
||||
<input type="text" class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="address_city" name="address_city" placeholder="Name of the city" value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.city ? $lq__event_obj?.location_address_json.city : $lq__event_obj?.address_city ?? '')}" autocomplete="address-level2">
|
||||
@@ -905,7 +962,12 @@ $effect(() => {
|
||||
|
||||
</fieldset>
|
||||
|
||||
<label for="location_text" class="w-full">Additional information the meeting location
|
||||
<label
|
||||
for="location_text"
|
||||
class="w-full"
|
||||
class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
|
||||
>
|
||||
Additional information the meeting location
|
||||
<!-- <textarea class="ae_value event__location_text tinymce_editor editor_less_100 textarea" id="location_text" name="location_text" placeholder="Additional information about the meeting location" rows="2" cols="70" bind:value={$idaa_slct.event_obj.location_text}></textarea> -->
|
||||
<Tiptap_editor
|
||||
default_minimal={true}
|
||||
@@ -933,13 +995,39 @@ $effect(() => {
|
||||
{/if} -->
|
||||
</label>
|
||||
|
||||
|
||||
{#if !$idaa_slct.event_obj?.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
|
||||
<button
|
||||
type="button"
|
||||
class="
|
||||
novi_btn btn-secondary
|
||||
btn btn-sm
|
||||
transition
|
||||
"
|
||||
class:preset-filled-success-200-800={$idaa_loc.bb.more__virtual_fields}
|
||||
class:preset-filled-tertiary-200-800={!$idaa_loc.bb.more__virtual_fields}
|
||||
onclick={() => $idaa_slct.event_obj.more__virtual_fields = true}
|
||||
>
|
||||
<span class="fas fa-plus"></span>
|
||||
Show Extra Virtual Fields
|
||||
</button>
|
||||
{:else if !$idaa_slct.event_obj?.virtual && $idaa_slct.event_obj?.more__virtual_fields}
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary preset-tonal-surface hover:preset-filled-surface-100-900"
|
||||
onclick={() => $idaa_slct.event_obj.more__virtual_fields = false}
|
||||
>
|
||||
<span class="fas fa-minus"></span>
|
||||
Hide Extra Virtual Fields
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
<fieldset
|
||||
id="virtual"
|
||||
class="virtual space-y-1"
|
||||
class:ae_d_none={!$idaa_slct.event_obj.virtual}
|
||||
class:hidden={!$idaa_slct.event_obj.virtual}
|
||||
class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
|
||||
>
|
||||
<legend>Virtual/Online</legend>
|
||||
<legend class="legend text-lg font-semibold">Virtual/Online</legend>
|
||||
|
||||
<label for="attend_url">URL to access the virtual meeting
|
||||
<input type="url" class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="attend_url" name="attend_url" placeholder="URL to access the virtual meeting" value={$lq__event_obj?.attend_url ?? ''} autocomplete="url">
|
||||
|
||||
Reference in New Issue
Block a user