FEATURE: make content pages list responsive
This commit is contained in:
Michal Kváček
@@ -4,9 +4,9 @@
|
|||||||
@section('headerButtons')
|
@section('headerButtons')
|
||||||
|
|
||||||
@if($module)
|
@if($module)
|
||||||
<a href="{{route('content.new', ['moduleId' => $module->id])}}" class="btn btn-primary btn-sm rounded-s">
|
<a href="{{route('content.new', ['moduleId' => $module->id])}}" class="btn btn-primary btn-sm rounded-s">
|
||||||
<i class="fa fa-plus"></i>
|
<i class="fa fa-plus"></i>
|
||||||
</a>
|
</a>
|
||||||
@endif
|
@endif
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@@ -21,21 +21,19 @@
|
|||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@if (count($pages))
|
@if (count($pages))
|
||||||
<table class="table item-list full-width content-overview table-striped table-bordered table-hover">
|
<div class="item-list rows-striped">
|
||||||
<tr>
|
<div class="row bold p-tb-15">
|
||||||
<th></th>
|
<div class="col-md-1 hidden-sm-down"></div>
|
||||||
<th>@lang('admin/contents.title')</th>
|
<div class="col-xs-10 col-md-3 col-lg-4">@lang('admin/contents.title')</div>
|
||||||
<th>@lang('admin/contents.status')</th>
|
<div class="col-lg-2 col-md-3 hidden-sm-down">@lang('admin/contents.status')</div>
|
||||||
<th>@lang('admin/contents.moduleName')</th>
|
<div class="col-lg-2 col-md-3 hidden-sm-down">@lang('admin/contents.moduleName')</div>
|
||||||
<th>@lang('admin/contents.createdAt')</th>
|
<div class="col-lg-2 hidden-md-down">@lang('admin/contents.createdAt')</div>
|
||||||
<th>@lang('admin/contents.actions')</th>
|
<div class="col-xs-2 col-lg-1">@lang('admin/contents.actions')</div>
|
||||||
</tr>
|
</div>
|
||||||
@foreach($pages as $page)
|
@foreach($pages as $page)
|
||||||
<tr>
|
<div class="row p-tb-15">
|
||||||
<td class="text-center with-placeholder">
|
<div class="col-md-1 hidden-sm-down text-center with-placeholder">
|
||||||
<a href="{{route('content.edit', ['id' => $page->id])}}">
|
<a href="{{route('content.edit', ['id' => $page->id])}}">
|
||||||
@if(!empty($page->title_photo))
|
@if(!empty($page->title_photo))
|
||||||
<img src="@upload($page->title_photo)" class="placeholder" alt="{{$page->title}}" />
|
<img src="@upload($page->title_photo)" class="placeholder" alt="{{$page->title}}" />
|
||||||
@@ -44,20 +42,20 @@
|
|||||||
alt="{{$page->title}}" />
|
alt="{{$page->title}}" />
|
||||||
@endif
|
@endif
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</div>
|
||||||
<td>
|
<div class="col-xs-10 col-md-3 col-lg-4">
|
||||||
<a href="{{route('content.edit', ['id' => $page->id])}}">
|
<a href="{{route('content.edit', ['id' => $page->id])}}">
|
||||||
{{$page->title}}
|
{{$page->title}}
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</div>
|
||||||
<td>{{$statuses[$page->status]}}</td>
|
<div class="col-lg-2 col-md-3 hidden-sm-down">{{$statuses[$page->status]}}</div>
|
||||||
<td>
|
<div class="col-lg-2 col-md-3 hidden-sm-down">
|
||||||
<a href="{{route('content.overview', ['moduleId' => $page->module_id])}}">
|
<a href="{{route('content.overview', ['moduleId' => $page->module_id])}}">
|
||||||
{{trans($page->module_name)}}
|
{{trans($page->module_name)}}
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</div>
|
||||||
<td>@date($page->created_at)</td>
|
<div class="col-lg-2 hidden-md-down">@date($page->created_at)</div>
|
||||||
<td class="text-center">
|
<div class="col-xs-2 col-lg-1 text-center">
|
||||||
<div class="item-actions-dropdown">
|
<div class="item-actions-dropdown">
|
||||||
<a class="item-actions-toggle-btn">
|
<a class="item-actions-toggle-btn">
|
||||||
<span class="inactive">
|
<span class="inactive">
|
||||||
@@ -71,65 +69,54 @@
|
|||||||
<ul class="item-actions-list">
|
<ul class="item-actions-list">
|
||||||
|
|
||||||
@if(!$page->is_homepage)
|
@if(!$page->is_homepage)
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
|
||||||
<a href="{{route('content.setHomepage', ['id' => $page->id])}}"
|
<a href="{{route('content.setHomepage', ['id' => $page->id])}}" data-toggle="tooltip" title="@lang('admin/contents.setHomepage')">
|
||||||
class="button tiny success">
|
|
||||||
<i class="fa fa-home"></i>
|
<i class="fa fa-home"></i>
|
||||||
{{--@lang('admin/contents.setHomepage')--}}
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a class="edit" href="{{route('content.edit', ['id' => $page->id])}}"
|
<a class="edit" href="{{route('content.edit', ['id' => $page->id])}}" data-toggle="tooltip" title="@lang('admin/contents.editPlain')">
|
||||||
class="button tiny success">
|
|
||||||
<i class="fa fa-pencil"></i>
|
<i class="fa fa-pencil"></i>
|
||||||
{{-- @lang('admin/contents.editPlain')--}}
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
@if($page->status == \App\Models\Content::STATUS_DRAFT)
|
@if($page->status == \App\Models\Content::STATUS_DRAFT)
|
||||||
<li>
|
<li>
|
||||||
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_PUBLIC])}}"
|
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_PUBLIC])}}"
|
||||||
class="button tiny success">
|
class="confirm" data-toggle="tooltip" title="@lang('admin/contents.makePublic')">
|
||||||
<i class="fa fa-eye"></i>
|
<i class="fa fa-eye"></i>
|
||||||
{{-- @lang('admin/contents.makePublic')--}}
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_PROTECTED])}}"
|
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_PROTECTED])}}"
|
||||||
class="button tiny warning" data-toggle="modal"
|
class="confirm" data-toggle="tooltip"
|
||||||
data-target="#confirm-modal">
|
title="@lang('admin/contents.makeProtected')">
|
||||||
<i class="fa fa-lock"></i>
|
<i class="fa fa-lock"></i>
|
||||||
{{-- @lang('admin/contents.makeProtected')--}}
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@else
|
@else
|
||||||
<li>
|
<li>
|
||||||
<a href="{{route('page.content', ['url' => $page->url])}}" target="_blank"
|
<a href="{{route('page.content', ['url' => $page->url])}}" target="_blank"
|
||||||
class="button tiny secondary"><i class="fa fa-desktop"></i>
|
data-toggle="tooltip" title="@lang('admin/contents.viewPage')"
|
||||||
{{--@lang('admin/contents.viewPage')--}}
|
class="button tiny secondary"><i class="fa fa-globe"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_DRAFT])}}"
|
<a href="{{route('content.changeStatus', ['id' => $page->id, 'status' => \App\Models\Content::STATUS_DRAFT])}}"
|
||||||
class="button tiny warning confirm"><i
|
class="button tiny warning confirm" data-toggle="tooltip"
|
||||||
class="fa fa-eye-slash"></i>
|
title="@lang('admin/contents.makeDraft')">
|
||||||
{{--@lang('admin/contents.makeDraft')--}}
|
<i class="fa fa-eye-slash"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a class="remove" data-toggle="modal" data-target="#confirm-modal"
|
<a href="{{route('content.delete', ['id' => $page->id])}}"
|
||||||
href="{{route('content.delete', ['id' => $page->id])}}"
|
class="button tiny alert remove confirm" data-toggle="tooltip" title="@lang('admin/contents.deletePage')"><i
|
||||||
class="button tiny alert confirm"><i
|
|
||||||
class="fa fa-trash-o"></i>
|
class="fa fa-trash-o"></i>
|
||||||
{{--@lang('admin/contents.deletePage')--}}
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
@@ -139,16 +126,17 @@
|
|||||||
{{--class="fa fa-trash-o "></i> </a>--}}
|
{{--class="fa fa-trash-o "></i> </a>--}}
|
||||||
{{--</li>--}}
|
{{--</li>--}}
|
||||||
{{--<li>--}}
|
{{--<li>--}}
|
||||||
{{--<a class="edit" href="item-editor.html"> <i class="fa fa-pencil"></i> </a>--}}
|
{{--<a class="edit" href="{{route('content.edit', ['id' => $page->id])}}"> <i--}}
|
||||||
|
{{--class="fa fa-pencil"></i> </a>--}}
|
||||||
{{--</li>--}}
|
{{--</li>--}}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</table>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{!! $pages->render() !!}
|
{!! $pages->render() !!}
|
||||||
|
|||||||
Reference in New Issue
Block a user