not-bulma 1.2.21 → 1.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/form/ui.select.from.model.svelte

@@ -6,6 +6,7 @@
     import { DEFAULT_STATUS_SUCCESS } from "../../frame/const";
 
     import { onMount, createEventDispatcher } from "svelte";
+    const dispatch = createEventDispatcher();
 
     export let inputStarted = false;
     export let value;
@@ -29,6 +30,7 @@
     export let errors = false;
     export let formErrors = false;
     export let formLevelError = false;
+    export let returnVariant = false;
 
     function argumentsSetProvided() {
         return modelName && actionName && actionFilter;
@@ -62,6 +64,17 @@
             }
         }
     });
+
+    function onChange(e) {
+        if (returnVariant) {
+            dispatch("change", {
+                ...e.detail,
+                value: variants.find((itm) => itm.id === e.detail.value),
+            });
+        } else {
+            dispatch("change", e.detail);
+        }
+    }
 </script>
 
 <UISelect
@@ -81,5 +94,5 @@
     {errors}
     {formErrors}
     {formLevelError}
-    on:change
+    on:change={onChange}
 />

package/src/frame/crud/actions/generic/action.js

@@ -305,6 +305,8 @@ class CRUDGenericAction {
             if (this.isUIRendered(controller)) {
                 return;
             }
+            //indicating that we are working
+            controller.renderLoadingScreen && controller.renderLoadingScreen();
             //preloading form variants
             await controller.preloadVariants(this.ACTION);
             //setting initial state of breadcrumbs tail

package/src/frame/crud/actions/generic/read.js

@@ -28,6 +28,8 @@ class CRUDGenericActionRead extends CRUDGenericAction {
             if (this.isUIRendered(controller)) {
                 return;
             }
+            //indicating that we are working
+            controller.renderLoadingScreen && controller.renderLoadingScreen();
             //preloading form variants
             await controller.preloadVariants(this.ACTION);
             //setting initial state of breadcrumbs tail

package/src/frame/crud/actions/generic/update.js

@@ -125,6 +125,8 @@ class CRUDGenericActionUpdate extends CRUDGenericAction {
             if (this.isUIRendered(controller)) {
                 return;
             }
+            //indicating that we are working
+            controller.renderLoadingScreen && controller.renderLoadingScreen();
             //preloading form variants
             await controller.preloadVariants(this.ACTION);
             //setting initial state of breadcrumbs tail

package/src/frame/crud/actions/list.js

@@ -3,6 +3,16 @@ import { notTable } from "../../components";
 const ACTION = "list";
 
 export default class CRUDActionList {
+    static tweakActionsList(controller, ACTIONS_LIST) {
+        if (controller.getOptions(`${ACTION}.createAction`, true)) {
+            ACTIONS_LIST.push({
+                title: "Создать",
+                action: () => controller.goCreate(),
+            });
+        }
+        return ACTIONS_LIST;
+    }
+
     static tweakUIOptions(options) {
         return options;
     }
@@ -46,6 +56,9 @@ export default class CRUDActionList {
 
     static async run(controller, params) {
         try {
+            //indicating that we are working
+            controller.renderLoadingScreen && controller.renderLoadingScreen();
+
             await controller.preloadVariants(ACTION);
 
             controller.setBreadcrumbs([
@@ -97,17 +110,15 @@ export default class CRUDActionList {
             filter: undefined,
             ui: undefined,
         };
+        //forming actions buttons list
+        let ACTIONS_LIST = [...controller.getOptions(`${ACTION}.actions`, [])];
+        ACTIONS_LIST = this.tweakActionsList(controller, ACTIONS_LIST);
+        //
         const TABLE_OPTIONS = {
             options: {
                 targetEl: controller.getContainerInnerElement(),
                 endless: false,
-                actions: [
-                    {
-                        title: "Создать",
-                        action: () => controller.goCreate(),
-                    },
-                    ...controller.getOptions(`${ACTION}.actions`, []),
-                ],
+                actions: ACTIONS_LIST,
             },
         };
         Object.keys(DEFAULT_OPTIONS_TABLE).forEach((key) => {

package/src/frame/crud/controller.crud.js

@@ -3,6 +3,8 @@ import { say } from "../../locale";
 
 import notBreadcrumbs from "../components/breadcrumbs";
 
+import UILoader from "../../elements/various/ui.loader.svelte";
+
 import notController from "../controller";
 import notCommon from "../common";
 
@@ -20,6 +22,7 @@ class notCRUD extends notController {
     #preloader = CRUDVariantsPreloader;
 
     TITLE_FIELDS_PRIORITY = TITLE_FIELDS_PRIORITY;
+
     static ERROR_DEFAULT = UICommon.ERROR_DEFAULT;
 
     TOP_CLASS = ["box"];
@@ -352,6 +355,20 @@ class notCRUD extends notController {
     getActionUI() {
         return this.ui[this.getCurrentAction()];
     }
+
+    renderLoadingScreen() {
+        this.setUI("loading_screen", this.createLoaderUI());
+    }
+
+    createLoaderUI() {
+        return new UILoader({
+            target: this.getContainerInnerElement(),
+            props: {
+                loading: true,
+                title: "",
+            },
+        });
+    }
 }
 
 export default notCRUD;