add nova

2024-09-01 18:54:23 +05:00
parent 76d18365a5
commit 061f09eca1
1597 changed files with 109451 additions and 1 deletions
--- a/nova/resources/js/pages/Login.vue
+++ b/nova/resources/js/pages/Login.vue
@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <Head :title="__('Log In')" />
+
+    <form
+      @submit.prevent="attempt"
+      class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-[25rem] mx-auto"
+    >
+      <h2 class="text-2xl text-center font-normal mb-6">
+        {{ __('Welcome Back!') }}
+      </h2>
+
+      <DividerLine />
+
+      <div class="mb-6">
+        <label class="block mb-2" for="email">{{ __('Email Address') }}</label>
+        <input
+          v-model="form.email"
+          class="form-control form-input form-control-bordered w-full"
+          :class="{ 'form-control-bordered-error': form.errors.has('email') }"
+          id="email"
+          type="email"
+          name="email"
+          autofocus=""
+          required
+        />
+
+        <HelpText class="mt-2 text-red-500" v-if="form.errors.has('email')">
+          {{ form.errors.first('email') }}
+        </HelpText>
+      </div>
+
+      <div class="mb-6">
+        <label class="block mb-2" for="password">{{ __('Password') }}</label>
+        <input
+          v-model="form.password"
+          class="form-control form-input form-control-bordered w-full"
+          :class="{
+            'form-control-bordered-error': form.errors.has('password'),
+          }"
+          id="password"
+          type="password"
+          name="password"
+          required
+        />
+
+        <HelpText class="mt-2 text-red-500" v-if="form.errors.has('password')">
+          {{ form.errors.first('password') }}
+        </HelpText>
+      </div>
+
+      <div class="flex mb-6">
+        <Checkbox
+          @change="() => (form.remember = !form.remember)"
+          :model-value="form.remember"
+          dusk="remember-button"
+          :label="__('Remember me')"
+        />
+
+        <div
+          v-if="supportsPasswordReset || forgotPasswordPath !== false"
+          class="ml-auto"
+        >
+          <Link
+            v-if="forgotPasswordPath === false"
+            :href="$url('/password/reset')"
+            class="text-gray-500 font-bold no-underline"
+            v-text="__('Forgot your password?')"
+          />
+          <a
+            v-else
+            :href="forgotPasswordPath"
+            class="text-gray-500 font-bold no-underline"
+            v-text="__('Forgot your password?')"
+          />
+        </div>
+      </div>
+
+      <Button
+        class="w-full flex justify-center"
+        type="submit"
+        :loading="form.processing"
+      >
+        <span>
+          {{ __('Log In') }}
+        </span>
+      </Button>
+    </form>
+  </div>
+</template>
+
+<script>
+import Auth from '@/layouts/Auth'
+import { Button, Checkbox } from 'laravel-nova-ui'
+
+export default {
+  name: 'LoginPage',
+
+  layout: Auth,
+
+  components: {
+    Checkbox,
+    Button,
+  },
+
+  data: () => ({
+    form: Nova.form({
+      email: '',
+      password: '',
+      remember: false,
+    }),
+  }),
+
+  methods: {
+    async attempt() {
+      try {
+        const { redirect } = await this.form.post(Nova.url('/login'))
+
+        let path = { url: Nova.url('/'), remote: true }
+
+        if (redirect !== undefined && redirect !== null) {
+          path = { url: redirect, remote: true }
+        }
+
+        Nova.visit(path)
+      } catch (error) {
+        if (error.response?.status === 500) {
+          Nova.error(this.__('There was a problem submitting the form.'))
+        }
+      }
+    },
+  },
+
+  computed: {
+    supportsPasswordReset() {
+      return Nova.config('withPasswordReset')
+    },
+
+    forgotPasswordPath() {
+      return Nova.config('forgotPasswordPath')
+    },
+  },
+}
+</script>