@burh/nuxt-core 1.0.463 → 1.0.465

package/components/argon-core/Inputs/BaseInput.vue

@@ -35,36 +35,55 @@
 				</span>
 			</div>
 			<slot v-bind="slotData" v-if="type !== 'textarea'">
-				<input
-					v-if="!mask.length"
-					:value="value"
-					:type="type"
-					v-on="listeners"
-					v-bind="$attrs"
-					:valid="!error"
-					:required="required"
-					class="form-control"
-					:class="[
-						{ 'is-valid': valid === true },
-						{ 'is-invalid': error },
-						inputClasses
-					]"
-				/>
-				<the-mask
-					v-else
-					class="form-control"
-					v-on="listeners"
-					v-bind="$attrs"
-					:value="value"
-					:type="type"
-					:required="required"
-					:mask="mask"
-					:class="[
-						{ 'is-valid': valid === true },
-						{ 'is-invalid': error },
-						inputClasses
-					]"
-				/>
+				<template v-if="type === 'money'">
+					<input
+						:value="value"
+						:type="type"
+						v-on="listeners"
+						v-bind="$attrs"
+						v-money="money"
+						:valid="!error"
+						:required="required"
+						class="form-control"
+						:class="[
+							{ 'is-valid': valid === true },
+							{ 'is-invalid': error },
+							inputClasses
+						]"
+					/>
+				</template>
+				<template v-else>
+					<input
+						v-if="!mask.length"
+						:value="value"
+						:type="type"
+						v-on="listeners"
+						v-bind="$attrs"
+						:valid="!error"
+						:required="required"
+						class="form-control"
+						:class="[
+							{ 'is-valid': valid === true },
+							{ 'is-invalid': error },
+							inputClasses
+						]"
+					/>
+					<the-mask
+						v-else
+						class="form-control"
+						v-on="listeners"
+						v-bind="$attrs"
+						:value="value"
+						:type="type"
+						:required="required"
+						:mask="mask"
+						:class="[
+							{ 'is-valid': valid === true },
+							{ 'is-invalid': error },
+							inputClasses
+						]"
+					/>
+				</template>
 			</slot>
 			<slot v-bind="slotData" v-else>
 				<textarea
@@ -108,10 +127,12 @@
 </template>
 <script>
 import { TheMask } from 'vue-the-mask';
