pui9-datatables 1.16.4

package/src/components/desktop/toolbar/PuiGridToolbar.vue

@@ -0,0 +1,310 @@
+<template>
+	<div v-if="configColumns" :class="toolbarCompClass" v-resize="onResize">
+		<v-layout class="pui-toolbar" :class="compClass" style="margin-bottom: 1px" ref="secondaryToolbar" v-show="separateToolbar">
+			<v-spacer v-if="!isMobile"></v-spacer>
+		</v-layout>
+		<v-layout class="pui-toolbar" :class="compClass" ref="primaryToolbar">
+			<pui-grid-actions-btn v-if="showActionsBtn" :modelName="modelName" :actions="actions"></pui-grid-actions-btn>
+			<pui-grid-export-btn v-if="showPuiGridExportBtn" :modelName="modelName"></pui-grid-export-btn>
+			<pui-grid-create-btn v-if="showPuiGridCreateBtn" :modelName="modelName"></pui-grid-create-btn>
+			<pui-grid-update-btn v-if="showPuiGridUpdateBtn" :modelName="modelName"></pui-grid-update-btn>
+			<pui-grid-delete-btn v-if="showPuiGridDeleteBtn" :modelName="modelName"></pui-grid-delete-btn>
+			<pui-grid-refresh-btn v-if="showRefreshBtn && !isMobile" :modelName="modelName"></pui-grid-refresh-btn>
+			<v-spacer></v-spacer>
+			<pui-grid-filter-combo
+				v-show="!isMobile"
+				v-if="showFilterComboInToolbar()"
+				:modelName="modelName"
+				:filterCombo="filterCombo"
+			></pui-grid-filter-combo>
+			<pui-grid-filter-list-btn
+				ref="filterListBtn"
+				v-if="showOptionInToolbar(showFilterListBtn, showMasterDetailFilterListBtn)"
+				:modelName="modelName"
+			></pui-grid-filter-list-btn>
+			<pui-grid-filter-btns
+				ref="filterBtns"
+				v-if="showOptionInToolbar(showFilterBtn, showMasterDetailFilterBtn)"
+				:columns="configColumns"
+				:modelName="modelName"
+			></pui-grid-filter-btns>
+			<pui-grid-sort-btn
+				ref="sortBtn"
+				v-if="showOptionInToolbar(showSortBtn, showMasterDetailSortBtn)"
+				:columns="configColumns"
+				:modelName="modelName"
+				:groupedColumn="groupedColumn"
+			></pui-grid-sort-btn>
+			<pui-grid-conf-btns
+				ref="confBtns"
+				v-if="showOptionInToolbar(showConfBtn, showMasterDetailConfBtn)"
+				:columns="columns"
+				:configColumns="configColumns"
+				:modelName="modelName"
+				:modelNameSuffix="modelNameSuffix"
+			></pui-grid-conf-btns>
+			<pui-grid-searcher
+				ref="searchBtn"
+				v-if="showSearcher"
+				:columns="configColumns"
+				:modelName="modelName"
+				:showOnlyVisibleColumns="searcherShowOnlyVisibleColumns"
+			></pui-grid-searcher>
+		</v-layout>
+		<v-flex xs12 sm6 ref="topToolbar">
+			<v-layout wrap class="pui-toolbar pt-4" :class="compClass" v-show="!isMobile" v-if="showFilterComboTopToolbar()">
+				<v-spacer></v-spacer>
+				<pui-grid-filter-combo :modelName="modelName" :filterCombo="filterCombo"></pui-grid-filter-combo>
+			</v-layout>
+		</v-flex>
+	</div>
+</template>
+
+<script>
+import PuiGridActionsBtn from './actions/PuiGridActionsBtn';
+import PuiGridExportBtn from './export/PuiGridExportBtn';
+import PuiGridCreateBtn from './row/PuiGridCreateBtn';
+import PuiGridUpdateBtn from './row/PuiGridUpdateBtn';
+import PuiGridDeleteBtn from './row/PuiGridDeleteBtn';
+import PuiGridRefreshBtn from './row/PuiGridRefreshBtn';
+import PuiGridFilterListBtn from './filtering/PuiGridFilterListBtn';
+import PuiGridFilterBtns from './filtering/PuiGridFilterBtns';
+import PuiGridSortBtn from './sorting/PuiGridSortBtn';
+import PuiGridSearcher from './searching/PuiGridSearcher';
+import PuiGridConfBtns from './grid-configuration/PuiGridConfBtns';
+import PuiGridFilterCombo from './filtercombo/PuiGridFilterCombo';
+import $ from 'jquery';
+
+export default {
+	name: 'PuiGridToolbar',
+	components: {
+		PuiGridActionsBtn,
+		PuiGridExportBtn,
+		PuiGridCreateBtn,
+		PuiGridUpdateBtn,
+		PuiGridDeleteBtn,
+		PuiGridRefreshBtn,
+		PuiGridFilterListBtn,
+		PuiGridFilterBtns,
+		PuiGridSortBtn,
+		PuiGridSearcher,
+		PuiGridConfBtns,
+		PuiGridFilterCombo
+	},
+	props: {
+		columns: {
+			type: Array,
+			required: true
+		},
+		modelName: {
+			type: String,
+			required: true
+		},
+		modelNameSuffix: {
+			type: String,
+			default: ''
+		},
+		actions: {
+			type: [Array],
+			default: () => {
+				return [];
+			},
+			required: false
+		},
+		searcherShowOnlyVisibleColumns: {
+			type: Boolean,
+			default: true
+		},
+		groupedColumn: {
+			type: Boolean,
+			default: false
+		},
+		masterDetail: {
+			type: Boolean,
+			default: false
+		},
+		readOnly: {
+			type: Boolean,
+			default: false
+		},
+		showActionsBtn: {
+			type: Boolean,
+			default: true
+		},
+		showExportsBtn: {
+			type: Boolean,
+			default: true
+		},
+		showCreateBtn: {
+			type: Boolean,
+			default: true
+		},
+		showUpdateBtn: {
+			type: Boolean,
+			default: true
+		},
+		showDeleteBtn: {
+			type: Boolean,
+			default: true
+		},
+		showRefreshBtn: {
+			type: Boolean,
+			default: true
+		},
+		showFilterListBtn: {
+			type: Boolean,
+			default: true
+		},
+		showFilterBtn: {
+			type: Boolean,
+			default: true
+		},
+		showSortBtn: {
+			type: Boolean,
+			default: true
+		},
+		showConfBtn: {
+			type: Boolean,
+			default: true
+		},
+		showSearcher: {
+			type: Boolean,
+			default: true
+		},
+		showMasterDetailFilterListBtn: {
+			type: Boolean,
+			default: false
+		},
+		showMasterDetailFilterBtn: {
+			type: Boolean,
+			default: false
+		},
+		showMasterDetailSortBtn: {
+			type: Boolean,
+			default: false
+		},
+		showMasterDetailConfBtn: {
+			type: Boolean,
+			default: false
+		},
+		showFilterComboSelect: {
+			type: Boolean,
+			default: true
+		}
+	},
+	data() {
+		return {
+			isMobile: false,
+			configColumns: null,
+			showPuiGridExportBtn: false,
+			showPuiGridCreateBtn: false,
+			showPuiGridUpdateBtn: false,
+			showPuiGridDeleteBtn: false,
+			filterCombo: null,
+			windowWidth: window.innerWidth
+		};
+	},
+	computed: {
+		toolbarCompClass() {
+			return this.windowWidth < 1600 ? 'pt-1 pb-1' : 'pt-3 pb-3';
+		},
+		compClass() {
+			return this.isMobile ? 'pui-toolbar--mobile' : 'pui-toolbar--desktop';
+		},
+		separateToolbar() {
+			return this.windowWidth < 1600;
+		}
+	},
+	created() {
+		this.isMobile = this.$store.getters.isMobile;
+		this.splitColumns();
+		const model = this.$store.getters.getModelByName(this.modelName);
+		if (model) {
+			this.showPuiGridExportBtn = this.showExportsBtn && model.url && model.url.export && !this.isMobile;
+			if (model.functionalities) {
+				this.showPuiGridCreateBtn =
+					this.showCreateBtn && this.$store.getters.hasFunctionality(model.functionalities.insert) && this.readOnly === false;
+				this.showPuiGridUpdateBtn =
+					this.showUpdateBtn &&
+					this.$store.getters.hasFunctionality(model.functionalities.update) &&
+					this.readOnly === false &&
+					this.isMobile;
+				this.showPuiGridDeleteBtn =
+					this.showDeleteBtn && this.$store.getters.hasFunctionality(model.functionalities.delete) && this.readOnly === false;
+			}
+		}
+
+		const defaultModelConfig = this.$store.getters.getGridConfiguration(this.modelName, -1);
+		this.filterCombo = defaultModelConfig && defaultModelConfig.configuration && defaultModelConfig.configuration.filterCombo;
+
+		if (this.showFilterComboTopToolbar()) {
+			this.$store.commit('setContainerActionHeader', false);
+		}
+	},
+	mounted() {
+		if (this.showFilterComboTopToolbar()) {
+			$(this.$parent.$parent.$parent.$parent.$refs['pui-container__header']).append(this.$refs.topToolbar);
+		}
+	},
+	beforeDestroy() {
+		$(this.$refs.topToolbar).remove();
+		this.$store.commit('setContainerActionHeader', true);
+	},
+	methods: {
+		onResize() {
+			this.windowWidth = window.innerWidth;
+			if (this.windowWidth < 1600) {
+				// move filters/sort/config buttons to secondary toolbar
+				this.$refs.filterListBtn && this.$refs.secondaryToolbar.appendChild(this.$refs.filterListBtn.$el);
+				this.$refs.filterBtns && this.$refs.secondaryToolbar.appendChild(this.$refs.filterBtns.$el);
+				this.$refs.sortBtn && this.$refs.secondaryToolbar.appendChild(this.$refs.sortBtn.$el);
+				this.$refs.confBtns && this.$refs.secondaryToolbar.appendChild(this.$refs.confBtns.$el);
+			} else {
+				// move filters/sort/config buttons to primary toolbar
+				this.$refs.filterListBtn && this.$refs.primaryToolbar.appendChild(this.$refs.filterListBtn.$el);
+				this.$refs.filterBtns && this.$refs.primaryToolbar.appendChild(this.$refs.filterBtns.$el);
+				this.$refs.sortBtn && this.$refs.primaryToolbar.appendChild(this.$refs.sortBtn.$el);
+				this.$refs.confBtns && this.$refs.primaryToolbar.appendChild(this.$refs.confBtns.$el);
+				this.$refs.searchBtn && this.$refs.primaryToolbar.appendChild(this.$refs.searchBtn.$el);
+			}
+		},
+		splitColumns() {
+			//las columnas que se pueden ver, y por tanto son configurables
+			this.configColumns = this.columns
+				.filter((column) => {
+					return column.completelyhidden !== true;
+				})
+				.sort(function (a, b) {
+					if (a.name > b.name) {
+						return 1;
+					}
+					if (a.name < b.name) {
+						return -1;
+					}
+					return 0;
+				});
+		},
+		showFilterComboInToolbar() {
+			if (this.showFilterComboSelect && this.filterCombo && this.masterDetail) {
+				return true;
+			}
+			return false;
+		},
+		showFilterComboTopToolbar() {
+			if (this.showFilterComboSelect && this.filterCombo && !this.masterDetail) {
+				return true;
+			}
+			return false;
+		},
+		showOptionInToolbar(option, masterDetailOption) {
+			if (this.isMobile) {
+				return false;
+			}
+			if (this.masterDetail) {
+				return masterDetailOption;
+			}
+			return option;
+		}
+	}
+};
+</script>

