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
81 lines
No EOL
3.8 KiB
PHP
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 |