Fipamo/brain/views/dash/page-edit.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?=dfdf">
	{% 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 %}
											{% set fileName = item.file|split('/') %}
											{% if item.type == "mp4" %}

												<div id="{{ loop.index0 }}" class="video-item" data-source="{{ item.file }}" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% else %}
												<div id="{{ loop.index0 }}" class="img-item" style="background: url({{ item.file }}) no-repeat center center / cover" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% endif %}
										{% endfor %}
									{% else %}
										{% if media[0] != '' %}
											{% set fileName = media[0].file|split('/') %}
											{% if media[0].type == "mp4" %}
												<div id="0" class="video-item" data-source="{{ media[0].file }}" date-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>

											{% else %}
												<div id="0" class="img-item" style="background: url({{ media[0].file }}) no-repeat center center / cover" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% endif %}
											{% else %}
										{% endif %}
									{% endif %}

								</div>
								FILES
								<div id="page-files-list">
									{% if files|length > 1 %}
										{% for item in files %}
											{% set fileName = item.file|split('/') %}
											{% if item.type == "mp3" %}
												<div id="{{ loop.index0 }}" class="audio-item" data-source="{{ item.file }}" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% else %}
												<div id="{{ loop.index0 }}" class="file-item" data-source="{{ item.file }}" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% endif %}
										{% endfor %}
									{% else %}
										{% if files[0] != '' %}
											{% set fileName = files[0].file|split('/') %}
											{% if files[0].type == "mp3" %}
												<div id="0" class="audio-item" data-source="{{ files[0].file }}" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% else %}
												<div id="0" class="file-item" data-source="{{ files[0].file }}" data-file-name="{{ fileName[6] }}">
													<button id="{{ loop.index0 }}" class="media-remove">X</button>
												</div>
											{% endif %}

											{% else %}

										{% endif %}
									{% endif %}

								</div>
							</div>

						</div>
					{% endif %}

				</div>
				<div id="post-header">
					<div id="post-header-wrapper" class="columns">
						<div id="post-edit-title" class="column">
							<label>TITLE</label>
							<textarea id="post-title-text" type="text" name="post-title-text" 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?=dfdvbd" type="text/javascript"></script>
		{% endblock %}