pui9-components 1.17.3 → 2.0.7

package/src/components/PuiFormFooter.vue

@@ -10,45 +10,16 @@
 <script>
 export default {
 	name: 'PuiFormFooter',
-	data: () => ({
-		isMobile: false,
-		desktopMenuOpened: false,
-		secondMenuOpened: false
-	}),
 	computed: {
+		isMobile() { return this.$store.getters.isMobile; },
+		menuConf() { return this.$store.getters.getMenuConf; },
 		getComp() {
 			return {
-				'pui-formFooter--menuexpanded': this.desktopMenuOpened || this.secondMenuOpened,
-				'pui-formFooter--menuhidden': !this.desktopMenuOpened && !this.secondMenuOpened
+				'pui-formFooter--menu-opened': this.menuConf.expandMenu,
+				'pui-formFooter--menu-secondary-opened': this.menuConf.secondMenuShowed,
+				'pui-formFooter--menu-hidden': this.menuConf.hideMenu,
 			};
 		},
-		onPuiExpandMenu() {
-			return this.$store.state.menu.expandMenuForce;
-		},
-		onPuiHideMenu() {
-			return this.$store.state.menu.hideMenuForce;
-		},
-		onPuiSecondMenuShowed() {
-			return this.$store.state.menu.secondMenuShowedForce;
-		},
-		onPuiMenuMustColapseMenu() {
-			return this.$store.state.menu.mustColapseMenu;
-		}
-	},
-	watch: {
-		onPuiExpandMenu() {
-			this.desktopMenuOpened = this.$store.state.menu.expandMenu;
-			this.secondMenuOpened = false;
-		},
-		onPuiHideMenu() {
-			this.desktopMenuOpened = !this.$store.state.menu.hideMenu;
-		},
-		onPuiSecondMenuShowed() {
-			this.secondMenuOpened = this.$store.state.menu.secondMenuShowed;
-		},
-		onPuiMenuMustColapseMenu() {
-			this.desktopMenuOpened = false;
-		}
 	},
 	methods: {
 		checkFooterIsOnScreen() {
@@ -64,10 +35,6 @@ export default {
 			}, intervalTimeCheck);
 		}
 	},
-	created() {
-		this.isMobile = this.$store.getters.isMobile;
-		this.desktopMenuOpened = this.$store.state.menu.expanded || this.$store.state.menu.expandMenu;
-	},
 	mounted() {
 		this.$store.dispatch('puiFormShowFooter', true);
 	},

package/src/components/PuiFormTooltip.vue

@@ -0,0 +1,50 @@
+<template>
+	<v-tooltip right color="primary" v-if="showTooltip">
+		<template v-slot:activator="{ on }">
+			<v-icon color="secondary" class="info-tooltip pl-1" size="14" v-on="on">{{ getIcon }}</v-icon>
+		</template>
+		<span>
+			<span v-if="this.tooltipDescription" v-html="this.tooltipDescription"></span>
+			<ul>
+				<li v-for="(message, index) in this.tooltipMessages" :key="index">{{ message }}</li>
+			</ul>
+		</span>
+	</v-tooltip>
+</template>
+
+<script>
+export default {
+	name: 'PuiFormTooltip',
+	data: () => ({
+        tooltipMessages: []
+    }),
+	props: {
+		tooltipDescription: {
+			type: String,
+			required: false,
+			default: null
+		},
+		tooltipIcon: {
+			type: String,
+			required: false,
+			default: 'fas fa-info-circle info-tooltip'
+		}
+	},
+	computed: {
+        showTooltip() {
+            return (this.tooltipDescription || this.tooltipMessages.length > 0);
+        },
+		getIcon() {
+			return this.tooltipIcon ? this.tooltipIcon : this.tooltipIcon.default;
+		}
+    },
+	methods: {
+        pushMessage(text) {
+            this.tooltipMessages.push(text);
+        },
+		clearMessages() {
+			this.tooltipMessages = [];
+		}
+    },
+};
+</script>

package/src/components/PuiMasterDetail.vue

@@ -7,7 +7,10 @@
 			:parentModel="parentModel"
 			:parentPk="parentPk"
 			:parentPkChildFk="parentPkChildFk"
+			:readOnly="formDisabled"
+			:modalDialog="modalDialog"
 			:masterDetail="masterDetail"
+			:navigableDetail="navigableDetail"
 			:showCreateBtn="showCreateBtn"
 			:showDeleteBtn="showDeleteBtn"
 			:showFilterListBtn="showFilterListBtn"
@@ -15,8 +18,7 @@
 			:showMasterDetailFilterBtn="showMasterDetailFilterBtn"
 			:showMasterDetailSortBtn="showMasterDetailSortBtn"
 			:showMasterDetailConfBtn="showMasterDetailConfBtn"
-			:readOnly="formDisabled"
-			:modalDialog="modalDialog"
+			
 		/>
 		<br />
 	</div>
@@ -51,6 +53,20 @@ export default {
 			type: Object,
 			required: false
 		},
+		formDisabled: {
+			type: Boolean,
+			default: false,
+			required: false
+		},
+		modalDialog: {
+			type: Boolean,
+			default: false
+		},
+		// Manual Grid Settings
+		navigableDetail: {
+			type: Boolean,
+			default: true
+		},
 		showCreateBtn: {
 			type: Boolean,
 			default: true
@@ -78,15 +94,6 @@ export default {
 		showMasterDetailConfBtn: {
 			type: Boolean,
 			default: false
-		},
-		formDisabled: {
-			type: Boolean,
-			default: false,
-			required: false
-		},
-		modalDialog: {
-			type: Boolean,
-			default: false
 		}
 	},
 	mounted() {

package/src/components/PuiModalDialog.vue

@@ -3,7 +3,7 @@
 		<v-flex xs10 md8 lg6 xl4>
 			<div class="text-center">
 				<v-dialog :id="`${dialogName}-modal-container`" persistent eager v-model="showDialog" :width="widthDialog">
-					<v-card class="pa-2">
+					<v-card class="pa-2" :height="heightDialog">
 						<v-card-title class="pl-3 headline lighten-2" primary-title>{{ titleText }}</v-card-title>
 						<v-card-text class="pl-3" v-if="messageText">{{ messageText }}</v-card-text>
 						<slot name="message"></slot>
@@ -62,6 +62,9 @@ export default {
 			type: Number,
 			default: 500
 		},
+		heightDialog: {
+			type: Number
+		},
 		onShow: {
 			type: Function,
 			default: null

package/src/components/PuiModalDialogForm.vue

@@ -25,7 +25,7 @@
 							<v-btn v-if="!disableCancel" :id="`${dialogName}-btn-cancel`" depressed @click="cancel()" :disabled="loading">{{
 								buttonCancel
 							}}</v-btn>
-							<v-btn color="primary" :id="`${dialogName}-btn-ok`" depressed @click="ok()" :loading="loading" :disabled="loading">{{
+							<v-btn v-if="!disableOk" color="primary" :id="`${dialogName}-btn-ok`" depressed @click="ok()" :loading="loading" :disabled="loading">{{
 								buttonOk
 							}}</v-btn>
 						</v-card-actions>
@@ -73,6 +73,10 @@ export default {
 			type: Boolean,
 			default: false
 		},
+		disableOk: {
+			type: Boolean,
+			default: false
+		},
 		widthDialog: {
 			type: [String, Number],
 			default: 'unset'