From 5c861df64c31668dbab032ffd28b48d11de4df28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcell=20F=C3=9CL=C3=96P?= <marekful@domainloop.net>
Date: Mon, 20 Feb 2023 11:02:58 +0000
Subject: [PATCH] fix: render different form on login page

---
 frontend/src/i18n/en.json    |  1 +
 frontend/src/views/Login.vue | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 180c15a9..0d0917b6 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -110,6 +110,7 @@
   "login": {
     "createAnAccount": "Create an account",
     "loginInstead": "Already have an account",
+    "oidc": "Loin with OAuth",
     "password": "Password",
     "passwordConfirm": "Password Confirmation",
     "passwordsDontMatch": "Passwords don't match",
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index 51e5d1cb..862c14f5 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="login" :class="{ recaptcha: recaptcha }">
+  <div id="login" :class="{ recaptcha: recaptcha }" v-if="authMethodJSON">
     <form @submit="submit">
       <img :src="logoURL" alt="File Browser" />
       <h1>{{ name }}</h1>
@@ -41,11 +41,24 @@
       </p>
     </form>
   </div>
+  <div id="login" v-else-if="authMethodOIDC">
+    <form @submit="submit">
+      <img :src="logoURL" alt="File Browser" />
+      <h1>{{ name }}</h1>
+      <div v-if="error !== ''" class="wrong">{{ error }}</div>
+      <input
+          class="button button--block"
+          type="submit"
+          :value="$t('login.oidc')"
+      />
+    </form>
+  </div>
 </template>
 
 <script>
 import * as auth from "@/utils/auth";
 import {
+  authMethod,
   name,
   logoURL,
   recaptcha,
@@ -59,6 +72,8 @@ export default {
     signup: () => signup,
     name: () => name,
     logoURL: () => logoURL,
+    authMethodJSON: () => authMethod === "json",
+    authMethodOIDC: () => authMethod === "oidc",
   },
   data: function () {
     return {
@@ -87,6 +102,10 @@ export default {
       event.preventDefault();
       event.stopPropagation();
 
+      if (authMethod === 'oidc') {
+        return document.location.reload();
+      }
+
       let redirect = this.$route.query.redirect;
       if (redirect === "" || redirect === undefined || redirect === null) {
         redirect = "/files/";