@sedoo/unidoo 0.1.71 → 0.1.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sedoo/unidoo",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "private": false,
   "scripts": {
     "build": "npm run build:unidoo && npm run build:auth",
@@ -33,6 +33,7 @@
     "vue-custom-element": "^3.3.0"
   },
   "devDependencies": {
+    "caniuse-lite": "^1.0.30001741",
     "@vue/cli-plugin-babel": "^4.5.19",
     "@vue/cli-plugin-eslint": "^4.5.19",
     "@vue/cli-service": "^4.5.19",

package/src/auth.js

@@ -5,8 +5,10 @@ const UnidooKeycloak = {
     if (this.installed) return;
     this.installed = true;
 
-    const Keycloak =
-      typeof window !== "undefined" ? require("keycloak-js") : null;
+    let Keycloak = null;
+    if (typeof window !== "undefined") {
+      Keycloak = require("keycloak-js") || null;
+    }
 
     /**
      * Init keycloak with SSO parameters
@@ -20,27 +22,29 @@ const UnidooKeycloak = {
       };
       defaultOptions = { ...options };
 
-      const keycloak = Keycloak(defaultOptions.ssoParams);
-      Vue.prototype.$keycloak = keycloak;
-
-      keycloak
-        .init({
-          onLoad: defaultOptions.ssoParams.onLoad,
-          promiseType: "native",
-          checkLoginIframe: false
-        })
-        .then(() => {
-          // Intercepteur qui ajoute le token aux requêtes
-          interceptRequests(
-            axios,
-            defaultOptions.ssoParams.authorizedDomains,
-            keycloak
-          );
-          updateSSoToken(keycloak);
-        })
-        .catch((err) => {
-          throw new Error(err);
-        });
+      if (Keycloak) {
+        const keycloak = Keycloak(defaultOptions.ssoParams);
+        Vue.prototype.$keycloak = keycloak;
+
+        keycloak
+          .init({
+            onLoad: defaultOptions.ssoParams.onLoad,
+            promiseType: "native",
+            checkLoginIframe: false
+          })
+          .then(() => {
+            // Intercepteur qui ajoute le token aux requêtes
+            interceptRequests(
+              axios,
+              defaultOptions.ssoParams.authorizedDomains,
+              keycloak
+            );
+            updateSSoToken(keycloak);
+          })
+          .catch((err) => {
+            throw new Error(err);
+          });
+      }
     };
 
     /**
@@ -55,21 +59,23 @@ const UnidooKeycloak = {
       };
       defaultOptions = { ...options };
 
-      const keycloak = Keycloak(defaultOptions.ssoParams);
-      Vue.prototype.$keycloak = keycloak;
-
-      keycloak
-        .init({
-          onLoad: "check-sso",
-          promiseType: "native",
-          checkLoginIframe: false
-        })
-        .then(() => {
-          updateSSoToken(keycloak);
-        })
-        .catch((err) => {
-          throw new Error(err);
-        });
+      if (Keycloak) {
+        const keycloak = Keycloak(defaultOptions.ssoParams);
+        Vue.prototype.$keycloak = keycloak;
+
+        keycloak
+          .init({
+            onLoad: "check-sso",
+            promiseType: "native",
+            checkLoginIframe: false
+          })
+          .then(() => {
+            updateSSoToken(keycloak);
+          })
+          .catch((err) => {
+            throw new Error(err);
+          });
+      }
     };
   }
 };

package/src/components/UnidooCaptcha.vue

@@ -1,39 +1,34 @@
 <template>
-<span > 
-  <div ref="captcha"></div>
-  <div>
-   <v-text-field
-            :label="textFieldLabel"
-            v-model ="text"
-          ></v-text-field>
-  <v-btn :color="color" @click="refresh">{{refreshButtonLabel}}</v-btn>
-  </div>
+  <span>
+    <div ref="captcha"></div>
+    <div>
+      <v-text-field :label="textFieldLabel" v-model="text"></v-text-field>
+      <v-btn :color="color" @click="refresh">{{ refreshButtonLabel }}</v-btn>
+    </div>
   </span>
 </template>
 
 <script>
-
 export default {
-  components: {
-  },
-  
+  components: {},
+
   watch: {
     valid: function (value) {
-    this.$emit('input', value)
+      this.$emit("input", value);
     }
   },
-  
-  data () {
+
+  data() {
     return {
       captcha: [],
       width: 0,
       text: ""
-    }
+    };
   },
   computed: {
     valid: function () {
       if (this.captchaText === this.text) {
-      return true;
+        return true;
       }
       return false;
     },
@@ -42,72 +37,71 @@ export default {
     }
   },
   methods: {
-
     refresh() {
-      this.text = ""
+      this.text = "";
       this.generateCaptcha();
     },
 
     generateCaptcha() {
-       const captcha = [];
-       const charsArray =
-        "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
-        const size = Number.parseInt(this.size)
-       for (var i = 0; i < size; i++) {
-        // Eviter la repetition des characters
-        var index = Math.floor(Math.random() * charsArray.length + 1); 
-        if (captcha.indexOf(charsArray[index]) === -1) { captcha.push(charsArray[index]); } else i--;
+      if (typeof document !== "undefined") {
+        const captcha = [];
+        const charsArray =
+          "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
+        const size = Number.parseInt(this.size);
+        for (var i = 0; i < size; i++) {
+          // Eviter la repetition des characters
+          var index = Math.floor(Math.random() * charsArray.length + 1);
+          if (captcha.indexOf(charsArray[index]) === -1) {
+            captcha.push(charsArray[index]);
+          } else i--;
         }
         this.width = 20 * captcha.length;
         this.captcha = captcha;
 
-         var canv = document.createElement("canvas");
-      canv.id = "canvas";
-      canv.width = this.width;
-      canv.height = 50;
-      var ctx = canv.getContext("2d");
-      ctx.font = "25px Georgia";
-      ctx.strokeText(this.captcha.join(""), 0, 30);
+        var canv = document.createElement("canvas");
+        canv.id = "canvas";
+        canv.width = this.width;
+        canv.height = 50;
+        var ctx = canv.getContext("2d");
+        ctx.font = "25px Georgia";
+        ctx.strokeText(this.captcha.join(""), 0, 30);
 
-       const captchaElement = this.$refs.captcha 
+        const captchaElement = this.$refs.captcha;
 
-       if (captchaElement != null) {
-         captchaElement.innerHTML = "";
-         captchaElement.appendChild(canv); 
-       }
+        if (captchaElement != null) {
+          captchaElement.innerHTML = "";
+          captchaElement.appendChild(canv);
+        }
+      }
     }
   },
-  beforeMount () {
-  },
+  beforeMount() {},
   mounted() {
-    this.generateCaptcha()
+    this.generateCaptcha();
   },
 
-   props: {
-      size: {
-        type: String,
-        default: "6"
-      },
-      color: {
-        type: String,
-        default: "primary"
-      },
-      value: {
-        type: Boolean
-      },
-      textFieldLabel: {
-        type: String,
-        default: "Text"
-      },
-      refreshButtonLabel: {
-        type: String,
-        default: "Refresh"
-      },
+  props: {
+    size: {
+      type: String,
+      default: "6"
     },
-
-}
+    color: {
+      type: String,
+      default: "primary"
+    },
+    value: {
+      type: Boolean
+    },
+    textFieldLabel: {
+      type: String,
+      default: "Text"
+    },
+    refreshButtonLabel: {
+      type: String,
+      default: "Refresh"
+    }
+  }
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/components/UnidooCrudTable.vue

@@ -117,12 +117,11 @@
   </div>
 </template>
 <script>
-
 export default {
   props: {
     onlyUpdate: {
       type: Boolean,
-      default: false,
+      default: false
     },
     columns: {
       type: Array,
@@ -132,17 +131,17 @@ export default {
     },
     title: {
       type: String,
-      default: "",
+      default: ""
     },
     url: {
       type: String,
-      default: "",
-    },
+      default: ""
+    }
   },
   computed: {
     titleEdit() {
       return this.editedItemIndex === -1 ? "Add new item" : "Edit item";
-    },
+    }
   },
   data() {
     return {
@@ -155,7 +154,7 @@ export default {
       defaultItem: {},
       tabledata: [],
       uniquesourcevalues: [],
-      error: false,
+      error: false
     };
   },
   watch: {
@@ -164,7 +163,7 @@ export default {
     },
     itemDeleteDialog(val) {
       val || this.close();
-    },
+    }
   },
   created() {
     this.show();
@@ -214,7 +213,10 @@ export default {
         .then(() => {
           this.axios.get(this.url).then((res) => (this.alldata = res.data));
         })
-        .then(() => this.close());
+        .then(() => this.close())
+        .catch((e) => {
+          console.error(e);
+        });
     },
     saveItem() {
       if (this.editedItemIndex > -1) {
@@ -223,18 +225,22 @@ export default {
           .then(() => {
             this.axios.get(this.url).then((res) => (this.alldata = res.data));
           })
-          .then(() => this.close());
+          .then(() => this.close())
+          .catch((e) => {
+            console.error(e);
+          });
       } else {
         this.axios
           .post(this.url + "/create", this.editedItem)
           .then(() => {
             this.axios.get(this.url).then((res) => (this.alldata = res.data));
           })
-          .then(() => this.close());
+          .then(() => this.close())
+          .catch((e) => {
+            console.error(e);
+          });
       }
-    },
-  },
+    }
+  }
 };
 </script>
-<style  scoped>
-</style>