@humandialog/forms.svelte 1.1.2 → 1.1.4

package/components/sidebar/sidebar.item.svelte

@@ -167,26 +167,42 @@ function activateRow(e) {
         on:keyup
         class="     border border-transparent rounded-lg
                     text-lg sm:text-base font-normal 
-                    text-stone-900 sm:hover:bg-stone-100  
-                    dark:text-white sm:dark:hover:bg-stone-700 {user_class}"
+                    text-stone-900 dark:text-white  {user_class}"
+        class:sm:hover:bg-stone-100={!!href}
+        class:sm:dark:hover:bg-stone-700={!!href}
         class:bg-stone-200={isRowActive}
         class:dark:bg-stone-700={isRowActive}
         class:selected={selected(selectable, context_data)}>
             <div class="flex flex-row justify-between">
-                <a  href={href} 
-                    on:click={on_link_clicked} 
-                    class="flex-1 ml-2 mt-3 sm:mt-2 inline-flex items-center group"
-                    class:mb-3={!summary}
-                    class:sm:mb-2={!summary}
-                    >
-                    {#if icon}
-                        <Icon size={5} component={icon}/>
-                    {/if}
-                    <span   class="ml-3 group-hover:underline"
-                            use:editable_if_needed={editable}>
-                        <slot/>
-                    </span>
-                </a>
+                {#if href}
+                    <a  href={href} 
+                        on:click={on_link_clicked} 
+                        class="flex-1 ml-2 mt-3 sm:mt-2 inline-flex items-center group"
+                        class:mb-3={!summary}
+                        class:sm:mb-2={!summary}
+                        >
+                        {#if icon}
+                            <Icon size={5} component={icon}/>
+                        {/if}
+                        <span   class="ml-3 group-hover:underline"
+                                use:editable_if_needed={editable}>
+                            <slot/>
+                        </span>
+                    </a>
+                {:else}
+                    <p  class="flex-1 ml-2 mt-3 sm:mt-2 inline-flex items-center group cursor-default"
+                        class:mb-3={!summary}
+                        class:sm:mb-2={!summary}
+                        use:selectable_if_needed={selectable}>
+                        {#if icon}
+                            <Icon size={5} component={icon}/>
+                        {/if}
+                        <span   class="ml-3"
+                                use:editable_if_needed={editable}>
+                            <slot/>
+                        </span>
+                    </p>
+                {/if}
 
                 {#if !isOnPage}
                 <section    class="flex-0 w-20 sm:w-12 h-10 flex-0 flex flex-row"

package/desk.svelte

@@ -321,4 +321,16 @@
 }
 #__hd_svelte_layout_root.dark ::-webkit-scrollbar-thumb:hover {
   background: #57534e;
+}
+
+/* bg-white */
+:global(body) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255/var(--tw-bg-opacity));
+}
+
+/* dark:bg-gray-900 */
+:global(body.dark) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(28 25 23/var(--tw-bg-opacity));
 }</style>

package/horizontal.toolbar.svelte

@@ -53,7 +53,7 @@
         show_sign_in_out_icons = config.signin ? true : false;
         sign_in_href = $signInHRef;
         sign_out_href = $signOutHRef;
-        user_is_in_multiple_groups = $session.tenants.length > 1
+        //user_is_in_multiple_groups = $session.tenants.length > 1
 
         tabs = Object.keys(appConfig.sidebar);
         if(tabs.length > 1)

package/index.d.ts

@@ -53,7 +53,7 @@ export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.s
 export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
 export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
 export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan } from './utils';
-export { mainContentPageReloader, reloadMainContentPage } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores';

package/index.js

@@ -59,7 +59,7 @@ export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.s
 export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
 export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
 export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan } from './utils';
-export { mainContentPageReloader, reloadMainContentPage } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores'; // tmp

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",

package/tenant.members.svelte

@@ -3,6 +3,7 @@
                 FaUserMinus,
                 FaPen,
                 FaInfoCircle,
+                FaUserSlash,
                 FaChevronDown} from 'svelte-icons/fa'
     
     import Page from './page.svelte'
@@ -267,8 +268,8 @@
     
     function create_new_user()
     {
-        if(showAccessRoles)
-            new_user.acc_role = access_roles[0].name
+        if(showAccessRoles && access_roles.length > 0)
+            new_user.acc_role = access_roles[0].name ?? ""
 
         create_new_user_enabled = true;
 
@@ -279,6 +280,14 @@
             icon: FaUserPlus,
             caption: '',
             action: (focused) => { create_new_user(); }
+        },
+        {
+            separator: true
+        },
+        {
+            icon: FaUserSlash,
+            caption: '',
+            action: (f) => {askToDeleteApplicationAccount();}
         }
     ]
 
@@ -586,6 +595,42 @@
         }
     }
 
+    let deleteAccountModal;
+    function askToDeleteApplicationAccount()
+    {
+        deleteAccountModal.show()
+    }
+
+    async function deleteApplicationAccount()
+    {
+        let my_email = $session.user.email ?? ""
+        if(!my_email)
+            return;
+
+        try{
+
+            const res = await reef.fetch(`json/anyv/sys/unregister_user?email=${my_email}`)
+            deleteAccountModal.hide();
+
+            if(res.ok)
+            {
+                $session.signout();
+                window.location.href = $signInHRef;
+            }
+            else
+            {
+                const err = await res.text()
+                alerts = [err, ...alerts];
+            }
+        }
+        catch(err)
+        {
+            deleteAccountModal.hide();
+
+            console.error(err)
+            alerts = [err, ...alerts];
+        }
+    }
     
 </script>
 
@@ -646,6 +691,7 @@
             
     </List>
     {/if}
+
     
 </Page>
 
@@ -805,4 +851,12 @@
         okCaption='Remove'
         onOkCallback={removeUser}
         bind:this={removeModal}
+        />
+
+<Modal  title="Delete app account"
+        content="Are you sure you want to delete your application account?"
+        icon={FaUserSlash}
+        okCaption='Delete'
+        onOkCallback={deleteApplicationAccount}
+        bind:this={deleteAccountModal}
         />

package/vertical.toolbar.svelte

@@ -76,7 +76,7 @@
             }
         }
        
-        show_groups_switch_menu = $session.tenants.length > 1
+        /*show_groups_switch_menu = $session.tenants.length > 1
 
         if($session.configuration.tenant)
         {
@@ -89,6 +89,7 @@
             }))
             
         } 
+        */
         
     }