You've already forked Atomcms-edit
Initial commit
This commit is contained in:
root
+162
@@ -0,0 +1,162 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>{{ setting('hotel_name') }} - {{ __('Maintenance') }}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/flowbite@1.5.1/dist/flowbite.min.css"/>
|
||||
<script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js"></script>
|
||||
|
||||
@vite(['resources/themes/' . setting('theme') . '/css/app.css', 'resources/themes/' . setting('theme') . '/js/app.js'], 'build')
|
||||
</head>
|
||||
|
||||
<body class="h-screen overflow-hidden relative bg-[#233143]">
|
||||
<x-messages.flash-messages/>
|
||||
|
||||
<div class="w-full h-full flex">
|
||||
<div class="bg-[#111827] w-96 h-full py-10 hidden lg:flex lg:flex-col items-center gap-10 relative px-6">
|
||||
<div>
|
||||
<img src="{{ setting('cms_logo') }}" alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2 w-full relative z-10">
|
||||
@foreach($tasks as $task)
|
||||
<div
|
||||
class="relative h-[80px] w-full overflow-hidden bg-[#233143] py-2 pr-2 transition duration-150 ease-in-out hover:scale-[101%] text-gray-100">
|
||||
<div class="flex h-full w-full items-center gap-x-6">
|
||||
<div>
|
||||
@if($task->user)
|
||||
<img
|
||||
class="drop-shadow-thin -mb-8 transition duration-300 ease-in-out"
|
||||
style="image-rendering: auto"
|
||||
src="{{ setting('avatar_imager') }}{{ $task->user->look }}&direction=3&head_direction=3&gesture=sml&action=wav&frame=0"
|
||||
alt=""/>
|
||||
@else
|
||||
<div class="w-16 h-16 bg-gray-600 rounded-full flex items-center justify-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
||||
</svg>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="flex h-full w-2/3 items-center break-words">
|
||||
{{ $task->task }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute bottom-2 right-2 flex justify-between w-full">
|
||||
<small class="pl-24">{{ __('By: :user', ['user' => $task->user?->username]) }}</small>
|
||||
@if(auth()->check() && auth()->user()->rank >= setting('min_staff_rank'))
|
||||
<div onclick="event.stopPropagation()">
|
||||
@livewire(\App\Livewire\MaintenanceTaskStatus::class, ['taskId' => $task->id, 'completed' => $task->completed])
|
||||
</div>
|
||||
@else
|
||||
@if($task->completed)
|
||||
<small class="flex gap-1 items-center">
|
||||
{{ __('Status:') }}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-green-400">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
</small>
|
||||
@else
|
||||
<small class="flex gap-1 items-center">
|
||||
{{ __('Status:') }}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</small>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
{{ $tasks->links() }}
|
||||
</div>
|
||||
|
||||
<div class="absolute bottom-0 right-0 hidden lg:block z-0">
|
||||
<img src="/assets/images/maintenance/fireman.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-4 lg:px-14 text-gray-100 h-full flex flex-col justify-center relative z-10">
|
||||
|
||||
<h2 class="text-4xl lg:text-5xl font-bold uppercase">{{ __('Maintenance break!') }}</h2>
|
||||
|
||||
@php
|
||||
$scheduledAt = setting('maintenance_scheduled_at');
|
||||
$duration = (int) setting('maintenance_duration_minutes', 30);
|
||||
$endTime = $scheduledAt ? \Carbon\Carbon::parse($scheduledAt)->addMinutes($duration) : null;
|
||||
$isScheduled = $endTime && $endTime->isFuture();
|
||||
@endphp
|
||||
|
||||
@if($isScheduled)
|
||||
<div class="mt-6 p-4 bg-amber-600/20 border border-amber-500/30 rounded-lg">
|
||||
<p class="text-amber-300 text-sm uppercase tracking-wider mb-2">{{ __('Estimated completion') }}</p>
|
||||
<div id="countdown" class="text-3xl font-mono font-bold text-amber-400" data-end="{{ $endTime->timestamp }}">
|
||||
--:--:--
|
||||
</div>
|
||||
<p class="text-amber-300/70 text-xs mt-1">{{ $endTime->format('M d, Y H:i') }}</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function updateCountdown() {
|
||||
const countdownEl = document.getElementById('countdown');
|
||||
if (!countdownEl) return;
|
||||
|
||||
const endTime = parseInt(countdownEl.dataset.end) * 1000;
|
||||
const now = Date.now();
|
||||
const diff = endTime - now;
|
||||
|
||||
if (diff <= 0) {
|
||||
countdownEl.textContent = '00:00:00';
|
||||
return;
|
||||
}
|
||||
|
||||
const hours = Math.floor(diff / (1000 * 60 * 60));
|
||||
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
|
||||
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
|
||||
|
||||
countdownEl.textContent =
|
||||
String(hours).padStart(2, '0') + ':' +
|
||||
String(minutes).padStart(2, '0') + ':' +
|
||||
String(seconds).padStart(2, '0');
|
||||
}
|
||||
|
||||
updateCountdown();
|
||||
setInterval(updateCountdown, 1000);
|
||||
</script>
|
||||
@endif
|
||||
|
||||
<article class="mt-4 text-lg lg:text-xl max-w-[600px] text-wrap">
|
||||
<p>{!! setting('maintenance_message') !!}</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img class="absolute bottom-0 right-0 opacity-60 hidden lg:block z-0" src="/assets/images/maintenance/hotelview.png" alt="">
|
||||
|
||||
@guest
|
||||
<div class="absolute top-6 right-6 z-50">
|
||||
<x-modals.modal-wrapper>
|
||||
<button @click="open = !open"
|
||||
class="rounded-full bg-white/70 px-4 py-2 font-semibold text-black transition duration-200 ease-in-out hover:bg-white">
|
||||
{{ __('Staff login') }}
|
||||
</button>
|
||||
|
||||
<x-modals.regular-modal x-model="show {{ session()->get('wrong-auth') }}">
|
||||
<x-auth.login-form/>
|
||||
</x-modals.regular-modal>
|
||||
</x-modals.modal-wrapper>
|
||||
</div>
|
||||
@endguest
|
||||
</body>
|
||||
|
||||
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user