Initial commit

2026-06-24 23:47:55 -07:00
commit d134b480a0
297 changed files with 30726 additions and 0 deletions
@@ -0,0 +1,115 @@
+<template>
+  <div class="pa-3">
+    <v-row class="h-100vh auth">
+      <v-col
+        cols="12"
+        lg="5"
+        xl="4"
+        class="d-flex align-center justify-center bg-surface"
+      >
+        <div class="mt-xl-0 mt-5 mw-100 text-center">
+          <div
+            class="px-8"
+            style="max-width: 500px"
+          >
+            <img
+              class="d-inline-block d-lg-none"
+              src="@/assets/app_logo_small.png"
+              style="height: 66px; transform: rotate(-12deg)"
+            />
+            <h2
+              class="text-h1 textPrimary font-weight-semibold mb-0"
+              style="font-size: 2.5rem !important"
+            >
+              ALPHANE
+            </h2>
+            <div
+              class="card-subtitle mb-6"
+              style="font-size: 1.2rem"
+            >
+              Helicopter Maintenance Tracking Platform
+            </div>
+            <p>
+              This application is will streamline maintenance control decision making and unlock
+              operational constraints.
+            </p>
+            <h6 class="text-h6 text-medium-emphasis d-flex align-center mt-6 font-weight-medium">
+              <v-btn
+                block
+                color="primary"
+                @click="doLogin"
+                >Sign in</v-btn
+              >
+            </h6>
+
+            <div class="my-6 text-medium-emphasis">
+              If you don't have an account, create one to get started using ROTYR. It's free to sign
+              up and only takes a few seconds.
+            </div>
+
+            <!-- <v-btn
+              block
+              variant="outlined"
+              color="primary"
+              class="mt-3"
+              :to="{ name: 'SignUpPage' }"
+              text="Sign Up"
+            /> -->
+            <div
+              v-if="isAuthenticated"
+              class="mt-5 text-center"
+            >
+              <v-btn
+                color="warning"
+                variant="text"
+                @click="logoutWrapper"
+                >Sign out</v-btn
+              >
+            </div>
+          </div>
+        </div>
+      </v-col>
+      <v-col
+        cols="12"
+        lg="7"
+        xl="8"
+        class="d-none d-lg-flex align-center justify-center authentication position-relative"
+      >
+        <div class="text-center">
+          <img
+            src="@/assets/app_logo_splash.png"
+            class="position-relative"
+            style="opacity: 0.15; width: 80%"
+          />
+        </div>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted } from "vue"
+import { useAuth0 } from "@auth0/auth0-vue"
+
+import useCurrentUser from "@/use/use-current-user"
+
+const { reset: resetCurrentUser } = useCurrentUser()
+const { isAuthenticated, loginWithRedirect, logout } = useAuth0()
+
+onMounted(() => {
+  resetCurrentUser()
+})
+
+function doLogin() {
+  loginWithRedirect({
+    appState: { target: "/dashboard" },
+  })
+}
+async function logoutWrapper() {
+  await logout({
+    logoutParams: {
+      returnTo: window.location.origin,
+    },
+  })
+}
+</script>