Factoring template header and footer

This commit is contained in:
Axel 2023-05-21 18:16:02 +02:00
parent 5a003c316a
commit 9f05df5951
Signed by: axel
GPG key ID: 73C0A5961B6BC740
8 changed files with 83 additions and 125 deletions

View file

@ -1,18 +1,7 @@
@extends('layout')
@section('content')
<div>
<div class="relative bg-white border border-primary rounded-lg overflow-hidden">
<div class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 text-center">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="grow text-center">{{ config('app.name') }}</div>
</h1>
</div>
<div class="my-10 text-center text-base font-title uppercase text-primary">
@lang('app.cannot-upload-blocked-ip')
</div>
</div>
</div>
@endsection

View file

@ -72,14 +72,6 @@
@section('content')
<div x-data="download">
<div class="relative bg-white border border-primary rounded-lg overflow-hidden">
<div class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 mb-3 text-center">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="w-1/12 text-center">&nbsp;</div>
<div class="grow text-center">{{ config('app.name') }}</div>
</h1>
</div>
<div class="p-5">
<h2 class="font-title text-2xl mb-5 text-primary font-medium uppercase">
@ -147,5 +139,4 @@
</div>
</div>
</div>
</div>
@endsection

View file

@ -1 +1,11 @@
<footer></footer>
<footer class="relative mt-5 h-6">
<div class="absolute right-0 top-0 text-[.6rem] text-slate-100 text-right px-2 py-1 italic bg-primary rounded-tl-lg">
Made with
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="text-primary-light fill-primary-superlight inline w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
</svg>
by
<a class="text-white" href="https://github.com/axeloz" target="_blank">axeloz</a>
</div>
</footer>

View file

@ -1 +1,7 @@
<header></header>
<header class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 text-center">
<a href="/">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="grow text-center">{{ config('app.name') }}</div>
</h1>
</a>
</header>

View file

@ -106,12 +106,6 @@
@section('content')
<div x-data="bundle">
<div class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 text-center">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="grow text-center">{{ config('app.name') }}</div>
</h1>
</div>
<div class="p-5">
<h2 class="font-title text-2xl mb-5 text-primary font-medium uppercase flex items-center">
<p>@lang('app.existing-bundles')</p>

View file

@ -17,8 +17,12 @@
<body class="font-display text-[13px] selection:bg-purple-100 outline-none select-none">
<div class="md:fixed md:min-w-xl md:max-w-3xl md:left-[50%] md:top-[50%] md:translate-x-[-50%] md:translate-y-[-50%] md:w-2/3">
<div class="relative bg-white md:border border-primary md:rounded-lg md:overflow-hidden">
<div class="relative bg-white md:border border-primary md:rounded-lg md:overflow-hidden shadow-lg shadow-black/30 hover:shadow-black/40 transition-all">
@include('header')
@yield('content')
@include('footer')
</div>
</div>

View file

@ -55,13 +55,6 @@
@section('content')
<div x-data="login">
<div class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 text-center">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="grow text-center">{{ config('app.name') }}</div>
</h1>
</div>
<div class="p-5">
<h2 class="font-title text-2xl mb-5 text-primary font-medium uppercase flex items-center">
<p>@lang('app.authentication')</p>

View file

@ -64,7 +64,7 @@
// Getting all bundles store in local storage
bundles = localStorage.getItem('bundles')
// If not bundle found, back to homepage
// If no bundle found, back to homepage
if (bundles == null || bundles == '') {
window.location.href = '/'
return false
@ -368,7 +368,7 @@
if (navigator.clipboard) {
navigator.clipboard.writeText(el.value)
.then(() => {
alert("Copied to clipboard");
//alert("Copied to clipboard");
});
}
},
@ -400,35 +400,6 @@
@section('content')
<div x-data="upload">
<div class="bg-gradient-to-r from-primary-light to-primary px-2 py-4 mb-3 text-center">
<h1 class="relative font-title font-medium font-body text-4xl text-center text-white uppercase flex items-center">
<div class="w-1/12 text-center">
{{-- If bundle is locked --}}
<p title="{{ __('app.bundle-locked') }}" x-show="metadata.completed">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline w-8 h-8 text-purple-200">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</svg>
</p>
</div>
{{-- App's title --}}
<div class="grow text-center">{{ config('app.name') }}</div>
{{-- Bundle status --}}
<div class="w-1/12 gap-2 item-right">
{{-- If bundle is expired --}}
<p title="{{ __('app.bundle-expired') }}" x-show="isBundleExpired()">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline w-8 h-8 text-purple-200">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</p>
</div>
</h1>
</div>
{{-- Modal box --}}
<template x-if="modal.show">
<div class="absolute z-40 top-0 left-0 right-0 bottom-0 w-full bg-[#848A97EE]">