From 8aab8406339165ab222b4df78683686f4ab0ea19 Mon Sep 17 00:00:00 2001
From: sadnub <josh@torchlake.com>
Date: Tue, 22 Oct 2024 12:14:32 -0400
Subject: [PATCH] change secret field to password and allow toggling visibility

---
 src/ee/sso/components/SSOProvidersForm.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/ee/sso/components/SSOProvidersForm.vue b/src/ee/sso/components/SSOProvidersForm.vue
index 9a0e77fa..050c903d 100644
--- a/src/ee/sso/components/SSOProvidersForm.vue
+++ b/src/ee/sso/components/SSOProvidersForm.vue
@@ -52,12 +52,22 @@ For details, see: https://license.tacticalrmm.com/ee
       <!-- secret -->
       <q-card-section>
         <q-input
+          v-model="localProvider.secret"
+          filled
+          :type="hideSecret ? 'password' : 'text'"
           label="Secret"
           outlined
           dense
-          v-model="localProvider.secret"
           :rules="[(val) => !!val || '*Required']"
-        />
+        >
+          <template v-slot:append>
+            <q-icon
+              :name="hideSecret ? 'visibility_off' : 'visibility'"
+              class="cursor-pointer"
+              @click="hideSecret = !hideSecret"
+            />
+          </template>
+        </q-input>
       </q-card-section>
 
       <q-card-section>
@@ -113,6 +123,7 @@ const loading = ref(false);
 
 const { roleOptions } = useRoleDropdown({ onMount: true });
 
+const hideSecret = ref(true);
 const localProvider: SSOProvider = props.provider
   ? reactive(extend({}, props.provider))
   : reactive({