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.feature }}) 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 %}

    {% block javascripts %}
        <script src="/assets/scripts/Start.js" type="text/javascript"></script>
    {% endblock %}