Work on the new Data Store element

src/routes/events_badges/+page.svelte

@@ -4,10 +4,10 @@ export let data;
 
 import { onMount } from 'svelte';
 
-import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils';
-import type { key_val } from '$lib/ae_stores';
+
+import Element_data_store from '$lib/element_data_store.svelte';
 
 
 onMount(() => {
@@ -22,16 +22,39 @@ onMount(() => {
     // $slct_trigger = 'msg_parent';
     ae_util.handle_url_and_message('event_id', $slct.event_id);
     ae_util.handle_url_and_message('event_badge_id', $slct.event_badge_id);
-    if ($slct.event_badge_id) {
-        console.log(`Got an ID. Let's show the modal!`);
-        modalStore.trigger(modal_edit__event_badge_obj);
-    }
+    // if ($slct.event_badge_id) {
+    //     console.log(`Got an ID. Let's show the modal!`);
+    //     modalStore.trigger(modal_edit__event_badge_obj);
+    // }
 });
 </script>
 
 
 <section class="ae_events_badges md:container h-full mx-auto">
 
+<h1 class="h2">New Events - Badges</h1>
+
+<Element_data_store
+    ds_code="events__badges__overview"
+    ds_type="html"
+    for_type="event"
+    for_id={$slct.event_id}
+    display="block"
+    class_li="variant-ghost-surface p-2"
+    />
+
+
+<Element_data_store
+    ds_code="events__badges__example"
+    ds_type="html"
+    for_type="event"
+    for_id={$slct.event_id}
+    store="local"
+    display="block"
+    class_li="variant-ghost-surface p-2"
+    try_cache={true}
+    show_edit={true}
+    />
 
 </section>