@burh/nuxt-core 1.0.500 → 1.0.502

package/components/burh-ds/Loadings/Basics.vue

@@ -1,80 +1,80 @@
-<template lang="">
-	<div>
-		<span class="loader-wrapper"><span class="loader"></span></span>
-		<div class="col loader-target" :class="{'loader-target--hidden': isLoading}" />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'loading-basics',
-	props: {
-		isLoading: {
-			type: Boolean,
-			default: false,
-			description: 'If the parent screen is loading'
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-// @import "assets/sass/burh-ds/variables/_colors.scss";
-
-.login-page {
-    padding: 1rem;
-
-    .h2 {
-        line-height: 1.2;
-        text-align: center;
-    }
-    .btn {
-        white-space: nowrap;
-    }
-    @media screen and (min-width: 560px) {
-    }
-    @media screen and (min-width: 560px) {
-        width: 50%;
-        min-width: 400px;
-        max-width: 600px;
-        margin: 4rem auto;
-        padding: 0px;
-    }
-}
-
-.loader-target {
-    width: 100%;
-    height: 100%;
-    background-color: white;
-    position: absolute !important;
-    z-index: 2;
-    opacity: 0.1;
-
-    &--hidden {
-        .loader-wrapper {
-            width: 0;
-            height: 0;
-            left: 50%;
-            background-color: rgba(#ffffff, 0);
-            transform: scale(0);
-            transition: all .35s ease-in-out;
-        }
-    }
-}
-.loader-wrapper {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: rgba(#ffffff, .4);
-    transform: scale(1);
-    transition: all .35s ease-in-out;
-}
-
-</style>
+<template lang="">
+	<div>
+		<span class="loader-wrapper"><span class="loader"></span></span>
+		<div class="col loader-target" :class="{'loader-target--hidden': isLoading}" />
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'loading-basics',
+	props: {
+		isLoading: {
+			type: Boolean,
+			default: false,
+			description: 'If the parent screen is loading'
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+// @import "assets/sass/burh-ds/variables/_colors.scss";
+
+.login-page {
+    padding: 1rem;
+
+    .h2 {
+        line-height: 1.2;
+        text-align: center;
+    }
+    .btn {
+        white-space: nowrap;
+    }
+    @media screen and (min-width: 560px) {
+    }
+    @media screen and (min-width: 560px) {
+        width: 50%;
+        min-width: 400px;
+        max-width: 600px;
+        margin: 4rem auto;
+        padding: 0px;
+    }
+}
+
+.loader-target {
+    width: 100%;
+    height: 100%;
+    background-color: white;
+    position: absolute !important;
+    z-index: 2;
+    opacity: 0.1;
+
+    &--hidden {
+        .loader-wrapper {
+            width: 0;
+            height: 0;
+            left: 50%;
+            background-color: rgba(#ffffff, 0);
+            transform: scale(0);
+            transition: all .35s ease-in-out;
+        }
+    }
+}
+.loader-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: rgba(#ffffff, .4);
+    transform: scale(1);
+    transition: all .35s ease-in-out;
+}
+
+</style>

package/components/burh-ds/Loadings/InfiniteLoading.vue

@@ -1,21 +1,21 @@
-<template>
-    <div class="text-center">
-        <!-- Quando for implementado as cores de cada página usar variável "color" -->
-        <i
-            :class="
-                `fas fa-2x products-spin fa-circle-notch fa-spin text-primary`
-            "
-        ></i>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'infinite-loading',
-    props: {
-        color: String
-    }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+    <div class="text-center">
+        <!-- Quando for implementado as cores de cada página usar variável "color" -->
+        <i
+            :class="
+                `fas fa-2x products-spin fa-circle-notch fa-spin text-primary`
+            "
+        ></i>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'infinite-loading',
+    props: {
+        color: String
+    }
+};
+</script>
+
+<style lang="scss" scoped></style>

package/components/burh-ds/Loadings/LoadingFullPage.vue

@@ -1,68 +1,68 @@
-<template>
-	<div class="vld-parent">
-		<loading :active.sync="isLoading"
-			:can-cancel="true"
-			:on-cancel="onCancel"
-			:is-full-page="fullPage"
-			:color="'#5865F2'"
-			:loader="'dots'"
-			:class="isBottomLoading ? 'bottom-loading' : ''"
-			></loading>
-
-		<!-- <label><input type="checkbox" v-model="fullPage">Full page?</label>
-		<button @click.prevent="doAjax">fetch Data</button> -->
-	</div>
-</template>
-
-<script>
-// Import component
-import Loading from 'vue-loading-overlay';
-// Import stylesheet
-import 'vue-loading-overlay/dist/vue-loading.css';
-
-export default {
-	name: 'loading-full-page',
-	// data() {
-	// 	return {
-	// 		isLoading: false,
-	// 		fullPage: true
-	// 	};
-	// },
-	props: {
-		isLoading: {
-		    type: Boolean,
-	        default: false
-		},
-		fullPage: {
-		    type: Boolean,
-	        default: true
-		},
-		isBottomLoading: {
-			type: Boolean,
-			default: false
-		}
-	},
-	components: {
-		Loading
-	},
-	methods: {
-		doAjax() {
-			this.isLoading = true;
-			// simulate AJAX
-			setTimeout(() => {
-				this.isLoading = false;
-			}, 5000);
-		},
-		onCancel() {
-
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.bottom-loading{
-	top: initial;
-	max-height: 4rem;
-	background-color: transparent;
-}
-</style>
+<template>
+	<div class="vld-parent">
+		<loading :active.sync="isLoading"
+			:can-cancel="true"
+			:on-cancel="onCancel"
+			:is-full-page="fullPage"
+			:color="'#5865F2'"
+			:loader="'dots'"
+			:class="isBottomLoading ? 'bottom-loading' : ''"
+			></loading>
+
+		<!-- <label><input type="checkbox" v-model="fullPage">Full page?</label>
+		<button @click.prevent="doAjax">fetch Data</button> -->
+	</div>
+</template>
+
+<script>
+// Import component
+import Loading from 'vue-loading-overlay';
+// Import stylesheet
+import 'vue-loading-overlay/dist/vue-loading.css';
+
+export default {
+	name: 'loading-full-page',
+	// data() {
+	// 	return {
+	// 		isLoading: false,
+	// 		fullPage: true
+	// 	};
+	// },
+	props: {
+		isLoading: {
+		    type: Boolean,
+	        default: false
+		},
+		fullPage: {
+		    type: Boolean,
+	        default: true
+		},
+		isBottomLoading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	components: {
+		Loading
+	},
+	methods: {
+		doAjax() {
+			this.isLoading = true;
+			// simulate AJAX
+			setTimeout(() => {
+				this.isLoading = false;
+			}, 5000);
+		},
+		onCancel() {
+
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.bottom-loading{
+	top: initial;
+	max-height: 4rem;
+	background-color: transparent;
+}
+</style>

package/components/burh-ds/Loadings/NewLoading.vue

@@ -1,120 +1,120 @@
-<template lang="">
-    <div v-if='isShowing' class="fullpage-loading">
-
-        <span class="loader-wrapper">
-          <div class="animetedFadeIn">
-            <div v-if='!isLoadingShowing' class="loading-product-icon">
-              <div :class="'mb-5 loading product-item--avatar bg-' + color">
-                    <img :src="productImage" alt="" />
-               </div>
-                <div class="d-flex justify-content-center align-items-center">
-              </div>
-            </div>
-            <div v-else class=loading-product>
-                <div :class="'mb-5 product-item--avatar bg-' + color">
-                    <div class="spin">
-                      <i
-                        :class="'fas fa-2x products-spin fa-circle-notch fa-spin text-'"></i>
-                    </div>
-               </div>
-                <div class="d-flex justify-content-center align-items-center">
-                </div>
-            </div>
-          </div>
-        </span>
-    </div>
-</template>
-<script>
-import { set } from "d3";
-export default {
-  name: "new-loading",
-  props: {
-    isLoading: {
-      type: Boolean,
-      default: false,
-      description: "If the parent screen is loading",
-    },
-    productImage: String,
-    color: String,
-  },
-
-  data() {
-    return {
-      isShowing: true,
-      isLoadingShowing: false,
-    };
-  },
-
-  mounted() {
-    const currentPage = window.location.pathname.split("/")[1];
-    if (sessionStorage.getItem("lastPage") != currentPage) {
-      sessionStorage.setItem("lastPage", currentPage);
-    } else {
-      this.isShowing = false;
-    }
-    setTimeout(() => (this.isLoadingShowing = true), 600);
-  },
-
-  // beforeDestroy() {
-  //     sessionStorage.removeItem('lastPage');
-  // },
-};
-</script>
-
-
-<style lang="scss" scoped>
-// @import "assets/sass/burh-ds/variables/_colors.scss";
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.fullpage-loading {
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1000;
-}
-.product-item--avatar {
-  width: 60px;
-  height: 60px;
-  border-radius: 14.0834px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  img {
-    color: #fff;
-  }
-}
-
-.loader-wrapper {
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100vw;
-  height: 100vh;
-  position: relative;
-}
-
-.spin {
-  color: #fff;
-  -webkit-animation: fa-spin 1s infinite linear;
-  animation: fa-spin 1s infinite linear;
-  line-height: 1;
-}
-
-.animetedFadeIn {
-  animation: fadeIn 0.3s;
-}
-
+<template lang="">
+    <div v-if='isShowing' class="fullpage-loading">
+
+        <span class="loader-wrapper">
+          <div class="animetedFadeIn">
+            <div v-if='!isLoadingShowing' class="loading-product-icon">
+              <div :class="'mb-5 loading product-item--avatar bg-' + color">
+                    <img :src="productImage" alt="" />
+               </div>
+                <div class="d-flex justify-content-center align-items-center">
+              </div>
+            </div>
+            <div v-else class=loading-product>
+                <div :class="'mb-5 product-item--avatar bg-' + color">
+                    <div class="spin">
+                      <i
+                        :class="'fas fa-2x products-spin fa-circle-notch fa-spin text-'"></i>
+                    </div>
+               </div>
+                <div class="d-flex justify-content-center align-items-center">
+                </div>
+            </div>
+          </div>
+        </span>
+    </div>
+</template>
+<script>
+import { set } from "d3";
+export default {
+  name: "new-loading",
+  props: {
+    isLoading: {
+      type: Boolean,
+      default: false,
+      description: "If the parent screen is loading",
+    },
+    productImage: String,
+    color: String,
+  },
+
+  data() {
+    return {
+      isShowing: true,
+      isLoadingShowing: false,
+    };
+  },
+
+  mounted() {
+    const currentPage = window.location.pathname.split("/")[1];
+    if (sessionStorage.getItem("lastPage") != currentPage) {
+      sessionStorage.setItem("lastPage", currentPage);
+    } else {
+      this.isShowing = false;
+    }
+    setTimeout(() => (this.isLoadingShowing = true), 600);
+  },
+
+  // beforeDestroy() {
+  //     sessionStorage.removeItem('lastPage');
+  // },
+};
+</script>
+
+
+<style lang="scss" scoped>
+// @import "assets/sass/burh-ds/variables/_colors.scss";
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.fullpage-loading {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+}
+.product-item--avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 14.0834px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    color: #fff;
+  }
+}
+
+.loader-wrapper {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+}
+
+.spin {
+  color: #fff;
+  -webkit-animation: fa-spin 1s infinite linear;
+  animation: fa-spin 1s infinite linear;
+  line-height: 1;
+}
+
+.animetedFadeIn {
+  animation: fadeIn 0.3s;
+}
+
 </style>