STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 3 Actions 2 Packages Projects Releases 3 Wiki Activity

cleanup

Browse Source
This commit is contained in:
James Collins
2024-04-24 19:39:33 +10:00
parent 4c9d1667b6
commit 988dbd4edc
20 changed files with 89 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/views/components/container.blade.php
View File

@@ -1,3 +1,3 @@
<div class="{{ twMerge('flex justify-center px-4', ($attributes->get('class') ?? '')) }}">
<div class="{{ twMerge('max-w-7xl w-full', ($attributes->get('inner-class') ?? '')) }}">{{ $slot }}</div>
<div class="{{ twMerge(['flex','justify-center','px-4'], ($attributes->get('class') ?? '')) }}">
<div class="{{ twMerge(['max-w-7xl','w-full'], ($attributes->get('inner-class') ?? '')) }}">{{ $slot }}</div>
</div>

26
resources/views/components/heading.blade.php
View File

@@ -1,16 +1,16 @@
@php
$id = Str::slug($slot);
$uri = url()->current() . '#' . $id;
$id = \Illuminate\Support\Str::slug($slot);
$uri = url()->current() . '#' . $id;
@endphp
<a
id={{ $id }}
class="{{ twMerge('inline-block text-lg font-semibold my-3', $class ?? '') }}"
x-data="{ show: false, uri: '{{ $uri }}' }"
@mouseover="show = true"
@mouseout="show = false"
@click="SM.copyToClipboard('{{ $uri }}')"
>
{{ $slot }}
<span x-show="show" class="text-primary-color-light pl-2">#</span>
</a>
<a
id={{ $id }}
class="{{ twMerge(['inline-block','text-lg','font-semibold my-3'], $class ?? '') }}"
x-data="{ show: false, uri: '{{ $uri }}' }"
@mouseover="show = true"
@mouseout="show = false"
@click="SM.copyToClipboard('{{ $uri }}')"
>
{{ $slot }}
<span x-show="show" class="text-primary-color-light pl-2">#</span>
</a>

2
resources/views/components/ui/checkbox.blade.php
View File

@@ -17,7 +17,7 @@
<div class="mb-4">
<div class="flex items-center">
<input class="{{ twMerge('bg-white mt-1 h-8 w-8 rounded-lg border border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer border-gray-300 focus:border-indigo-300 focus:ring-indigo-300', $classes ?? '') }}" type="checkbox" {{ $checked ? 'checked' : '' }} id="{{ $name }}" name="{{ $name }}" {{ $attributes }} />
<input class="{{ twMerge(['bg-white','mt-1','h-8','w-8','rounded-lg','border','border-gray-300','appearance-none','focus:outline-none','focus:ring-0','focus:border-blue-600','peer','focus:ring-indigo-300'], $classes ?? '') }}" type="checkbox" {{ $checked ? 'checked' : '' }} id="{{ $name }}" name="{{ $name }}" {{ $attributes }} />
<label for="{{ $name }}" class="text-sm pl-2 pt-1">{{ $label }}</label>
</div>
</div>

11
resources/views/components/ui/file.blade.php
View File