package/src/components/desktop/toolbar/actions/PuiGridActionListItem.vue

@@ -0,0 +1,34 @@
+<template>
+	<v-layout :id="getUniqueID" ref="theItem" wrap class="puiGridActionListItem mb-1 mt-1" :class="getCompClass" @click="selectItem()">
+		<v-flex xs12>
+			<span class="puiGridActionListItem__titleicon" v-if="isSingleAction">
+				<v-icon class="puiGridActionListItem__icon">far fa-bolt</v-icon>
+			</span>
+			<span class="puiGridActionListItem__titleicon" v-if="isMultipleAction">
+				<v-icon class="puiGridActionListItem__icon">fas fa-bolt</v-icon>
+			</span>
+			<span class="puiGridActionListItem__titleicon" v-if="isGeneralAction">
+				<v-icon class="puiGridActionListItem__icon">far fa-asterisk</v-icon>
+			</span>
+			<span class="puiGridActionListItem__title">{{ getTranslatedLabel }}</span>
+			<span class="puiGridActionListItem__titleicon__favorite" v-if="isFavoriteAction" @click.stop="unsetFavorite()">
+				<v-icon class="puiGridActionListItem__icon">fas fa-star</v-icon>
+			</span>
+			<span class="puiGridActionListItem__titleicon__nofavorite" v-else @click.stop="setFavorite()">
+				<v-icon class="puiGridActionListItem__icon">far fa-star</v-icon>
+			</span>
+			<span class="puiGridActionListItem__titleicon__lock" v-show="isLockedAction">
+				<v-icon class="puiGridActionListItem__icon">fas fa-lock</v-icon>
+			</span>
+		</v-flex>
+	</v-layout>
+</template>
+
+<script>
+import PuiActionsListItemMixin from '../../../../mixins/PuiActionsListItemMixin';
+
+export default {
+	name: 'PuiGridActionListItem',
+	mixins: [PuiActionsListItemMixin]
+};
+</script>

