fipamo/resources/views/back/page.blade.php
ro 714485c6a6
cleaned up meta ui, made editor display contextual
there were some nagging space issues in the new meta ui layout, so those
were addressed. it'll will probably change a billion more times, but
it's starting from a solid place

the text editor ui now only display when text is selected and goes away
after an operation has been completed or when text is deselected, making
the overall page editing experience streamlined
2025-05-12 14:58:32 -06:00

81 lines
No EOL
3.8 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 ATTACHMENTS
@if($feature == '')
<div class="file-drop">
<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
</div>
<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
<div class="file-drop">
<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
</div>
<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