fipamo/resources/views/back/book.blade.php
ro 8e9752d619
color contrast tweak
secondary highlight color contrast was a bit weak against the primary
color, so that was cleaned up so it pops a bit more
2024-04-05 12:42:26 -06:00

89 lines
3.7 KiB
PHP

@extends('frame')
@section('title', 'Pages')
@section('main-content')
<section class="book-index-header">
<div class="book-index-header-left">
{{ $result['paginate']['sort'] }}
Pages
</div>
<div class="book-index-header-right">
<a href="/dashboard/pages/all" title="view all pages">
<button>
<svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-folder"/>
</svg>
{{ $result['stats']['all'] }}
</button>
</a>
<a href="/dashboard/pages/published" title="view publised pages">
<button>
<svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
</svg>
{{ $result['stats']['published'] }}
</button>
</a>
<a href="/dashboard/pages/deleted" title="view deleted pages">
<button>
<svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-trash"/>
</svg>
{{ $result['stats']['deleted'] }}
</button>
</a>
</section>
<section class="book-index-pages">
@foreach($result['pages'] as $page)
@php
$type = '';
$file = '';
isset($page['media'][0]['type']) ? $type = $page['media'][0]['type'] : $type = '';
isset($page['media'][0]['file']) ? $file = $page['media'][0]['file'] : $file = '';
@endphp
@if($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="{{ $file }}" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
<div id="meta">
@include('includes.recent-meta')
</div>
</div>
</a>
@else
<a href="/dashboard/page/edit/{{ $page['uuid'] }}" id="{{ $page['uuid'] }}" class="page-link">
<div class="page-bg" style="background: url({{ $file }}) no-repeat center center / cover #cf436b">
<div id="meta">
@include('includes.recent-meta')
</div>
</div>
</a>
@endif
@endforeach
@if($result['numOfPages'])
<div class="paginate">
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['prevPage'] }}">
<svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-arrow-with-circle-left"/>
</svg>
</a>
<span class="count">
{{ $currentPage }}
of
{{ $result['numOfPages'] }}
</span>
<a class="page-btns" href="/dashboard/pages/{{ $result['paginate']['sort'] }}/{{ $result['paginate']['nextPage'] }}">
<svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-arrow-with-circle-right"/>
</svg>
</a>
</div>
@endif
</section>
@endsection