package/src/components/desktop/toolbar/actions/PuiGridActionsBtn.vue

@@ -0,0 +1,56 @@
+<template>
+	<div class="pui-gridActionsBtn">
+		<v-btn :id="`gridbtn-actions-${modelName}`" class="elevation-0 pui-toolbar__btn ml-0" :class="compClass" @click.native.stop="showSubPanel">
+			<span>{{ $t('puidatatables.actions') }}</span>
+			<span class="ml-2">
+				<v-icon v-if="!states.active" small>fa fa-angle-down</v-icon>
+				<v-icon v-else small>fa fa-angle-up</v-icon>
+			</span>
+		</v-btn>
+		<label v-if="label">{{ label }}</label>
+		<pui-grid-actions-dialog
+			:modelName="modelName"
+			:actions="internalActions"
+			:position="panel.position"
+			v-show="states.active"
+			:visibility="states.active"
+			:insideForm="insideForm"
+		></pui-grid-actions-dialog>
+		<pui-grid-import-dialog
+			v-if="showPuiImportExportAction"
+			:modelName="modelName"
+			:importExportModelName="importExportModelName"
+		></pui-grid-import-dialog>
+		<pui-grid-export-dialog
+			v-if="showPuiImportExportAction"
+			:modelName="modelName"
+			:importExportModelName="importExportModelName"
+		></pui-grid-export-dialog>
+		<pui-docgen-template-matchings-dialog v-if="showPuiDocgenAction" :modelName="modelName"></pui-docgen-template-matchings-dialog>
+		<pui-docgen-template-parameters-dialog v-if="showPuiDocgenAction" :parentModelName="modelName"></pui-docgen-template-parameters-dialog>
+		<pui-audit-dialog :modelName="modelName"></pui-audit-dialog>
+	</div>
+</template>
+
+<script>
+import PuiActionsBtnMixin from '../../../../mixins/PuiActionsBtnMixin';
+import PuiGridActionsDialog from './PuiGridActionsDialog';
+import PuiGridImportDialog from './importexport/PuiGridImportDialog';
+import PuiGridExportDialog from './importexport/PuiGridExportDialog';
+import PuiDocgenTemplateMatchingsDialog from './docgen/PuiDocgenTemplateMatchingsDialog';
+import PuiDocgenTemplateParametersDialog from './docgen/PuiDocgenTemplateParametersDialog';
+import PuiAuditDialog from './audit/PuiAuditDialog';
+
+export default {
+	name: 'PuiGridActionsBtn',
+	mixins: [PuiActionsBtnMixin],
+	components: {
+		PuiGridActionsDialog,
+		PuiGridImportDialog,
+		PuiGridExportDialog,
+		PuiDocgenTemplateMatchingsDialog,
+		PuiDocgenTemplateParametersDialog,
+		PuiAuditDialog
+	}
+};
+</script>

