fipamo/brain/views/dash/book.twig

{% extends "dash/_frame.twig" %}

{% block title %}
	{{ title }}
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfvgy">
	{% endblock %}

	{% block mainContent %}
		<div id="post-index">
			<div id="post-index-wrapper">
				<div id="post-index-header">
					<div id="post-index-header-left">
						{{ filter }}
						Pages
					</div>
					<div id="post-index-header-right">
						<a href="/dashboard/pages/all" title="view all pages">
							<button>
								<svg>
									<use xlink:href="/assets/images/global/sprite.svg#entypo-archive"/>
								</svg>
								{{ stats['all'] }}
							</button>
						</a>
						<a href="/dashboard/pages/published" title="view publised pages">
							<button>
								<svg>
									<use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
								</svg>
								{{ stats['published'] }}
							</button>
						</a>
						<a href="/dashboard/pages/deleted" title="view deleted pages">
							<button>
								<svg>
									<use xlink:href="/assets/images/global/sprite.svg#entypo-circle-with-cross"/>
								</svg>
								{{ stats['deleted'] }}
							</button>
						</a>
					</div>

				</div>
				<div id="posts-list">
					{% for page in pages %}
						{% if page.media[0].type == 'mp4' %}
							<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="page-link">
								<div class="page-video">
									<video class="post-video" loop muted autoplay>
										<source src="{{ page.media[0].file }}" type="video/mp4">

											Sorry, your browser doesn't support embedded videos.
										</video>
										<label>
											{{ page.title }}
										</label>
										<div id="meta">
											{{ include("dash/partials/recent-options.twig") }}
										</div>
									</div>

								</a>
							{% else %}
								<a class="page-link" href="/dashboard/page/edit/{{ page.uuid }}">
									<div class="page-bg" style="background: url({{ page.media[0].file }}) no-repeat center center / cover">
										<label>
											{{ page.title }}
										</label>
										<div id="meta">
											{{ include("dash/partials/recent-options.twig") }}
										</div>
									</div>
								</a>
							{% endif %}

						{% endfor %}
						{% if numOfPages > 1 %}
							<div class="paginate">
								<a class="page-btns" href="/dashboard/pages/{{ paginate['sort'] }}/{{ paginate['prevPage'] }}">
									<svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-chevron-left"/></svg>
								</a>
								<span class="count">
									{{ currentPage }}
									of
									{{ numOfPages }}
								</span>
								<a class="page-btns" href="/dashboard/pages/{{ paginate['sort'] }}/{{ paginate['nextPage'] }}">
									<svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-chevron-right"/></svg>
								</a>
							</div>
						{% endif %}

					</div>
				</div>
			</div>
		{% endblock %}