From c45644d1c135f0b997770d44ccfa0e8e18a1dc8e Mon Sep 17 00:00:00 2001 From: Teisha McRae Date: Mon, 26 Aug 2024 16:54:22 -0400 Subject: [PATCH 1/4] Add Templates button to options menu --- resources/js/processes/screen-builder/screen.vue | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/resources/js/processes/screen-builder/screen.vue b/resources/js/processes/screen-builder/screen.vue index 11d6a96274..2c34d6a2da 100644 --- a/resources/js/processes/screen-builder/screen.vue +++ b/resources/js/processes/screen-builder/screen.vue @@ -475,6 +475,15 @@ export default { icon: "fas fa-redo", action: "redoAction()", }, + { + id: "button_templates", + type: "button", + title: this.$t("Screen Templates"), + name: this.$t("Templates"), + variant: "link", + icon: "fas fa-palette", + action: "openTemplatesPanel()", + }, { id: "button_calcs", type: "button", @@ -1017,6 +1026,9 @@ export default { redoAction() { this.$refs.builder.redo(); }, + openTemplatesPanel() { + console.log('HIT OPEN TEMPLATE PANEL'); + }, openComputedProperties() { this.$refs.computedProperties.show(); }, From 4a823b3d07bcda7b55b707d9cad7e2c37288b9f3 Mon Sep 17 00:00:00 2001 From: Teisha McRae Date: Tue, 27 Aug 2024 18:04:38 -0400 Subject: [PATCH 2/4] Add functionality for Screen Templates Panel in screen builder --- resources/js/processes/screen-builder/screen.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/resources/js/processes/screen-builder/screen.vue b/resources/js/processes/screen-builder/screen.vue index 2c34d6a2da..84a40f87aa 100644 --- a/resources/js/processes/screen-builder/screen.vue +++ b/resources/js/processes/screen-builder/screen.vue @@ -29,7 +29,9 @@ :screen="screen" :render-controls="displayBuilder" :process-id="processId" + :show-templates-panel="showTemplatesPanel" @change="updateConfig" + @close-templates-panel="closeTemplatesPanel" > @@ -603,6 +605,7 @@ export default { ], }, iframeHeight: "600px", + showTemplatesPanel: false, }; }, computed: { @@ -1028,6 +1031,11 @@ export default { }, openTemplatesPanel() { console.log('HIT OPEN TEMPLATE PANEL'); + this.showTemplatesPanel = true; + }, + closeTemplatesPanel() { + console.log('HIT CLOSE TEMPLATE PANEL'); + this.showTemplatesPanel = false; }, openComputedProperties() { this.$refs.computedProperties.show(); From 917fd223adcc7210c63edb8ec85e71e046c3ed93 Mon Sep 17 00:00:00 2001 From: Teisha McRae Date: Wed, 28 Aug 2024 16:22:36 -0400 Subject: [PATCH 3/4] Add functionality for fetching myTemplates and sharedTemplates --- .../js/processes/screen-builder/screen.vue | 34 +++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/resources/js/processes/screen-builder/screen.vue b/resources/js/processes/screen-builder/screen.vue index 84a40f87aa..1b90848425 100644 --- a/resources/js/processes/screen-builder/screen.vue +++ b/resources/js/processes/screen-builder/screen.vue @@ -30,8 +30,11 @@ :render-controls="displayBuilder" :process-id="processId" :show-templates-panel="showTemplatesPanel" + :my-templates-data="myTemplatesData" + :shared-templates-data="sharedTemplatesData" @change="updateConfig" @close-templates-panel="closeTemplatesPanel" + @show-shared-templates="fetchSharedTemplates" > @@ -606,6 +609,8 @@ export default { }, iframeHeight: "600px", showTemplatesPanel: false, + myTemplatesData: null, + sharedTemplatesData: null, }; }, computed: { @@ -1030,6 +1035,8 @@ export default { this.$refs.builder.redo(); }, openTemplatesPanel() { + //Filter to retrieve my templates. When select shared templates, refetch. + this.fetchMyTemplates(); console.log('HIT OPEN TEMPLATE PANEL'); this.showTemplatesPanel = true; }, @@ -1037,6 +1044,33 @@ export default { console.log('HIT CLOSE TEMPLATE PANEL'); this.showTemplatesPanel = false; }, + fetchMyTemplates() { + ProcessMaker.apiClient + .get( + "templates/screen?is_public=0", + ) + .then((response) => { + this.myTemplatesData = response.data.data; + console.log('myTemplatesData RETRIEVED', this.myTemplatesData); + }) + .catch((error) => { + console.error(error); + }); + }, + fetchSharedTemplates() { + ProcessMaker.apiClient + .get( + "templates/screen?is_public=1", + ) + .then((response) => { + this.sharedTemplatesData = response.data.data; + console.log('sharedTemplatesData RETRIEVED', this.sharedTemplatesData); + this.$emit('shared-templates-loaded'); + }) + .catch((error) => { + console.error(error); + }); + }, openComputedProperties() { this.$refs.computedProperties.show(); }, From e9f5e9c5f3e7c1dea765857d268f32bbb1423b6c Mon Sep 17 00:00:00 2001 From: Sanja Date: Thu, 5 Sep 2024 10:16:53 -0700 Subject: [PATCH 4/4] Remove console logs test --- resources/js/processes/screen-builder/screen.vue | 4 ---- 1 file changed, 4 deletions(-) diff --git a/resources/js/processes/screen-builder/screen.vue b/resources/js/processes/screen-builder/screen.vue index 1b90848425..ede1b2d734 100644 --- a/resources/js/processes/screen-builder/screen.vue +++ b/resources/js/processes/screen-builder/screen.vue @@ -1037,11 +1037,9 @@ export default { openTemplatesPanel() { //Filter to retrieve my templates. When select shared templates, refetch. this.fetchMyTemplates(); - console.log('HIT OPEN TEMPLATE PANEL'); this.showTemplatesPanel = true; }, closeTemplatesPanel() { - console.log('HIT CLOSE TEMPLATE PANEL'); this.showTemplatesPanel = false; }, fetchMyTemplates() { @@ -1051,7 +1049,6 @@ export default { ) .then((response) => { this.myTemplatesData = response.data.data; - console.log('myTemplatesData RETRIEVED', this.myTemplatesData); }) .catch((error) => { console.error(error); @@ -1064,7 +1061,6 @@ export default { ) .then((response) => { this.sharedTemplatesData = response.data.data; - console.log('sharedTemplatesData RETRIEVED', this.sharedTemplatesData); this.$emit('shared-templates-loaded'); }) .catch((error) => {