package/src/components/desktop/toolbar/actions/PuiGridActionsDialog.vue

@@ -0,0 +1,66 @@
+<template>
+	<div class="pui-gridActionsDialog elevation-5" :class="{ 'pui-gridActionsDialog--insideForm': insideForm }" :ref="'dialog'" @click.stop>
+		<v-layout wrap class="mb-1">
+			<v-tabs centered grow v-model="tabActive" slider-color="primary" ref="tabs">
+				<v-tab href="#tab1" ref="tab1">{{ $t('puidatatables.all') }}</v-tab>
+				<v-tab href="#tab2" ref="tab2">{{ $t('puidatatables.favorites') }}</v-tab>
+
+				<v-tab-item value="tab1" class="mt-2">
+					<pui-text-field
+						id="searchFilter1"
+						class="ma-1 mr-2 ml-2"
+						:placeholder="getPlaceholder"
+						v-model="searchAll"
+						clearable
+						prepend-inner-icon="far fa-search"
+						noeditable
+						realtime
+					></pui-text-field>
+					<div class="pui-gridActionsDialog__list">
+						<pui-grid-action-list-item
+							v-for="action in filteredActionsAll"
+							:key="action.id"
+							:action="action"
+							:modelName="modelName"
+							:ref="`simple-${action.id}`"
+						></pui-grid-action-list-item>
+					</div>
+				</v-tab-item>
+				<v-tab-item value="tab2" class="mt-2">
+					<pui-text-field
+						id="searchFilter2"
+						class="ma-1 mr-2 ml-2"
+						:placeholder="getPlaceholder"
+						v-model="searchFav"
+						clearable
+						prepend-inner-icon="far fa-search"
+						noeditable
+						realtime
+					></pui-text-field>
+					<div class="pui-gridActionsDialog__list">
+						<pui-grid-action-list-item
+							v-for="action in filteredActionsFavorites"
+							:key="action.id"
+							:action="action"
+							:modelName="modelName"
+							:ref="`favorites-${action.id}`"
+						></pui-grid-action-list-item>
+					</div>
+				</v-tab-item>
+			</v-tabs>
+		</v-layout>
+	</div>
+</template>
+
+<script>
+import PuiActionsDialogMixin from '../../../../mixins/PuiActionsDialogMixin';
+import PuiGridActionListItem from './PuiGridActionListItem';
+
+export default {
+	name: 'PuiGridActionsDialog',
+	mixins: [PuiActionsDialogMixin],
+	components: {
+		PuiGridActionListItem
+	}
+};
+</script>

