@humandialog/forms.svelte 1.3.10 → 1.3.12

package/tenant.members.svelte

@@ -284,21 +284,30 @@
 
     }
 
-    let page_operations=[
-        {
-            icon: FaUserPlus,
-            caption: '',
-            action: (focused) => { create_new_user(); }
-        },
-        {
-            separator: true
-        },
-        {
-            icon: FaUserSlash,
-            caption: '',
-            action: (f) => {askToDeleteApplicationAccount();}
-        }
-    ]
+    let page_operations={
+        opver: 1,
+        operations: [
+            {
+                caption: 'View',
+                operations: [
+                    {
+                        icon: FaUserPlus,
+                        caption: '',
+                        action: (focused) => { create_new_user(); },
+                        fab: 'M10',
+                        tbr: 'A'
+                    },
+                    {
+                        icon: FaUserSlash,
+                        caption: '',
+                        action: (f) => {askToDeleteApplicationAccount();},
+                        fab: 'S00',
+                        tbr: 'C'
+                    }
+                ]
+            }
+        ]
+    }
 
     function get_edit_operations(user)
     {
@@ -340,39 +349,60 @@
         let operations = [];
 
         if(user.removed)
-            return [
-            {
-                icon: FaUserPlus,
-                caption: '',
-                action: (f) => askToAddAgain(user),
-            }
-        ];
-        
-        let edit_operations = get_edit_operations(user)
-        if(edit_operations.length == 1)
         {
-            operations.push({
-                                icon: FaPen,
-                                caption: '',
-                                action: edit_operations[0].action
-                            });
+            operations = [
+                {
+                    icon: FaUserPlus,
+                    caption: '',
+                    action: (f) => askToAddAgain(user),
+                    fab: 'M10',
+                    tbr: 'B'
+                }
+            ];
         }
         else
         {
+            let edit_operations = get_edit_operations(user)
+            if(edit_operations.length == 1)
+            {
+                operations.push({
+                                    icon: FaPen,
+                                    caption: '',
+                                    action: edit_operations[0].action,
+                                    fab: 'M20',
+                                    tbr: 'B'
+                                });
+            }
+            else
+            {
+                operations.push({
+                                    icon: FaPen,
+                                    caption: '',
+                                    grid: edit_operations,
+                                    fab: 'M20',
+                                    tbr: 'B'
+                                });
+            }
+
             operations.push({
-                                icon: FaPen,
                                 caption: '',
-                                grid: edit_operations
+                                icon: FaUserMinus,
+                                action: (focused) => askToRemove(user),
+                                fab: 'M30',
+                                tbr: 'B'
                             });
         }
 
-        operations.push({
-                            caption: '',
-                            icon: FaUserMinus,
-                            action: (focused) => askToRemove(user)
-                        });
-
-        return operations;
+        
+        return {
+            opver: 1,
+            operations: [
+                {
+                    caption: 'User',
+                    operations: operations
+                }
+            ]
+        }
     }
 
     let user_context_menu = (user) => {

package/updates.js

@@ -122,14 +122,41 @@ update_request_ticket.subscribe(async (v) => {
             changes.push(value.item);
         });
 
-        
-        //console.log('push: ', changes);
+        /*
         const res = await reef.post('/Push', { Items: changes }, onErrorShowAlert);
 
         //if(res)
         //{
             modified_items_map.clear();
         //}
+        */
+        
+        let path = reef.correct_path_with_api_version_if_needed('/Push')
+
+        try {
+            let res = await reef.fetch(path, {
+                method: 'POST',
+                body: JSON.stringify( { Items: changes } )
+            })
+            if (res.ok) {
+                modified_items_map.clear();
+            }
+            else
+            {
+                if(res.status == 400)   // basic exception like access rights 
+                {
+                    modified_items_map.clear();
+                }
+
+                const err = await res.text()
+                console.error(err)
+                onErrorShowAlert(err)
+            }
+        }
+        catch (err) {
+            console.error(err);
+            onErrorShowAlert(err)
+        }
         
     }
 })

package/utils.js

@@ -56,8 +56,13 @@ export function activateItem(context_level, itm, operations=null)
 
     //chnages.just_changed_context = true;
 
-    if(operations && Array.isArray(operations))
-        contextToolbarOperations.set( [...operations] )
+    if(operations)
+    { 
+        if(Array.isArray(operations))
+            contextToolbarOperations.set( [...operations] )
+        else
+            contextToolbarOperations.set( {...operations} )
+    }
 }
 
 export function clearActiveItem(context_level)
@@ -80,16 +85,40 @@ export function clearActiveItem(context_level)
 export function refreshToolbarOperations()
 {
     const contextOperations = get(contextToolbarOperations)
-    if(contextOperations && contextOperations.length)
+    if(contextOperations)
     {
-        contextToolbarOperations.set([...contextOperations])
-    
+        if(Array.isArray(contextOperations))
+        {
+            if(contextOperations.length)
+                contextToolbarOperations.set([...contextOperations])
+        }
+        else
+        {
+            if(contextOperations.operations.length)
+                contextToolbarOperations.set({...contextOperations})
+        }
     }
     else
     {
         const pageOperations = get(pageToolbarOperations);
-        if(pageOperations && pageOperations.length)
-            pageToolbarOperations.set([...pageOperations])
+        if(pageOperations)
+        {
+            if(Array.isArray(pageOperations))
+            {
+                if(pageOperations.length > 0)
+                {
+                    pageToolbarOperations.set([...pageOperations])
+                }
+            }
+            else
+            {
+                if(pageOperations.operations && pageOperations.operations.length > 0)
+                {
+                    pageToolbarOperations.set({...pageOperations})
+                }
+            }
+        }
+
     }
 }
 
@@ -609,7 +638,7 @@ export function isOnScreenKeyboardVisible()
 
     const sel = window.getSelection();
     // if we have active selections then it's very possible we have onscreen keyboard visible, se we need to shrink window.innerHeight 
-    if(sel && sel.rangeCount>0 && sel.focusNode && sel.focusNode.nodeType==sel.focusNode.TEXT_NODE)
+    if(sel && sel.rangeCount>0 && sel.focusNode /*&& sel.focusNode.nodeType==sel.focusNode.TEXT_NODE*/) // TipTap fix: when cursor blinks at begining of line it's not TEXT_NODE. ProseMirror handles it as special case
     {
         const el = sel.focusNode.parentElement;
         if(el && (el.isContentEditable || el.contentEditable == 'true' || el.tagName == 'INPUT'))

package/vertical.toolbar.svelte

@@ -333,7 +333,7 @@
                 class:bg-orange-500={isSelected}
                 on:click|stopPropagation={()=> (on_tab_clicked(tab.key))}>
                 
-                <Icon size={6} component={tab.icon}/>
+                <Icon class="w-5 h-5" component={tab.icon}/>
             </button>
         {/each}
     </div>