From 8190978bb7f7df39e394499d96d9debbb4a914fd Mon Sep 17 00:00:00 2001
From: Waiter Zen <waiter.james1991@gmail.com>
Date: Mon, 14 Mar 2022 20:53:57 +0800
Subject: [PATCH] [alerts][reports][hooks] add app selector options permission
 based.

---
 .../alerts/frontend/public/templates/vue-main.html   |  1 +
 .../frontend/public/javascripts/countly.views.js     | 12 ++++++++++--
 .../hooks/frontend/public/templates/vue-drawer.html  |  2 +-
 .../reports/frontend/public/templates/vue-main.html  |  1 +
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/plugins/alerts/frontend/public/templates/vue-main.html b/plugins/alerts/frontend/public/templates/vue-main.html
index 948b74a2afb..15cceb8bf53 100644
--- a/plugins/alerts/frontend/public/templates/vue-main.html
+++ b/plugins/alerts/frontend/public/templates/vue-main.html
@@ -147,6 +147,7 @@ <h2> {{i18n('alert.plugin-title')}}
 
             <cly-form-field name="apps" :label="i18n('alert.For_Applications')" rules="required">
                 <cly-app-select 
+                        :auth='{"feature": "alerts", "permission":  drawerScope.editedObject._id ? "u": "c"}'
                         class="bu-is-flex"
                         @change="onAppChange"
                         v-model="drawerScope.editedObject.selectedApps"
diff --git a/plugins/hooks/frontend/public/javascripts/countly.views.js b/plugins/hooks/frontend/public/javascripts/countly.views.js
index 4d24e0383f2..24f0dfe82a3 100644
--- a/plugins/hooks/frontend/public/javascripts/countly.views.js
+++ b/plugins/hooks/frontend/public/javascripts/countly.views.js
@@ -1,5 +1,5 @@
 /*global
-   CV, _,  countlyVue, Uint8Array, $, countlyCommon, jQuery,countlyGlobal, app, hooksPlugin, moment, CountlyHelpers,  countlyEvent
+   CV, _,  countlyVue, Uint8Array, $, countlyCommon, jQuery,countlyGlobal, app, hooksPlugin, moment, CountlyHelpers,  countlyEvent, countlyAuth
  */
 (function() {
     var FEATURE_NAME = "hooks";
@@ -630,14 +630,22 @@
 
         data: function() {
             var appsSelectorOption = [];
+            var appsSelectorOption2 = [];
             for (var id in countlyGlobal.apps) {
-                appsSelectorOption.push({label: countlyGlobal.apps[id].name, value: id, image: "background-image:url(" + countlyGlobal.apps[id].image + ")"});
+                var item = {label: countlyGlobal.apps[id].name, value: id, image: "background-image:url(" + countlyGlobal.apps[id].image + ")"};
+                if (countlyAuth.validateCreate(FEATURE_NAME, countlyGlobal.member, id)) {
+                    appsSelectorOption.push(item);
+                }
+                if (countlyAuth.validateUpdate(FEATURE_NAME, countlyGlobal.member, id)) {
+                    appsSelectorOption2.push(item);
+                }
             }
 
             return {
                 title: "",
                 saveButtonLabel: "",
                 appsSelectorOption: appsSelectorOption,
+                appsSelectorOption2: appsSelectorOption2,
                 testClaps: [],
                 newTest: false,
                 description: "",
diff --git a/plugins/hooks/frontend/public/templates/vue-drawer.html b/plugins/hooks/frontend/public/templates/vue-drawer.html
index d1d4ec80b3d..3f841def44e 100644
--- a/plugins/hooks/frontend/public/templates/vue-drawer.html
+++ b/plugins/hooks/frontend/public/templates/vue-drawer.html
@@ -38,7 +38,7 @@
                         v-for="(app, index) in drawerScope.editedObject.apps"
                         :key="index"
                         class="cly-vue-hook-drawer__is-full-line"
-                        :options="appsSelectorOption">
+                        :options="drawerScope.editedObject._id ? appsSelectorOption2 : appsSelectorOption">
                         <template v-slot:option-prefix="option">
                             <div class="hook-app-selector-image" :style="option.image">
                             </div>
diff --git a/plugins/reports/frontend/public/templates/vue-main.html b/plugins/reports/frontend/public/templates/vue-main.html
index cab92301765..5343643d129 100644
--- a/plugins/reports/frontend/public/templates/vue-main.html
+++ b/plugins/reports/frontend/public/templates/vue-main.html
@@ -157,6 +157,7 @@ <h2> {{i18n('reports.title')}}
 
         <cly-form-field name="apps" :label="i18n('reports.select-apps')" rules="required" v-if="showApps">
             <cly-app-select 
+                :auth='{"feature": "reports", "permission":  drawerScope.editedObject._id ? "u": "c"}'
                 class="bu-is-flex"
                 :placeholder="i18n('reports.Select_apps')"
                 v-on:change="appsChange"