mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-01 05:36:00 +00:00
Started design update
This commit is contained in:
parent
fba7ae923d
commit
295f520f21
@ -180,4 +180,22 @@
|
|||||||
&.warning:before {
|
&.warning:before {
|
||||||
content: '\f1f1';
|
content: '\f1f1';
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
margin: $-m;
|
||||||
|
background-color: #FFF;
|
||||||
|
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||||
|
h3 {
|
||||||
|
padding: $-m;
|
||||||
|
border-bottom: 1px solid #E8E8E8;
|
||||||
|
margin: 0;
|
||||||
|
font-size: $fs-s;
|
||||||
|
color: #888;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.body {
|
||||||
|
padding: $-m;
|
||||||
|
}
|
||||||
}
|
}
|
@ -392,7 +392,7 @@ span.CodeMirror-selectedtext { background: none; }
|
|||||||
}
|
}
|
||||||
.cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 1px solid #DDD; }
|
.cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 1px solid #DDD; }
|
||||||
|
|
||||||
.flex-fill .CodeMirror {
|
.code-fill .CodeMirror {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
@ -20,19 +20,46 @@ body.flexbox {
|
|||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
.flex, &.flex {
|
&.rows {
|
||||||
min-height: 0;
|
flex-direction: row;
|
||||||
flex: 1;
|
|
||||||
}
|
}
|
||||||
|
&.columns {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex {
|
||||||
|
min-height: 0;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex.scroll {
|
||||||
|
//overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
&.sidebar {
|
||||||
|
margin-right: -14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.flex.scroll .scroll-body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-child > div {
|
.flex-child > div {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
//body.ie .flex-child > div {
|
.flex.sidebar {
|
||||||
// flex: 1 0 0px;
|
flex: 1;
|
||||||
//}
|
background-color: #F2F2F2;
|
||||||
|
max-width: 360px;
|
||||||
|
min-height: 90vh;
|
||||||
|
}
|
||||||
|
.flex.sidebar + .flex.content {
|
||||||
|
flex: 3;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-left: 1px solid #DDD;
|
||||||
|
}
|
||||||
|
|
||||||
/** Rules for all columns */
|
/** Rules for all columns */
|
||||||
div[class^="col-"] img {
|
div[class^="col-"] img {
|
||||||
|
@ -86,24 +86,18 @@
|
|||||||
|
|
||||||
// Sidebar list
|
// Sidebar list
|
||||||
.book-tree {
|
.book-tree {
|
||||||
padding: $-xs 0 0 0;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
transition: ease-in-out 240ms;
|
transition: ease-in-out 240ms;
|
||||||
transition-property: right, border;
|
transition-property: right, border;
|
||||||
border-left: 0px solid #FFF;
|
|
||||||
background-color: #FFF;
|
|
||||||
max-width: 320px;
|
|
||||||
&.fixed {
|
&.fixed {
|
||||||
background-color: #FFF;
|
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
padding-left: $-l;
|
padding-right: $-l + 5px;
|
||||||
padding-right: $-l + 15;
|
|
||||||
width: 30%;
|
width: 30%;
|
||||||
right: -15px;
|
left: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
@ -1,12 +1,3 @@
|
|||||||
#page-show {
|
|
||||||
>.row .col-md-9 {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
>.row .col-md-3 {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-editor {
|
.page-editor {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -36,6 +27,8 @@
|
|||||||
|
|
||||||
.page-content {
|
.page-content {
|
||||||
max-width: 840px;
|
max-width: 840px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: $-xxl;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
.align-left {
|
.align-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -252,8 +245,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tag-display {
|
.tag-display {
|
||||||
width: 100%;
|
|
||||||
//opacity: 0.7;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
@include('partials/notifications')
|
@include('partials/notifications')
|
||||||
|
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<div class="container">
|
<div class="container fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-4" ng-non-bindable>
|
<div class="col-sm-4" ng-non-bindable>
|
||||||
<a href="{{ baseUrl('/') }}" class="logo">
|
<a href="{{ baseUrl('/') }}" class="logo">
|
||||||
|
@ -74,7 +74,7 @@
|
|||||||
|
|
||||||
{{--Markdown Editor--}}
|
{{--Markdown Editor--}}
|
||||||
@if(setting('app-editor') === 'markdown')
|
@if(setting('app-editor') === 'markdown')
|
||||||
<div id="markdown-editor" markdown-editor class="flex-fill flex">
|
<div id="markdown-editor" markdown-editor class="flex-fill flex code-fill">
|
||||||
|
|
||||||
<div class="markdown-editor-wrap">
|
<div class="markdown-editor-wrap">
|
||||||
<div class="editor-toolbar">
|
<div class="editor-toolbar">
|
||||||
|
@ -1,114 +1,100 @@
|
|||||||
@extends('base')
|
@extends('sidebar-layout')
|
||||||
|
|
||||||
@section('content')
|
@section('toolbar')
|
||||||
|
<div class="col-sm-8 col-xs-5 faded">
|
||||||
<div class="faded-small toolbar">
|
@include('pages._breadcrumbs', ['page' => $page])
|
||||||
<div class="container">
|
</div>
|
||||||
<div class="row">
|
<div class="col-sm-4 col-xs-7 faded">
|
||||||
<div class="col-sm-8 col-xs-5 faded">
|
<div class="action-buttons">
|
||||||
@include('pages._breadcrumbs', ['page' => $page])
|
<span dropdown class="dropdown-container">
|
||||||
</div>
|
<div dropdown-toggle class="text-button text-primary"><i class="zmdi zmdi-open-in-new"></i>{{ trans('entities.export') }}</div>
|
||||||
<div class="col-sm-4 col-xs-7 faded">
|
<ul class="wide">
|
||||||
<div class="action-buttons">
|
<li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">{{ trans('entities.export_html') }} <span class="text-muted float right">.html</span></a></li>
|
||||||
<span dropdown class="dropdown-container">
|
<li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">{{ trans('entities.export_pdf') }} <span class="text-muted float right">.pdf</span></a></li>
|
||||||
<div dropdown-toggle class="text-button text-primary"><i class="zmdi zmdi-open-in-new"></i>{{ trans('entities.export') }}</div>
|
<li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">{{ trans('entities.export_text') }} <span class="text-muted float right">.txt</span></a></li>
|
||||||
<ul class="wide">
|
</ul>
|
||||||
<li><a href="{{ $page->getUrl('/export/html') }}" target="_blank">{{ trans('entities.export_html') }} <span class="text-muted float right">.html</span></a></li>
|
</span>
|
||||||
<li><a href="{{ $page->getUrl('/export/pdf') }}" target="_blank">{{ trans('entities.export_pdf') }} <span class="text-muted float right">.pdf</span></a></li>
|
@if(userCan('page-update', $page))
|
||||||
<li><a href="{{ $page->getUrl('/export/plaintext') }}" target="_blank">{{ trans('entities.export_text') }} <span class="text-muted float right">.txt</span></a></li>
|
<a href="{{ $page->getUrl('/edit') }}" class="text-primary text-button" ><i class="zmdi zmdi-edit"></i>{{ trans('common.edit') }}</a>
|
||||||
</ul>
|
@endif
|
||||||
</span>
|
@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></a>
|
||||||
|
<ul>
|
||||||
@if(userCan('page-update', $page))
|
@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>
|
<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
|
@endif
|
||||||
@if(userCan('page-update', $page) || userCan('restrictions-manage', $page) || userCan('page-delete', $page))
|
@if(userCan('restrictions-manage', $page))
|
||||||
<div dropdown class="dropdown-container">
|
<li><a href="{{ $page->getUrl('/permissions') }}" class="text-primary"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.permissions') }}</a></li>
|
||||||
<a dropdown-toggle class="text-primary text-button"><i class="zmdi zmdi-more-vert"></i></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
|
@endif
|
||||||
|
@if(userCan('page-delete', $page))
|
||||||
</div>
|
<li><a href="{{ $page->getUrl('/delete') }}" class="text-neg"><i class="zmdi zmdi-delete"></i>{{ trans('common.delete') }}</a></li>
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
@endif
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@stop
|
||||||
|
|
||||||
|
@section('sidebar')
|
||||||
|
@if($book->restricted || ($page->chapter && $page->chapter->restricted) || $page->restricted)
|
||||||
|
<div class="text-muted">
|
||||||
|
|
||||||
<div class="container" id="page-show">
|
@if($book->restricted)
|
||||||
<div class="row">
|
@if(userCan('restrictions-manage', $book))
|
||||||
<div class="col-md-9 print-full-width">
|
<a href="{{ $book->getUrl('/permissions') }}"><i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}</a>
|
||||||
<div class="page-content" ng-non-bindable>
|
@else
|
||||||
|
<i class="zmdi zmdi-lock-outline"></i>{{ trans('entities.books_permissions_active') }}
|
||||||
<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>
|
|
||||||
|
|
||||||
@include('pages/page-display')
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
@include('partials.entity-meta', ['entity' => $page])
|
|
||||||
|
|
||||||
</div>
|
|
||||||
@include('comments/comments', ['pageId' => $page->id])
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-3 print-hidden">
|
|
||||||
<div class="margin-top large"></div>
|
|
||||||
@if($book->restricted || ($page->chapter && $page->chapter->restricted) || $page->restricted)
|
|
||||||
<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
|
|
||||||
|
|
||||||
@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>
|
|
||||||
@endif
|
@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
|
||||||
|
|
||||||
|
@if($page->restricted)
|
||||||
@include('pages/sidebar-tree-list', ['book' => $book, 'sidebarTree' => $sidebarTree, 'pageNav' => $pageNav])
|
@if(userCan('restrictions-manage', $page))
|
||||||
</div>
|
<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>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@include('pages/sidebar-tree-list', ['book' => $book, 'sidebarTree' => $sidebarTree, 'pageNav' => $pageNav])
|
||||||
|
@stop
|
||||||
|
|
||||||
|
@section('body')
|
||||||
|
<div class="page-content" ng-non-bindable>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
@include('pages/page-display')
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
@include('partials.entity-meta', ['entity' => $page])
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="container small">
|
||||||
|
@include('comments/comments', ['pageId' => $page->id])
|
||||||
</div>
|
</div>
|
||||||
@stop
|
@stop
|
||||||
|
|
||||||
|
@ -2,73 +2,86 @@
|
|||||||
<div class="book-tree" ng-non-bindable>
|
<div class="book-tree" ng-non-bindable>
|
||||||
|
|
||||||
@if(isset($page) && $page->tags->count() > 0)
|
@if(isset($page) && $page->tags->count() > 0)
|
||||||
<div class="tag-display">
|
<div class="card tag-display">
|
||||||
<h6 class="text-muted">{{ trans('entities.page_tags') }}</h6>
|
<h3><i class="zmdi zmdi-tag"></i> {{ trans('entities.page_tags') }}</h3>
|
||||||
<table>
|
<div class="body">
|
||||||
<tbody>
|
<table>
|
||||||
@foreach($page->tags as $tag)
|
<tbody>
|
||||||
<tr class="tag">
|
@foreach($page->tags as $tag)
|
||||||
<td @if(!$tag->value) colspan="2" @endif><a href="{{ baseUrl('/search?term=%5B' . urlencode($tag->name) .'%5D') }}">{{ $tag->name }}</a></td>
|
<tr class="tag">
|
||||||
@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
|
<td @if(!$tag->value) colspan="2" @endif><a href="{{ baseUrl('/search?term=%5B' . urlencode($tag->name) .'%5D') }}">{{ $tag->name }}</a></td>
|
||||||
</tr>
|
@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
|
||||||
@endforeach
|
</tr>
|
||||||
</tbody>
|
@endforeach
|
||||||
</table>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
@if (isset($page) && $page->attachments->count() > 0)
|
@if (isset($page) && $page->attachments->count() > 0)
|
||||||
<h6 class="text-muted">{{ trans('entities.pages_attachments') }}</h6>
|
<div class="card">
|
||||||
@foreach($page->attachments as $attachment)
|
<h3><i class="zmdi zmdi-attachment-alt"></i> {{ trans('entities.pages_attachments') }}</h3>
|
||||||
<div class="attachment">
|
<div class="body">
|
||||||
<a href="{{ $attachment->getUrl() }}" @if($attachment->external) target="_blank" @endif><i class="zmdi zmdi-{{ $attachment->external ? 'open-in-new' : 'file' }}"></i>{{ $attachment->name }}</a>
|
@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
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
|
||||||
@endif
|
|
||||||
|
|
||||||
@if (isset($pageNav) && count($pageNav))
|
|
||||||
<h6 class="text-muted">{{ trans('entities.pages_navigation') }}</h6>
|
|
||||||
<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>
|
|
||||||
</li>
|
|
||||||
@endforeach
|
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<h6 class="text-muted">{{ trans('entities.books_navigation') }}</h6>
|
@if (isset($pageNav) && count($pageNav))
|
||||||
<ul class="sidebar-page-list menu">
|
<div class="card">
|
||||||
|
<h3><i class="zmdi zmdi-compass"></i> {{ trans('entities.pages_navigation') }}</h3>
|
||||||
|
<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>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
@if (userCan('view', $book))
|
<div class="card">
|
||||||
<li class="book-header"><a href="{{ $book->getUrl() }}" class="book {{ $current->matches($book)? 'selected' : '' }}"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
|
<h3><i class="zmdi zmdi-book"></i> {{ trans('entities.books_navigation') }}</h3>
|
||||||
@endif
|
<div class="body">
|
||||||
|
<ul class="sidebar-page-list menu">
|
||||||
|
|
||||||
@foreach($sidebarTree as $bookChild)
|
@if (userCan('view', $book))
|
||||||
<li class="list-item-{{ $bookChild->getClassName() }} {{ $bookChild->getClassName() }} {{ $bookChild->isA('page') && $bookChild->draft ? 'draft' : '' }}">
|
<li class="book-header"><a href="{{ $book->getUrl() }}" class="book {{ $current->matches($book)? 'selected' : '' }}"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
|
||||||
<a href="{{ $bookChild->getUrl() }}" class="{{ $bookChild->getClassName() }} {{ $current->matches($bookChild)? 'selected' : '' }}">
|
|
||||||
@if($bookChild->isA('chapter'))<i class="zmdi zmdi-collection-bookmark"></i>@else <i class="zmdi zmdi-file-text"></i>@endif{{ $bookChild->name }}
|
|
||||||
</a>
|
|
||||||
|
|
||||||
@if($bookChild->isA('chapter') && count($bookChild->pages) > 0)
|
|
||||||
<p chapter-toggle class="text-muted @if($bookChild->matchesOrContains($current)) open @endif">
|
|
||||||
<i class="zmdi zmdi-caret-right"></i> <i class="zmdi zmdi-file-text"></i> <span>{{ trans('entities.x_pages', ['count' => $bookChild->pages->count()]) }}</span>
|
|
||||||
</p>
|
|
||||||
<ul class="menu sub-menu inset-list @if($bookChild->matchesOrContains($current)) open @endif">
|
|
||||||
@foreach($bookChild->pages as $childPage)
|
|
||||||
<li class="list-item-page {{ $childPage->isA('page') && $childPage->draft ? 'draft' : '' }}">
|
|
||||||
<a href="{{ $childPage->getUrl() }}" class="page {{ $current->matches($childPage)? 'selected' : '' }}">
|
|
||||||
<i class="zmdi zmdi-file-text"></i> {{ $childPage->name }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
@endforeach
|
|
||||||
</ul>
|
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
@foreach($sidebarTree as $bookChild)
|
||||||
|
<li class="list-item-{{ $bookChild->getClassName() }} {{ $bookChild->getClassName() }} {{ $bookChild->isA('page') && $bookChild->draft ? 'draft' : '' }}">
|
||||||
|
<a href="{{ $bookChild->getUrl() }}" class="{{ $bookChild->getClassName() }} {{ $current->matches($bookChild)? 'selected' : '' }}">
|
||||||
|
@if($bookChild->isA('chapter'))<i class="zmdi zmdi-collection-bookmark"></i>@else <i class="zmdi zmdi-file-text"></i>@endif{{ $bookChild->name }}
|
||||||
|
</a>
|
||||||
|
|
||||||
</li>
|
@if($bookChild->isA('chapter') && count($bookChild->pages) > 0)
|
||||||
@endforeach
|
<p chapter-toggle class="text-muted @if($bookChild->matchesOrContains($current)) open @endif">
|
||||||
|
<i class="zmdi zmdi-caret-right"></i> <i class="zmdi zmdi-file-text"></i> <span>{{ trans('entities.x_pages', ['count' => $bookChild->pages->count()]) }}</span>
|
||||||
|
</p>
|
||||||
|
<ul class="menu sub-menu inset-list @if($bookChild->matchesOrContains($current)) open @endif">
|
||||||
|
@foreach($bookChild->pages as $childPage)
|
||||||
|
<li class="list-item-page {{ $childPage->isA('page') && $childPage->draft ? 'draft' : '' }}">
|
||||||
|
<a href="{{ $childPage->getUrl() }}" class="page {{ $current->matches($childPage)? 'selected' : '' }}">
|
||||||
|
<i class="zmdi zmdi-file-text"></i> {{ $childPage->name }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
30
resources/views/sidebar-layout.blade.php
Normal file
30
resources/views/sidebar-layout.blade.php
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
@extends('base')
|
||||||
|
|
||||||
|
@section('content')
|
||||||
|
|
||||||
|
<div class="faded-small toolbar">
|
||||||
|
<div class="container fluid">
|
||||||
|
<div class="row">
|
||||||
|
@yield('toolbar')
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex-fill flex">
|
||||||
|
|
||||||
|
<div class="sidebar flex print-hidden">
|
||||||
|
<div class="scroll-body">
|
||||||
|
@yield('sidebar')
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content flex">
|
||||||
|
<div class="scroll-body">
|
||||||
|
@yield('body')
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@stop
|
Loading…
Reference in New Issue
Block a user