+import { VMoney } from 'v-money';
 
 export default {
 	inheritAttrs: false,
 	name: 'base-input',
+	directives: { money: VMoney },
 	props: {
 		required: {
 			type: Boolean,
@@ -180,14 +201,22 @@ export default {
 				return [];
 			},
 			description: 'Masks Array'
-		}
+		},
 	},
 	components: {
 		TheMask
 	},
 	data() {
 		return {
-			focused: false
+			focused: false,
+			money: {
+				type: Object,
+				decimal: ',',
+				thousands: '.',
+				prefix: 'R$ ',
+				suffix: '',
+				precision: 0,
+			}
 		};
 	},
 	computed: {

package/components/burh-ds/Modals/AppConfigModal.vue

@@ -101,11 +101,11 @@
 							<button
 								v-if="buttons.id != 8"
 								role="button"
-								class="tag tag-outline-primary d-block w-100 buttons"
+								class="tag tag-outline-primary-teste-online d-block w-100 buttons"
 								:value="buttons.value"
 								:class="
 									buttons.id == currentSelectedButton
-										? 'active'
+										? 'active-teste-online'
 										: ''
 								"
 								@click="timeSelection(buttons.id)"
@@ -125,7 +125,7 @@
 									class="fas fa-check mr-1"
 									:class="[currentSelectedButton == 8 ? 'custom-icon': 'custom-time-icon']"
 								></i>
-								<!-- <div v-if="buttons.id == 8" @click="setInitValue(buttons.id)">
+								<div v-if="buttons.id == 8" @click="setInitValue(buttons.id)">
 									<el-time-picker
 										format="HH:mm:ss"
 										value-format="HH:mm:ss"
@@ -133,9 +133,9 @@
 										@change="setValueChange()"
 										:class="currentSelectedButton == buttons.id ? 'active-custom': 'not-active-custom' "
 										class="w-100"
-										placeholder="Outro">
-									</el-time-picker>
-								</div> -->
+										placeholder="Tempo personalizado"
+									/>
+								</div>
 							</div>
 						</div>
 						<div v-else-if="!haveCustomTime">
@@ -186,6 +186,11 @@
 import { mask } from 'vue-the-mask';
 import swal from 'sweetalert2';
 import { Select, Option, TimePicker } from 'element-ui';
+import lang from 'element-ui/lib/locale/lang/pt-br';
+import locale from 'element-ui/lib/locale';
+
+locale.use(lang);
+
 export default {
 	components: {
 		[Select.name]: Select,
@@ -462,6 +467,24 @@ export default {
 <style lang="scss">
 @import 'node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
+.el-time-panel{
+    width: 161px;
+    .el-scrollbar__view:not(.el-autocomplete-suggestion__list) {
+        border: 1px solid #fff;
+        border-radius: 0.25rem;
+    }
+    .el-time-panel__btn.cancel{
+        display: none;
+    }
+    .el-time-panel__btn.confirm {
+        font-weight: 200;
+        color: #00B388;
+    }
+    .el-scrollbar__wrap{
+        margin-bottom:  0 !important;
+        overflow-x: hidden;
+    }
+}
 .fixed-button {
     .btn {
         font-size: 0.775rem;
@@ -505,6 +528,30 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.tag-outline-primary-teste-online:active{
+	background-color: #00b388;
+	color: #fff;
+	border: #00b388;
+	height: 51.39px;
+}
+.tag-outline-primary-teste-online{
+	background-color: #fff;
+	color: #00b388;
+	border: 2px solid #00b388;
+	height: 51.39px;
+}
+.active-teste-online{
+	background-color: #00b388;
+	color: #fff;
+	border: #00b388;
+	height: 51.39px;
+	i{
+		color:#fff;
+	}
+	small{
+		color: #fff;
+	}
+}
 .custom-time::placeholder{
     font-size: 80%;
     color:#00b388;
@@ -528,7 +575,7 @@ export default {
         position:absolute;
         top:1rem;
         z-index: 3;
-        left:2rem;
+        left:1.5rem;
         color:#fff;
     }
 }
@@ -549,13 +596,13 @@ export default {
     }
     .el-input__prefix{
         .el-icon-time:before{
-            color:#fff;
+           display: none;
         }
     }
     .el-input__suffix{
         .el-input__suffix-inner{
             .el-icon-circle-close{
-                color:#fff;
+               display: none;
             }
         }
     }
@@ -568,22 +615,30 @@ export default {
         border: 2px solid #00b388;
         display: block;
         height: 51.39px;
+				font-size: 0.8rem;
+				padding: 0;
         color:#00b388;
         text-align: center;
         &::placeholder{
             color:#00b388;
         }
+        &:hover{
+            border: 2px solid #00b388;
+            background-color: #00b388;
+            &::placeholder{
+                color:#fff;
+            }
+        }
     }
     .el-input__prefix{
         .el-icon-time:before{
-            position: relative;
-            color:#00b388;
+            display: none;
         }
     }
     .el-input__suffix{
         .el-input__suffix-inner{
             .el-icon-circle-close{
-                color:#00b388;
+              display: none;
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@burh/nuxt-core",
-    "version": "1.0.463",
+    "version": "1.0.465",
     "description": "Design System and Components.",
     "author": "Burh",
     "scripts": {
@@ -67,6 +67,7 @@
         "sticky-js": "^1.2.0",
         "sweetalert2": "^8.11.6",
         "v-click-outside": "^3.1.2",
+        "v-money": "^0.8.1",
         "v-owl-carousel": "^1.0.8",
         "v-resize": "^0.1.1",
         "vee-validate": "^2.2.8",

package/plugins/dashboard/dashboard-plugin.js

@@ -9,11 +9,13 @@ import VeeValidate from 'vee-validate';
 import SideBar from '~/components/argon-core/SidebarPlugin';
 import Vue from 'vue';
 // element ui language configuration
-import lang from 'element-ui/lib/locale/lang/en';
+import lang from 'element-ui/lib/locale/lang/pt-br';
 import locale from 'element-ui/lib/locale';
+
+locale.use(lang);
+
 import './globalDirectives';
 import './globalComponents';
-locale.use(lang);
 
 Vue.use(SideBar);
 Vue.use(Notifications);

package/plugins/dashboard/globalComponents.js

@@ -16,14 +16,8 @@ import RouteBreadcrumb from '~/components/argon-core/Breadcrumb/RouteBreadcrumb'
 import StatsCard from '~/components/argon-core/Cards/StatsCard.vue';
 import ImageWithFallback from '@/components/burh-ds/Img/ImageWithFallback.vue';
 import { Input, Tooltip, Popover } from 'element-ui';
-
-import lang from 'element-ui/lib/locale/lang/pt-br';
-import locale from 'element-ui/lib/locale';
-
 import Vue from 'vue';
 
-locale.use(lang);
-
 /**
  * You can register global components here and use them as a plugin in your main Vue instance
  */