mirror of
https://github.com/NyaaStudios/nyaabooru.git
synced 2025-12-09 21:42:57 +00:00
43 lines
1.8 KiB
PHP
43 lines
1.8 KiB
PHP
<div class="wa-stack wa-gap-3xl">
|
|
<wa-breadcrumb class="wa-heading-l">
|
|
<wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
|
|
<wa-breadcrumb-item>upload</wa-breadcrumb-item>
|
|
</wa-breadcrumb>
|
|
|
|
<form wire:submit="createPost">
|
|
<div class="wa-stack wa-gap-xl"
|
|
x-data="{ uploading: false, progress: 0 }"
|
|
x-on:livewire-upload-start="uploading = true"
|
|
x-on:livewire-upload-finish="uploading = false"
|
|
x-on:livewire-upload-cancel="uploading = false"
|
|
x-on:livewire-upload-error="uploading = false"
|
|
x-on:livewire-upload-progress="progress = $event.detail.progress"
|
|
>
|
|
<label for="files" class="wa-cluster wa-placeholder wa-link-plain">
|
|
<livewire:app.icon name="file-image" class="wa-caption-l" style="font-size: var(--wa-font-size-3xl)" />
|
|
<div class="wa-stack wa-gap-3xs" wire:loading.remove>
|
|
<span class="wa-heading-m">Click to select files to upload.</span>
|
|
@error('files.*')
|
|
<span class="wa-caption-l">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="wa-stack wa-gap-3xs" wire:loading>
|
|
<span class="wa-heading-m">Uploading files...</span>
|
|
<wa-progress-bar x-show="uploading" x-bind.value="progress" style="--track-height: 6px;"></wa-progress-bar>
|
|
</div>
|
|
<input id="files" wire:model="files" type="file" style="opacity: 0;" multiple />
|
|
</label>
|
|
|
|
<wa-select wire:model="rating" label="Rating" value="safe" hint="Select a content rating that matches the file.">
|
|
<wa-option value="safe">Safe</wa-option>
|
|
<wa-option value="suggestive">Suggestive</wa-option>
|
|
<wa-option value="explicit">Explicit</wa-option>
|
|
</wa-select>
|
|
|
|
<wa-button type="submit" variant="brand" wire:loading.attr="disabled">
|
|
<livewire:app.icon slot="prefix" name="arrow-up-from-bracket" />
|
|
Upload
|
|
</wa-button>
|
|
</div>
|
|
</form>
|
|
</div>
|