From c3dcf5d3d7f8a27290149b5bae644f6fc09cae17 Mon Sep 17 00:00:00 2001
From: f-w <fred.wen@gov.bc.ca>
Date: Mon, 15 Feb 2021 13:21:27 -0800
Subject: [PATCH] hide oidc login for super-admin

---
 client/src/components/login.vue | 149 ++++++++++++++++----------------
 1 file changed, 74 insertions(+), 75 deletions(-)

diff --git a/client/src/components/login.vue b/client/src/components/login.vue
index 1564d9116..a3a31d067 100644
--- a/client/src/components/login.vue
+++ b/client/src/components/login.vue
@@ -23,77 +23,81 @@
         <span>You are super-admin</span>
       </v-tooltip>
     </div>
-    <template v-if="!oidcUserManager">
-      <template v-if="$store.state.authnStrategy === 'accessToken'">
-        <div class="mr-1">Access Token</div>
-        <v-text-field
-          dark
-          single-line
-          hide-details
-          :value="accessToken"
-          @change="v => (accessToken = v)"
-        ></v-text-field>
-      </template>
-      <v-dialog
-        v-model="dialog"
-        max-width="500px"
-        v-if="$store.state.authnStrategy === 'anonymous'"
-      >
-        <template v-slot:activator="{on}">
-          <v-btn plain v-on="on"> Login<v-icon>login</v-icon> </v-btn>
-        </template>
-        <v-card>
-          <v-card-title>
-            <span class="headline">Login</span>
-          </v-card-title>
-          <v-card-text>
-            <v-container>
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    v-model="email"
-                    label="email"
-                    required
-                  ></v-text-field>
-                </v-col>
-                <v-col cols="12">
-                  <v-text-field
-                    v-model="password"
-                    :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-                    @click:append="showPassword = !showPassword"
-                    :type="showPassword ? 'text' : 'password'"
-                    label="password"
-                    counter
-                    required
-                  ></v-text-field>
-                </v-col>
-                <v-col cols="12" v-if="loginError">
-                  <v-alert color="red" dense type="error">
-                    {{ loginError }}
-                  </v-alert>
-                </v-col>
-              </v-row>
-            </v-container>
-          </v-card-text>
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn color="primary" text @click="login">
-              Submit
-            </v-btn>
-            <v-btn color="error" text @click="dialog = false">
-              Cancel
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </template>
     <template v-else>
-      <v-btn plain @click="oidclogin" v-if="showOidcLogin">
-        Login<v-icon>login</v-icon>
-      </v-btn>
+      <template v-if="!oidcUserManager">
+        <template v-if="$store.state.authnStrategy === 'accessToken'">
+          <div class="mr-1">Access Token</div>
+          <v-text-field
+            dark
+            single-line
+            hide-details
+            :value="accessToken"
+            @change="v => (accessToken = v)"
+          ></v-text-field>
+        </template>
+        <v-dialog
+          v-model="dialog"
+          max-width="500px"
+          v-if="$store.state.authnStrategy === 'anonymous'"
+        >
+          <template v-slot:activator="{on}">
+            <v-btn plain v-on="on"> Login<v-icon>login</v-icon> </v-btn>
+          </template>
+          <v-card>
+            <v-card-title>
+              <span class="headline">Login</span>
+            </v-card-title>
+            <v-card-text>
+              <v-container>
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="email"
+                      label="email"
+                      required
+                    ></v-text-field>
+                  </v-col>
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="password"
+                      :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                      @click:append="showPassword = !showPassword"
+                      :type="showPassword ? 'text' : 'password'"
+                      label="password"
+                      counter
+                      required
+                    ></v-text-field>
+                  </v-col>
+                  <v-col cols="12" v-if="loginError">
+                    <v-alert color="red" dense type="error">
+                      {{ loginError }}
+                    </v-alert>
+                  </v-col>
+                </v-row>
+              </v-container>
+            </v-card-text>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn color="primary" text @click="login">
+                Submit
+              </v-btn>
+              <v-btn color="error" text @click="dialog = false">
+                Cancel
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </v-dialog>
+      </template>
       <template v-else>
-        <div>{{ oidcUser.profile.name }}</div>
-        <v-btn plain @click="oidcLogout"> Logout<v-icon>logout</v-icon> </v-btn>
+        <v-btn plain @click="oidclogin" v-if="!oidcUser">
+          Login<v-icon>login</v-icon>
+        </v-btn>
+        <template v-else>
+          <div>{{ oidcUser.profile.name }}</div>
+          <v-btn plain @click="oidcLogout">
+            Logout<v-icon>logout</v-icon>
+          </v-btn>
+        </template>
       </template>
     </template>
   </v-toolbar-items>
@@ -116,11 +120,6 @@ export default {
     };
   },
   computed: {
-    showOidcLogin: {
-      get() {
-        return window.oidcAuthority && !this.oidcUser ? true : false;
-      },
-    },
     accessToken: {
       get() {
         return this.$store.state.accessToken;
@@ -154,7 +153,7 @@ export default {
         this.$router.push(this.$router.currentRoute.path);
         this.$router.go(this.$router.currentRoute);
       } catch (ex) {
-        console.log(ex);
+        true;
       }
     }
   },