@iankibetsh/shframework 0.2.0 → 0.2.3

package/dist/library.js

@@ -1655,7 +1655,7 @@ var script$5 = {
   components: {
     ShPhone: script$6
   },
-  props: ['action', 'classes', 'hasTerms', 'country_code', 'submit_btn_class', 'fields', 'columns', 'placeholders', 'field_permissions', 'retain_data_after_submission', 'current_data', 'action_label', 'fill_selects', 'phones', 'success_callback', 'failed_callback', 'labels'],
+  props: ['action', 'classes', 'hasTerms', 'country_code', 'submitBtnClass', 'fields', 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission', 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback', 'failed_callback', 'labels'],
   data: function () {
     return {
       form_elements: {},
@@ -1671,14 +1671,9 @@ var script$5 = {
       allLabels: {}
     }
   },
-  computed: {
-    currentData () {
-      return this.current_data
-    }
-  },
   methods: {
     getSubmitBtnClass: function () {
-      const btnClass = this.submit_btn_class;
+      const btnClass = this.submitBtnClass;
       if (!btnClass) {
         return 'btn btn-primary mt-2'
       } else {
@@ -1817,18 +1812,18 @@ var script$5 = {
         this.form_status = 2;
         Object.keys(this.form_elements).forEach(key => {
           this.form_errors[key] = null;
-          if (!this.retain_data_after_submission) {
+          if (!this.retainDataAfterSubmission) {
             this.form_elements[key] = '';
           }
         });
         Object.keys(this.form_files).forEach(key => {
           this.form_errors[key] = null;
         });
-        if (this.success_callback) {
-          if (typeof this.success_callback === 'function') {
-            this.success_callback(res.data);
+        if (this.successCallback) {
+          if (typeof this.successCallback === 'function') {
+            this.successCallback(res.data);
           } else {
-            this.$emit(this.success_callback, res.data);
+            this.$emit(this.successCallback, res.data);
           }
         }
         NProgress__default["default"].done();
@@ -1886,14 +1881,14 @@ var script$5 = {
   },
   mounted: async function () {
     const selectData = {};
-    if (this.fill_selects) {
-      Object.keys(this.fill_selects).forEach(key => {
-        if (this.fill_selects[key].data) {
-          selectData[key] = this.fill_selects[key].data;
+    if (this.fillSelects) {
+      Object.keys(this.fillSelects).forEach(key => {
+        if (this.fillSelects[key].data) {
+          selectData[key] = this.fillSelects[key].data;
           this.selectData = selectData;
           console.log(this.selectData);
         } else {
-          apis.doGet(this.fill_selects[key].url, { all: 1 }).then(res => {
+          apis.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
             // selectData[key] = res.data
             // console.log(res)
             this.selectData[key] = res.data.data;
@@ -2142,7 +2137,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       type: "button",
       onClick: _cache[1] || (_cache[1] = (...args) => ($options.submitForm && $options.submitForm(...args)))
     }, [
-      vue.createTextVNode(vue.toDisplayString($props.action_label ? $props.action_label:'Submit') + " ", 1 /* TEXT */),
+      vue.createTextVNode(vue.toDisplayString($props.actionLabel ? $props.actionLabel:'Submit') + " ", 1 /* TEXT */),
       (_ctx.form_status == 1)
         ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_23$2))
         : vue.createCommentVNode("v-if", true)
@@ -2864,25 +2859,37 @@ const _hoisted_13 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_14 = /*#__PURE__*/vue.createElementVNode("span", { colspan: 2 }, [
-  /*#__PURE__*/vue.createElementVNode("img", { src: "/src/views/assets/images/loading.gif" })
+const _hoisted_14 = /*#__PURE__*/vue.createElementVNode("div", {
+  class: "spinner-border",
+  role: "status"
+}, [
+  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
 const _hoisted_15 = [
   _hoisted_14
 ];
-const _hoisted_16 = { key: 1 };
+const _hoisted_16 = {
+  key: 1,
+  class: "alert alert-danger"
+};
 const _hoisted_17 = { colspan: 2 };
 const _hoisted_18 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("span", { colspan: 2 }, [
-  /*#__PURE__*/vue.createElementVNode("img", { src: "/src/views/assets/images/loading.gif" })
+const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("div", {
+  class: "spinner-border",
+  role: "status"
+}, [
+  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
 const _hoisted_20 = [
   _hoisted_19
 ];
-const _hoisted_21 = { key: 1 };
+const _hoisted_21 = {
+  key: 1,
+  class: "alert alert-danger"
+};
 const _hoisted_22 = { colspan: 2 };
 const _hoisted_23 = {
   key: 4,

package/dist/library.mjs

@@ -1644,7 +1644,7 @@ var script$5 = {
   components: {
     ShPhone: script$6
   },
-  props: ['action', 'classes', 'hasTerms', 'country_code', 'submit_btn_class', 'fields', 'columns', 'placeholders', 'field_permissions', 'retain_data_after_submission', 'current_data', 'action_label', 'fill_selects', 'phones', 'success_callback', 'failed_callback', 'labels'],
+  props: ['action', 'classes', 'hasTerms', 'country_code', 'submitBtnClass', 'fields', 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission', 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback', 'failed_callback', 'labels'],
   data: function () {
     return {
       form_elements: {},
@@ -1660,14 +1660,9 @@ var script$5 = {
       allLabels: {}
     }
   },
-  computed: {
-    currentData () {
-      return this.current_data
-    }
-  },
   methods: {
     getSubmitBtnClass: function () {
-      const btnClass = this.submit_btn_class;
+      const btnClass = this.submitBtnClass;
       if (!btnClass) {
         return 'btn btn-primary mt-2'
       } else {
@@ -1806,18 +1801,18 @@ var script$5 = {
         this.form_status = 2;
         Object.keys(this.form_elements).forEach(key => {
           this.form_errors[key] = null;
-          if (!this.retain_data_after_submission) {
+          if (!this.retainDataAfterSubmission) {
             this.form_elements[key] = '';
           }
         });
         Object.keys(this.form_files).forEach(key => {
           this.form_errors[key] = null;
         });
-        if (this.success_callback) {
-          if (typeof this.success_callback === 'function') {
-            this.success_callback(res.data);
+        if (this.successCallback) {
+          if (typeof this.successCallback === 'function') {
+            this.successCallback(res.data);
           } else {
-            this.$emit(this.success_callback, res.data);
+            this.$emit(this.successCallback, res.data);
           }
         }
         NProgress.done();
@@ -1875,14 +1870,14 @@ var script$5 = {
   },
   mounted: async function () {
     const selectData = {};
-    if (this.fill_selects) {
-      Object.keys(this.fill_selects).forEach(key => {
-        if (this.fill_selects[key].data) {
-          selectData[key] = this.fill_selects[key].data;
+    if (this.fillSelects) {
+      Object.keys(this.fillSelects).forEach(key => {
+        if (this.fillSelects[key].data) {
+          selectData[key] = this.fillSelects[key].data;
           this.selectData = selectData;
           console.log(this.selectData);
         } else {
-          apis.doGet(this.fill_selects[key].url, { all: 1 }).then(res => {
+          apis.doGet(this.fillSelects[key].url, { all: 1 }).then(res => {
             // selectData[key] = res.data
             // console.log(res)
             this.selectData[key] = res.data.data;
@@ -2131,7 +2126,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       type: "button",
       onClick: _cache[1] || (_cache[1] = (...args) => ($options.submitForm && $options.submitForm(...args)))
     }, [
-      createTextVNode(toDisplayString($props.action_label ? $props.action_label:'Submit') + " ", 1 /* TEXT */),
+      createTextVNode(toDisplayString($props.actionLabel ? $props.actionLabel:'Submit') + " ", 1 /* TEXT */),
       (_ctx.form_status == 1)
         ? (openBlock(), createElementBlock("img", _hoisted_23$2))
         : createCommentVNode("v-if", true)
@@ -2853,25 +2848,37 @@ const _hoisted_13 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_14 = /*#__PURE__*/createElementVNode("span", { colspan: 2 }, [
-  /*#__PURE__*/createElementVNode("img", { src: "/src/views/assets/images/loading.gif" })
+const _hoisted_14 = /*#__PURE__*/createElementVNode("div", {
+  class: "spinner-border",
+  role: "status"
+}, [
+  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
 const _hoisted_15 = [
   _hoisted_14
 ];
-const _hoisted_16 = { key: 1 };
+const _hoisted_16 = {
+  key: 1,
+  class: "alert alert-danger"
+};
 const _hoisted_17 = { colspan: 2 };
 const _hoisted_18 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_19 = /*#__PURE__*/createElementVNode("span", { colspan: 2 }, [
-  /*#__PURE__*/createElementVNode("img", { src: "/src/views/assets/images/loading.gif" })
+const _hoisted_19 = /*#__PURE__*/createElementVNode("div", {
+  class: "spinner-border",
+  role: "status"
+}, [
+  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
 const _hoisted_20 = [
   _hoisted_19
 ];
-const _hoisted_21 = { key: 1 };
+const _hoisted_21 = {
+  key: 1,
+  class: "alert alert-danger"
+};
 const _hoisted_22 = { colspan: 2 };
 const _hoisted_23 = {
   key: 4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "0.2.0",
+  "version": "0.2.3",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",