Refactor code and comment out unused imports and code blocks

This commit is contained in:
Andras Bacsai 2024-04-03 14:32:23 +02:00
parent 96a0f29f19
commit f33fdb3bfd
4 changed files with 44 additions and 45 deletions

View File

@ -1,6 +1,6 @@
import { createApp } from "vue"; // import { createApp } from "vue";
import MagicBar from "./components/MagicBar.vue"; // import MagicBar from "./components/MagicBar.vue";
const app = createApp({}); // const app = createApp({});
app.component("magic-bar", MagicBar); // app.component("magic-bar", MagicBar);
app.mount("#vue"); // app.mount("#vue");

View File

@ -1,42 +1,40 @@
<x-layout-simple> <x-layout-simple>
<div class="flex items-center justify-center h-screen"> <section class="bg-gray-50 dark:bg-base" x-data="{ showRecovery: false }">
<div> <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
<div class="flex flex-col items-center pb-8"> <a class="flex items-center mb-6 text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white">
<div class="text-5xl font-bold tracking-tight text-center dark:text-white">Coolify</div> Coolify
{{-- <x-version /> --}} </a>
</div> <div class="w-full bg-white shadow md:mt-0 sm:max-w-md xl:p-0 dark:bg-base ">
<div class="w-96"> <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
<form action="/two-factor-challenge" method="POST" class="flex flex-col gap-2"> <form action="/two-factor-challenge" method="POST" class="flex flex-col gap-2">
@csrf @csrf
<div> <div>
<x-forms.input autofocus type="number" name="code" label="{{ __('input.code') }}" autofocus /> <x-forms.input type="number" name="code" label="{{ __('input.code') }}" autofocus />
{{-- <div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white" <div x-show="!showRecovery"
x-on:click="showRecovery = !showRecovery">Use class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
Recovery Code x-on:click="showRecovery = !showRecovery">Enter
</div> --}} Recovery Code
</div> </div>
<div> </div>
<x-forms.input name="recovery_code" label="{{ __('input.recovery_code') }}" /> <div x-show="showRecovery" x-cloak>
{{-- <div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white" <x-forms.input name="recovery_code" label="{{ __('input.recovery_code') }}" />
x-on:click="showRecovery = !showRecovery">Use </div>
One-Time Code <x-forms.button type="submit">{{ __('auth.login') }}</x-forms.button>
</div> --}} </form>
</div> @if ($errors->any())
<x-forms.button type="submit">{{ __('auth.login') }}</x-forms.button> <div class="text-xs text-center text-error">
</form> @foreach ($errors->all() as $error)
@if ($errors->any()) <p>{{ $error }}</p>
<div class="text-xs text-center text-error"> @endforeach
@foreach ($errors->all() as $error) </div>
<p>{{ $error }}</p> @endif
@endforeach @if (session('status'))
</div> <div class="mb-4 font-medium text-green-600">
@endif {{ session('status') }}
@if (session('status')) </div>
<div class="mb-4 font-medium text-green-600"> @endif
{{ session('status') }} </div>
</div>
@endif
</div> </div>
</div> </div>
</div> </section>
</x-layout-simple> </x-layout-simple>

View File

@ -1,5 +1,6 @@
@extends('layouts.base') @extends('layouts.base')
@section('body') @section('body')
@livewireScripts
<main class="h-full bg-gray-50 dark:bg-base"> <main class="h-full bg-gray-50 dark:bg-base">
{{ $slot }} {{ $slot }}
</main> </main>

View File

@ -19,8 +19,8 @@
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<x-forms.input id="current_password" label="Current Password" required type="password" /> <x-forms.input id="current_password" label="Current Password" required type="password" />
<div class="flex gap-2"> <div class="flex gap-2">
<x-forms.input id="new_password" label="New Password" required type="password" /> <x-forms.input id="new_password" label="New Password" required type="password" />
<x-forms.input id="new_password_confirmation" label="New Password Again" required type="password" /> <x-forms.input id="new_password_confirmation" label="New Password Again" required type="password" />
</div> </div>
</div> </div>
</form> </form>