package/src/components/desktop/toolbar/actions/audit/PuiAuditDialog.vue

@@ -0,0 +1,92 @@
+<template>
+	<pui-modal-dialog
+		v-if="showDialog"
+		:overflow="false"
+		:titleText="$t('puiaudit.title')"
+		messageText
+		:okText="$t('form.close')"
+		:dialogName="dialogName"
+		:widthDialog="widthDialog"
+	>
+		<template slot="message">
+			<v-layout wrap>
+				<v-flex xs12>
+					<pui-quick-edition-datatable
+						modelName="puiaudit"
+						formPosition="right"
+						formComponentName="PuiAuditForm"
+						:formModelTemplate="formModelTemplate"
+						:disabled="true"
+						:quickEditionExternalFilter="externalFilter"
+						:modelColumnDefs="modelColumnDefs"
+					></pui-quick-edition-datatable>
+				</v-flex>
+			</v-layout>
+		</template>
+	</pui-modal-dialog>
+</template>
+
+<script>
+export default {
+	name: 'PuiAuditDialog',
+	data() {
+		return {
+			dialogName: 'puiaudit',
+			showDialog: false,
+			widthDialog: window.innerWidth - 50,
+			formModelTemplate: {
+				type: null,
+				content: null
+			},
+			modelColumnDefs: {
+				id: { visible: false },
+				datetime: { visible: true },
+				usr: { visible: true },
+				client: { visible: false },
+				ip: { visible: false },
+				type: { visible: true },
+				model: { visible: false },
+				pk: { visible: false },
+				content: { visible: false }
+			}
+		};
+	},
+	props: {
+		modelName: {
+			type: String,
+			required: true
+		}
+	},
+	computed: {
+		externalFilter() {
+			const filter = {
+				groupOp: 'and',
+				rules: [
+					{ field: 'model', op: 'eq', data: this.$store.state.puiaudit.tableName },
+					{ field: 'pk', op: 'eq', data: this.$store.state.puiaudit.tablePk }
+				],
+				groups: [
+					{
+						groupOp: 'or',
+						rules: [{ field: 'type', op: 'in', data: 'insert,update,delete' }]
+					}
+				]
+			};
+			return filter;
+		}
+	},
+	mounted() {
+		this.$puiEvents.$on(`pui-modalDialog-${this.dialogName}-show`, () => {
+			this.showDialog = true;
+		});
+		this.$puiEvents.$on(`pui-modalDialog-${this.dialogName}-ok`, () => {
+			this.$puiEvents.$emit(`onPui-action-running-ended-${this.modelName}`);
+			this.showDialog = false;
+		});
+	},
+	destroyed() {
+		this.$puiEvents.$off(`pui-modalDialog-${this.dialogName}-show`);
+		this.$puiEvents.$off(`pui-modalDialog-${this.dialogName}-ok`);
+	}
+};
+</script>

