fipamo/resources/views/back/page.blade.php
ro 5e3d2ea49f
improved file upload accessibility
the label for uploading files in the meta ui was not accessible by
keyboard, so that element was changed to a button that can be tabbed to
and clicked to open the file upload ui

there were also so minor css issues with the options toolbar, so those
have been tweaked
2025-05-13 12:56:55 -06:00

79 lines
No EOL
3.7 KiB
PHP

@extends('frame')
@section('title', 'The Dash | Editing '. $editTitle)
@section('main-content')
@include('includes.editor')
<section class="meta hide-el">
<div data-index="{{$id}}" data-uuid="{{$uuid}}" data-slug="{{$slug}}" data-layout="{{$layout}}" class="file-manager">
ADD IMAGES AND FILES
<div class="file-drop">
<button id="files-upload" title="upload files">DRAG AND DROP FILES OR CLICK TO SELECT</button>
</div>
<div class="page-files-list"></div>
@if($feature == '')
<label class="list-title">IMAGES AND VIDEO</label>
<div id="page-images-list" class="page-images-list"></div>
<label class="list-title">FILES</label>
<div class="page-files-list"></div>
@else
<label class="list-title">IMAGES AND VIDEO</label>
<div id="page-images-list" class="page-images-list">
@include('includes.media-list')
</div>
<label class="list-title">FILES</label>
<div class="page-files-list">
@include('includes.files-list')
</div>
@endif
</div>
<div class="page-meta">
<div class="page-layouts">
LAYOUTS
<select id="page-templates">
@foreach($views as $view)
@if($view == $layout)
<option value= {{$view}} selected>{{$view}}</option>
@else
<option value= {{$view}}>{{$view}}</option>
@endif
@endforeach
</select>
</div>
<div class="page-tags">
TAGS
<textarea id="post-tags" class="input-dark" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">{{$tags}}</textarea>
</div>
<div class="page-options">
OPTIONS
@include('includes.options')
</div>
<div class="page-updated">
<strong>UPDATED</strong><br />
<span id="post-date" type="text">
{{$updated}}
</span>
</div>
<div class="page-created">
<strong>CREATED</strong><br />
<span id="post-date" type="text">
{{$date}}
</span>
<input id="page-files-upload" type="file" name="page-files-upload" multiple />
<input id="post-image-upload" type="file" name="post-image-upload" />
<input id="form_token" name="token" type="hidden" value="needtoaddtoken">
</div>
</div>
</section>
<section class="text-editor">
<div class="page-title">
<textarea id="post-title-text" class="input-dark" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{$editTitle}}</textarea>
</div>
<div class="edit-post-wrapper">
<textarea id="edit" spellcheck="false" class="language-md">{{$content}}</textarea>
<pre id="highlight"><code id="highlight-content" class="language-md"></code></pre>
</div>
</section>
@endsection
@section('scripting')
<script type="module" src="/assets/scripts/dash/app/EditPage.js"></script>
@endsection