-@extends('sidebar-layout')
+@extends('tri-layout')
-@section('toolbar')
- <div class="col-sm-8 col-xs-5 faded">
- @include('pages._breadcrumbs', ['page' => $page])
- </div>
- <div class="col-sm-4 col-xs-7 faded">
- <div class="action-buttons">
- <span dropdown class="dropdown-container">
- <div dropdown-toggle class="text-button text-primary"><i class="zmdi zmdi-open-in-new"></i>{{ trans('entities.export') }}</div>
- <ul class="wide">
- <li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">{{ trans('entities.export_html') }} <span class="text-muted float right">.html</span></a></li>
- <li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">{{ trans('entities.export_pdf') }} <span class="text-muted float right">.pdf</span></a></li>
- <li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">{{ trans('entities.export_text') }} <span class="text-muted float right">.txt</span></a></li>
- </ul>
- </span>
- @if(userCan('page-update', $page))
- <a href="{{ $page->getUrl('/edit') }}" class="text-primary text-button" ><i class="zmdi zmdi-edit"></i>{{ trans('common.edit') }}</a>
- @endif
- @if(userCan('page-update', $page) || userCan('restrictions-manage', $page) || userCan('page-delete', $page))
- <div dropdown class="dropdown-container">
- <a dropdown-toggle class="text-primary text-button"><i class="zmdi zmdi-more-vert"></i> {{ trans('common.more') }}</a>
- <ul>
- @if(userCan('page-update', $page))
- <li><a href="{{ $page->getUrl('/move') }}" class="text-primary" ><i class="zmdi zmdi-folder"></i>{{ trans('common.move') }}</a></li>
- <li><a href="{{ $page->getUrl('/revisions') }}" class="text-primary"><i class="zmdi zmdi-replay"></i>{{ trans('entities.revisions') }}</a></li>
- @endif
- @if(userCan('restrictions-manage', $page))
- <li><a href="{{ $page->getUrl('/permissions') }}" class="text-primary"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.permissions') }}</a></li>
- @endif
- @if(userCan('page-delete', $page))
- <li><a href="{{ $page->getUrl('/delete') }}" class="text-neg"><i class="zmdi zmdi-delete"></i>{{ trans('common.delete') }}</a></li>
- @endif
- </ul>
- </div>
- @endif
+@section('body')
- </div>
+ <div class="mb-m print-hidden">
+ @include('partials.breadcrumbs', ['crumbs' => [
+ $page->book,
+ $page->hasChapter() ? $page->chapter : null,
+ $page,
+ ]])
</div>
-@stop
-@section('sidebar')
- @if($book->restricted || ($page->chapter && $page->chapter->restricted) || $page->restricted)
- <div class="card">
- <h3><i class="zmdi zmdi-key"></i> {{ trans('entities.permissions') }}</h3>
- <div class="body">
- <div class="text-muted">
-
- @if($book->restricted)
- @if(userCan('restrictions-manage', $book))
- <a href="{{ $book->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}</a>
- @else
- <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}
- @endif
- <br>
- @endif
-
- @if($page->chapter && $page->chapter->restricted)
- @if(userCan('restrictions-manage', $page->chapter))
- <a href="{{ $page->chapter->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.chapters_permissions_active') }}</a>
- @else
- <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.chapters_permissions_active') }}
- @endif
- <br>
- @endif
+ <main class="content-wrap card">
+ <div class="page-content clearfix" page-display="{{ $page->id }}">
+ @include('pages.pointer', ['page' => $page])
+ @include('pages.page-display')
+ </div>
+ </main>
- @if($page->restricted)
- @if(userCan('restrictions-manage', $page))
- <a href="{{ $page->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.pages_permissions_active') }}</a>
- @else
- <i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.pages_permissions_active') }}
- @endif
- <br>
- @endif
- </div>
- </div>
+ @if ($commentsEnabled)
+ <div class="container small p-none comments-container mb-l print-hidden">
+ @include('comments.comments', ['page' => $page])
+ <div class="clearfix"></div>
</div>
@endif
+@stop
+
+@section('left')
@if($page->tags->count() > 0)
- <div class="card tag-display">
- <h3><i class="zmdi zmdi-tag"></i> {{ trans('entities.page_tags') }}</h3>
- <div class="body">
- <table>
- <tbody>
- @foreach($page->tags as $tag)
- <tr class="tag">
- <td @if(!$tag->value) colspan="2" @endif><a href="{{ baseUrl('/search?term=%5B' . urlencode($tag->name) .'%5D') }}">{{ $tag->name }}</a></td>
- @if($tag->value) <td class="tag-value"><a href="{{ baseUrl('/search?term=%5B' . urlencode($tag->name) .'%3D' . urlencode($tag->value) . '%5D') }}">{{$tag->value}}</a></td> @endif
- </tr>
- @endforeach
- </tbody>
- </table>
- </div>
- </div>
+ <section>
+ @include('components.tag-list', ['entity' => $page])
+ </section>
@endif
@if ($page->attachments->count() > 0)
- <div class="card">
- <h3><i class="zmdi zmdi-attachment-alt"></i> {{ trans('entities.pages_attachments') }}</h3>
+ <div id="page-attachments" class="mb-l">
+ <h5>{{ trans('entities.pages_attachments') }}</h5>
<div class="body">
- @foreach($page->attachments as $attachment)
- <div class="attachment">
- <a href="{{ $attachment->getUrl() }}" @if($attachment->external) target="_blank" @endif><i class="zmdi zmdi-{{ $attachment->external ? 'open-in-new' : 'file' }}"></i>{{ $attachment->name }}</a>
- </div>
- @endforeach
+ @include('attachments.list', ['attachments' => $page->attachments])
</div>
</div>
@endif
@if (isset($pageNav) && count($pageNav))
- <div class="card">
- <h3><i class="zmdi zmdi-compass"></i> {{ trans('entities.pages_navigation') }}</h3>
+ <nav id="page-navigation" class="mb-xl" aria-label="{{ trans('entities.pages_navigation') }}">
+ <h5>{{ trans('entities.pages_navigation') }}</h5>
<div class="body">
<div class="sidebar-page-nav menu">
@foreach($pageNav as $navItem)
<li class="page-nav-item h{{ $navItem['level'] }}">
- <a href="{{ $navItem['link'] }}">{{ $navItem['text'] }}</a>
+ <a href="{{ $navItem['link'] }}" class="limit-text block">{{ $navItem['text'] }}</a>
+ <div class="primary-background sidebar-page-nav-bullet"></div>
</li>
@endforeach
</div>
</div>
- </div>
+ </nav>
@endif
- <div class="card">
- <h3><i class="zmdi zmdi-info-outline"></i> {{ trans('common.details') }}</h3>
- <div class="body">
+ @include('partials.book-tree', ['book' => $book, 'sidebarTree' => $sidebarTree])
+@stop
+
+@section('right')
+ <div id="page-details" class="entity-details mb-xl">
+ <h5>{{ trans('common.details') }}</h5>
+ <div class="body text-small blended-links">
@include('partials.entity-meta', ['entity' => $page])
+
+ @if($book->restricted)
+ <div class="active-restriction">
+ @if(userCan('restrictions-manage', $book))
+ <a href="{{ $book->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.books_permissions_active') }}</a>
+ @else
+ @icon('lock'){{ trans('entities.books_permissions_active') }}
+ @endif
+ </div>
+ @endif
+
+ @if($page->chapter && $page->chapter->restricted)
+ <div class="active-restriction">
+ @if(userCan('restrictions-manage', $page->chapter))
+ <a href="{{ $page->chapter->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.chapters_permissions_active') }}</a>
+ @else
+ @icon('lock'){{ trans('entities.chapters_permissions_active') }}
+ @endif
+ </div>
+ @endif
+
+ @if($page->restricted)
+ <div class="active-restriction">
+ @if(userCan('restrictions-manage', $page))
+ <a href="{{ $page->getUrl('/permissions') }}">@icon('lock'){{ trans('entities.pages_permissions_active') }}</a>
+ @else
+ @icon('lock'){{ trans('entities.pages_permissions_active') }}
+ @endif
+ </div>
+ @endif
+
+ @if($page->template)
+ <div>
+ @icon('template'){{ trans('entities.pages_is_template') }}
+ </div>
+ @endif
</div>
</div>
- @include('partials/book-tree', ['book' => $book, 'sidebarTree' => $sidebarTree])
+ <div class="actions mb-xl">
+ <h5>{{ trans('common.actions') }}</h5>
-@stop
+ <div class="icon-list text-primary">
-@section('body')
- <div class="page-content" ng-non-bindable>
+ {{--User Actions--}}
+ @if(userCan('page-update', $page))
+ <a href="{{ $page->getUrl('/edit') }}" class="icon-list-item">
+ <span>@icon('edit')</span>
+ <span>{{ trans('common.edit') }}</span>
+ </a>
+ @endif
+ @if(userCanOnAny('page-create'))
+ <a href="{{ $page->getUrl('/copy') }}" class="icon-list-item">
+ <span>@icon('copy')</span>
+ <span>{{ trans('common.copy') }}</span>
+ </a>
+ @endif
+ @if(userCan('page-update', $page))
+ @if(userCan('page-delete', $page))
+ <a href="{{ $page->getUrl('/move') }}" class="icon-list-item">
+ <span>@icon('folder')</span>
+ <span>{{ trans('common.move') }}</span>
+ </a>
+ @endif
+ <a href="{{ $page->getUrl('/revisions') }}" class="icon-list-item">
+ <span>@icon('history')</span>
+ <span>{{ trans('entities.revisions') }}</span>
+ </a>
+ @endif
+ @if(userCan('restrictions-manage', $page))
+ <a href="{{ $page->getUrl('/permissions') }}" class="icon-list-item">
+ <span>@icon('lock')</span>
+ <span>{{ trans('entities.permissions') }}</span>
+ </a>
+ @endif
+ @if(userCan('page-delete', $page))
+ <a href="{{ $page->getUrl('/delete') }}" class="icon-list-item">
+ <span>@icon('delete')</span>
+ <span>{{ trans('common.delete') }}</span>
+ </a>
+ @endif
- <div class="pointer-container" id="pointer">
- <div class="pointer anim" >
- <span class="icon text-primary"><i class="zmdi zmdi-link"></i></span>
- <input readonly="readonly" type="text" id="pointer-url" placeholder="url">
- <button class="button icon" data-clipboard-target="#pointer-url" type="button" title="{{ trans('entities.pages_copy_link') }}"><i class="zmdi zmdi-copy"></i></button>
- </div>
- </div>
+ <hr class="primary-background"/>
- @include('pages/page-display')
+ {{--Export--}}
+ @include('partials.entity-export-menu', ['entity' => $page])
+ </div>
</div>
- @if ($commentsEnabled)
- <div class="container small nopad">
- @include('comments/comments', ['page' => $page])
- </div>
- @endif
-@stop
-
-@section('scripts')
- <script>
- setupPageShow({{$page->id}});
- </script>
@stop
projects / bookstack / blobdiff