forked from projects/fipamo
61b9acb280
accessible because of its similarity with base css. I also plugged in stylint to normalize a css standard throughout the project to work with prettier, which handles formatting The structure scss file has been brought in line with the new standard but the remaining need to be adjusted as well. Those will be added with an additional commit.
181 lines
5.6 KiB
Twig
181 lines
5.6 KiB
Twig
{% extends "dash/_frame.twig" %}
|
|
{#
|
|
if page is in 'edit' mode, set variables
|
|
if not, just make them empty
|
|
#}
|
|
{% if mode == 'edit' %}
|
|
{% set id = page['id'] %}
|
|
{% set uuid = page['uuid'] %}
|
|
{% set slug = page['slug'] %}
|
|
{% set layout = page['layout'] %}
|
|
{% set feature = page['feature'] %}
|
|
{% set _title = page['title'] %}
|
|
{% set tags = page['tags'] %}
|
|
{% set content = page['content'] %}
|
|
{% set date = page['created'] %}
|
|
{% set updated = page['updated'] %}
|
|
{% set media = page['media'] %}
|
|
{% set files = page['docs'] %}
|
|
{% else %}
|
|
{% set id = '' %}
|
|
{% set uuid = '' %}
|
|
{% set slug = '' %}
|
|
{% set layout = 'page' %}
|
|
{% set feature = '' %}
|
|
{% set title = '' %}
|
|
{% set tags = '' %}
|
|
{% set content = '' %}
|
|
{% set date = '' %}
|
|
{% set updated = '' %}
|
|
{% set media = '' %}
|
|
{% set files = '' %}
|
|
{% endif %}
|
|
|
|
{% block title %}
|
|
{{ title }}
|
|
{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=vbhj">
|
|
{% endblock %}
|
|
|
|
{% block mainContent %}
|
|
<div id="post-edit-index" data-index="{{ id }}" data-uuid="{{ uuid }}" data-slug="{{ slug }}" data-layout="{{ layout }}">
|
|
<div id="post-edit-index-wrapper">
|
|
<div id="post-feature">
|
|
{% if page['feature'] == null %}
|
|
<div id="page-file-manager">
|
|
<div id="page-file-wrapper">
|
|
<div id="page-file-drop">
|
|
<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
|
|
</div>
|
|
IMAGES AND VIDEO
|
|
<div id="page-images-list"></div>
|
|
FILES
|
|
<div id="page-files-list"></div>
|
|
</div>
|
|
|
|
</div>
|
|
{% else %}
|
|
<div id="page-file-manager">
|
|
<div id="page-file-wrapper">
|
|
<div id="page-file-drop">
|
|
<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
|
|
</div>
|
|
IMAGES AND VIDEO
|
|
<div id="page-images-list">
|
|
{% if media|length > 1 %}
|
|
{% for item in media %}
|
|
{% if item.type == "mp4" %}
|
|
<div id="{{ loop.index0 }}" class="video-item" data-source="{{ item.file }}"></div>
|
|
{% else %}
|
|
<div id="{{ loop.index0 }}" class="img-item" style="background: url({{ item.file }}) no-repeat center center / cover"></div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
{% if media[0] != '' %}
|
|
{% if media[0].type == "mp4" %}
|
|
<div id="0" class="video-item" data-source="{{ media[0].file }}"></div>
|
|
{% else %}
|
|
<div id="0" class="img-item" style="background: url({{ media[0].file }}) no-repeat center center / cover"></div>
|
|
{% endif %}
|
|
{% else %}
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
</div>
|
|
FILES
|
|
<div id="page-files-list">
|
|
{% if files|length > 1 %}
|
|
{% for item in files %}
|
|
{% if item.type == "mp3" %}
|
|
<div id="{{ loop.index0 }}" class="audio-item" data-source="{{ item.file }}"></div>
|
|
{% else %}
|
|
<div id="{{ loop.index0 }}" class="file-item" data-source="{{ item.file }}"></div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
{% if files[0] != '' %}
|
|
{% if files[0].type == "mp3" %}
|
|
<div id="0" class="audio-item" data-source="{{ files[0].file }}"></div>
|
|
{% else %}
|
|
<div id="0" class="file-item" data-source="{{ files[0].file }}"></div>
|
|
{% endif %}
|
|
|
|
{% else %}
|
|
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
<div id="post-header">
|
|
<div id="post-header-wrapper" class="columns">
|
|
<div id="post-title" class="column">
|
|
<label>TITLE</label>
|
|
<textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE">
|
|
{{ - _title - }}
|
|
</textarea>
|
|
|
|
<div id="layouts">
|
|
<label>LAYOUTS</label>
|
|
<select id="page-templates">
|
|
{% for view in views %}
|
|
{% if view == page['layout'] %}
|
|
<option value={{ view }} selected>{{ view }}</option>
|
|
{% else %}
|
|
<option value={{ view }}>{{ view }}</option>
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<label>CREATED</label>
|
|
<span id="post-date" type="text">
|
|
{{ date }}
|
|
</span>
|
|
</div>
|
|
<div id="post-meta" class="column">
|
|
<label>TAGS</label>
|
|
<textarea id="post_tags" type="text" name="post_tags" class="form-control" placeholder="tags [comma seperated]">
|
|
{{ - tags - }}
|
|
</textarea>
|
|
<label>OPTIONS</label>
|
|
{% apply spaceless %}
|
|
{{ include("dash/partials/options.twig") }}
|
|
{% endapply %}
|
|
<label>UPDATED</label>
|
|
<span id="post-date" type="text">
|
|
{{ updated }}
|
|
</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="{{ token }}"></div>
|
|
</div>
|
|
</div>
|
|
<div id="edit-post">
|
|
{% apply spaceless %}
|
|
{{ include("dash/partials/editor.twig") }}
|
|
{% endapply %}
|
|
<div id="edit-post-wrapper">
|
|
<textarea id="edit" spellcheck="false">{{ - content - }}</textarea>
|
|
<pre id="highlight">
|
|
<code id="highlight-content" class="language-md">
|
|
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
<script src="/assets/scripts/Start.js?=dfdfvd" type="text/javascript"></script>
|
|
{% endblock %}
|