package/src/components/desktop/toolbar/actions/docgen/PuiDocgenTemplateMatchingsDialog.vue

@@ -0,0 +1,139 @@
+<template>
+	<pui-modal-dialog-form
+		:overflow="false"
+		:titleText="$t('puidocgentemplate.selectTemplate.title')"
+		:modelName="modelName"
+		:dialogName="dialogNamePuiDocgenTemplateMatching"
+		v-model="dialogData"
+		:widthDialog="800"
+		:showDialogProp="showDialogPuiDocgenTemplateMatching"
+		:onOk="onOkGetMatchingTemplates"
+	>
+		<template slot="message">
+			<v-layout wrap class="pui-form-layout">
+				<v-flex xs12>
+					<v-select
+						class="pr-2"
+						append-icon="fa fa-angle-down"
+						solo
+						flat
+						hide-details
+						required
+						:items="templates"
+						item-value="id"
+						item-text="name"
+						v-model="model.template"
+						return-object
+						@input="changeDescription"
+					></v-select>
+				</v-flex>
+				<v-flex xs12>
+					<v-text-field
+						class="pr-2 inputFilterText"
+						type="text"
+						solo
+						flat
+						outlined
+						hide-details
+						disabled
+						readonly
+						v-model="description"
+					></v-text-field>
+				</v-flex>
+			</v-layout>
+		</template>
+	</pui-modal-dialog-form>
+</template>
+
+<script>
+export default {
+	name: 'PuiDocgenTemplateMatchingsDialog',
+	data() {
+		return {
+			docgenTemplateModelName: 'puidocgentemplate',
+			model: {},
+			dialogData: {},
+			templates: [],
+			description: '',
+			dialogNamePuiDocgenTemplateMatching: 'puiDocgenTemplateMatching',
+			showDialogPuiDocgenTemplateMatching: false
+		};
+	},
+	props: {
+		modelName: {
+			type: String,
+			required: true
+		}
+	},
+	watch: {
+		dialogData: {
+			handler(newValue) {
+				if (newValue.isAction && newValue.model && (newValue.registries || newValue.parameters)) {
+					this.getMatchingTemplates(newValue);
+				}
+			},
+			deep: true
+		}
+	},
+	methods: {
+		getRules() {
+			return [(value) => !!value || 'Required'];
+		},
+		changeDescription() {
+			if (this.model.template.description) {
+				this.description = this.model.template.description;
+			} else {
+				this.description = '';
+			}
+		},
+		getMatchingTemplates(data) {
+			this.docgenTemplateModel = this.$store.getters.getModelByName(this.docgenTemplateModelName);
+			this.docgenTemplateRegistries = data.registries;
+			this.docgenTemplateParameters = data.parameters;
+
+			const params = { model: data.model.name };
+
+			this.$puiRequests.getRequest(
+				this.docgenTemplateModel.url.getMatchingTemplates,
+				params,
+				(response) => {
+					this.model.template = null;
+					for (let i = 0, templatesLength = response.data.length; i < templatesLength; i++) {
+						this.templates.push(response.data[i]);
+						if (i === 0) {
+							this.model.template = response.data[i];
+							this.changeDescription();
+						}
+					}
+
+					this.showDialogPuiDocgenTemplateMatching = true;
+				},
+				(error) => {
+					const title = this.$puiI18n.t('puiaction.notifyTitle') + ' > ' + this.$t('puiaction.docgen.getMatchingTemplates');
+					let message = this.$puiI18n.t('puiaction.notifyError');
+					if (error.response && error.response.data) {
+						message = error.response.data.message;
+					}
+					this.$puiEvents.$emit(`onPui-action-running-ended-${this.modelName}`);
+					this.$puiNotify.error(message, title);
+				}
+			);
+		},
+		onOkGetMatchingTemplates(modalData) {
+			modalData.isAction = false;
+			// end action and close current dialog
+			this.$puiEvents.$emit(`onPui-action-running-ended-${this.modelName}`);
+			this.showDialogPuiDocgenTemplateMatching = false;
+			// open template parameters dialog
+			const data = {
+				isAction: true,
+				model: this.docgenTemplateModel,
+				registry: this.model.template,
+				registries: this.docgenTemplateRegistries,
+				parameters: this.docgenTemplateParameters
+			};
+			this.$puiEvents.$emit(`pui-modalDialogForm-puiDocgenTemplateParameters-${this.docgenTemplateModelName}-show`, data);
+		}
+	}
+};
+</script>