@@ -6,7 +6,7 @@
$readonly = filter_var($readonly, FILTER_VALIDATE_BOOLEAN);
@endphp
<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
<div class="text-sm pl-1">{{ $label }}</div>
<div class="flex flex-col align-middle items-center">
<i id="{{ $name }}_placeholder" class="fa-regular fa-image text-9xl text-gray-400"></i>
@@ -25,7 +25,7 @@
@endif
</div>
@if (!$readonly)
<input class="hidden" value="" type="file" name="{{ $name }}" id="{{ $name }}" onchange="updatePreview(event)" />
<input class="hidden" value="" type="file" name="{{ $name }}" id="{{ $name }}" />
@endif
{{-- <input class="hidden" type="text" id="{{ $name }}" name="{{ $name }}"></input>--}}
</div>
@@ -69,6 +69,13 @@
reader.readAsDataURL(file);
}
document.addEventListener('DOMContentLoaded', function() {
const fileInput = document.getElementById('{{ $name }}');
if(fileInput) {
fileInput.addEventListener('change', updatePreview);
}
});
if('{{ $fileName }}' !== '' && '{{ $fileSize }}' !== '' && '{{ $fileType }}' !== '' && '{{ $fileUrl }}' !== '') {
updateDetails('{{ $fileName }}', '{{ $fileType }}', '{{ $fileSize }}', '{{ $fileUrl }}');
} else if('{{ $value }}' !== '') {

2
resources/views/components/ui/filelist.blade.php
View File

@@ -8,7 +8,7 @@
@endphp
@if($value !== '' || $editor === true)
<div x-data class="{{ twMerge('mb-4', $attributes->get('class')) }}" x-show="$store.files.length > 0 || {{ $editor === true ? 'true' : 'false' }}">
<div x-data class="{{ twMerge(['mb-4'], $attributes->get('class')) }}" x-show="$store.files.length > 0 || {{ $editor === true ? 'true' : 'false' }}">
<h3 class="text-xl font-semibold">{{ $label }}</h3>
<ul x-show="$store.files.length > 0" class="flex flex-col bg-white p-4 border border-gray-300 rounded-lg gap-4 mt-2">
<template x-for="file in $store.files" :key="file.name">

2
resources/views/components/ui/gallery.blade.php
View File

@@ -8,7 +8,7 @@
@endphp
@if($value !== '' || $editor === true)
<div x-data class="{{ twMerge('mb-4', $attributes->get('class')) }}">
<div x-data class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
@if($editor === true)
<h3 class="text-xl font-semibold">{{ $label }}</h3>
<p class="text-xs italic" x-text="$store.gallery.length + ' Image' + ($store.gallery.length !== 1 ? 's' : '')"></p>

2
resources/views/components/ui/image-hero.blade.php
View File

@@ -1,6 +1,6 @@
@props(['image'])
<div class="{{twMerge('relative w-full h-96 flex items-center justify-center bg-cover bg-center rounded-3xl overflow-hidden', $attributes->get('class'))}}">
<div class="{{twMerge(['relative','w-full','h-96','flex','items-center','justify-center','bg-cover','bg-center','rounded-3xl','overflow-hidden'], $attributes->get('class'))}}">
<div class="blur bg-cover bg-center absolute top-0 left-0 w-full h-full opacity-50" style="background-image: url('{{ $image }}?lg')"></div>
<img src="{{ $image }}?lg" class="h-full z-0" />
</div>

14
resources/views/components/ui/input.blade.php
View File

@@ -10,31 +10,31 @@
$value = old($name, $value);
@endphp
<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
@if($floating)
<div class="relative">
@if($type === 'textarea')
<textarea class="{{ twMerge('pt-4', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
<textarea class="{{ twMerge(['pt-4'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
@else
<input class="{{ twMerge('pt-4', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
<input class="{{ twMerge(['pt-4'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
@endif
<label for="{{ $name }}" class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto start-1">{{ $label }}</label>
</div>
@elseif($noLabel)
<div class="relative">
@if($type === 'textarea')
<textarea class="{{ twMerge('pt-2.5', $classes) }}" name="{{ $name }}" placeholder="{{ $label }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
<textarea class="{{ twMerge(['pt-2.5'], $classes) }}" name="{{ $name }}" placeholder="{{ $label }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
@else
<input class="{{ twMerge('pt-2.5', $classes) }}" autocomplete="off" placeholder="{{ $label }}" value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
<input class="{{ twMerge(['pt-2.5'], $classes) }}" autocomplete="off" placeholder="{{ $label }}" value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
@endif
</div>
@else
<div>
<label for="{{ $name }}" class="block text-sm pl-1">{{ $label }}{!! isset($labelNotice) && $labelNotice !== '' ? '<i class="fa-solid fa-triangle-exclamation ml-1 text-gray-500 hover:text-black" data-tooltip="' . $labelNotice . '"></i>' : '' !!}</label>
@if($type === 'textarea')
<textarea class="{{ twMerge('pt-2.5 mt-1 h-96', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->whereDoesntStartWith('x-') }}>{{ $value }}</textarea>
<textarea class="{{ twMerge(['pt-2.5','mt-1','h-96'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->whereDoesntStartWith('x-') }}>{{ $value }}</textarea>
@else
<input class="{{ twMerge('pt-2.5 mt-1', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
<input class="{{ twMerge(['pt-2.5','mt-1'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
@endif
</div>
@endif

4
resources/views/components/ui/media.blade.php
View File

@@ -4,7 +4,7 @@
$hasError = $errors->has($name);
@endphp
<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
<div class="text-sm pl-1">{{ $label }}</div>
<div class="flex flex-col align-middle items-center">
<i id="{{ $name }}_placeholder" class="fa-regular fa-image text-9xl text-gray-400"></i>
@@ -27,8 +27,6 @@
function updateMedia(name, value) {
document.getElementById(name).value = value;
SM.mediaDetails(value, (details) => {
const extension = details.name.split('.').pop();
document.getElementById(name + '_name').innerText = details.name;
document.getElementById(name + '_size').innerText = SM.bytesToString(details.size);

8
resources/views/components/ui/select.blade.php
View File

@@ -5,20 +5,20 @@
$value = old($name, $value);
@endphp
<div class="{{ twMerge('mb-4', $attributes->get('class')) }} {{ $attributes->only('x-show') }}">
<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }} {{ $attributes->only('x-show') }}">
@if($floating)
<div class="relative">
@if($type === 'textarea')
<textarea class="{{ twMerge('pt-4', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>{{ $value }}</textarea>
<textarea class="{{ twMerge(['pt-4'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>{{ $value }}</textarea>
@else
<input class="{{ twMerge('pt-4', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
<input class="{{ twMerge(['pt-4'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
@endif
<label for="{{ $name }}" class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto start-1">{{ $label }}</label>
</div>
@else
<div class="relative">
<label for="{{ $name }}" class="block text-sm pl-1">{{ $label }}</label>
<select class="{{ twMerge('pt-2.5', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>
<select class="{{ twMerge(['pt-2.5'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>
{{ $slot }}
</select>
<i class="fa-solid fa-caret-down absolute text-gray-700 text-2xl right-3 bottom-1.5"></i>