#9: Updated the admin index page to Bootstrap v4

This commit is contained in:
Andy Heathershaw 2017-03-22 21:45:58 +00:00
parent 836c0539ca
commit df96a9093c
11 changed files with 39 additions and 39 deletions

View File

@ -3,7 +3,7 @@
<component name="WebServers"> <component name="WebServers">
<option name="servers"> <option name="servers">
<webServer id="b14a34b0-0127-4886-964a-7be75a2281ac" name="Development" url="http://blue-twilight-dev.andys.eu"> <webServer id="b14a34b0-0127-4886-964a-7be75a2281ac" name="Development" url="http://blue-twilight-dev.andys.eu">
<fileTransfer host="scar.andys.eu" port="22" privateKey="C:\Users\aheathershaw\.ssh\id_rsa" rootFolder="/srv/www/blue-twilight-dev" accessType="SFTP" keyPair="true"> <fileTransfer host="scar.andys.eu" port="22" privateKey="$USER_HOME$/.ssh/id_rsa" rootFolder="/srv/www/blue-twilight-dev" accessType="SFTP" keyPair="true">
<advancedOptions> <advancedOptions>
<advancedOptions dataProtectionLevel="Private" /> <advancedOptions dataProtectionLevel="Private" />
</advancedOptions> </advancedOptions>

View File

@ -1,3 +1,6 @@
.admin-sidebar-card {
margin-bottom: 15px;
}
html { html {
font-size: 14px !important; font-size: 14px !important;
} }

View File

@ -1,4 +1,4 @@
html{font-size:14px !important}button,input,optgroup,select,textarea{cursor:pointer;font-family:inherit !important}.album-photo-cards .card{margin-bottom:15px}.container,.container-fluid{margin-top:20px}.tab-content{border:solid 1px #ddd;border-top:0;padding:20px}/*! .admin-sidebar-card{margin-bottom:15px}html{font-size:14px !important}button,input,optgroup,select,textarea{cursor:pointer;font-family:inherit !important}.album-photo-cards .card{margin-bottom:15px}.container,.container-fluid{margin-top:20px}.tab-content{border:solid 1px #ddd;border-top:0;padding:20px}/*!
* Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc. * Copyright 2011-2017 Twitter, Inc.

3
resources/assets/css/admin.css vendored Normal file
View File

@ -0,0 +1,3 @@
.admin-sidebar-card {
margin-bottom: 15px;
}

View File

@ -9,13 +9,13 @@
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-4 push-sm-8"> <div class="col-md-4 push-md-8">
@include (Theme::viewName('partials.admin_actions_widget')) @include (Theme::viewName('partials.admin_actions_widget'))
@include (Theme::viewName('partials.admin_manage_widget')) @include (Theme::viewName('partials.admin_manage_widget'))
@include (Theme::viewName('partials.admin_stats_widget')) @include (Theme::viewName('partials.admin_stats_widget'))
</div> </div>
<div class="col-sm-8 pull-sm-4"> <div class="col-md-8 pull-md-4">
@include (Theme::viewName('partials.admin_sysinfo_widget')) @include (Theme::viewName('partials.admin_sysinfo_widget'))
</div> </div>
</div> </div>

View File

@ -20,7 +20,7 @@
<p style="line-height: 1.6em;">@lang('gallery.album_no_results_text', ['admin_link' => sprintf('<a href="%s">%s</a>', route('admin'), trans('admin.title'))])</p> <p style="line-height: 1.6em;">@lang('gallery.album_no_results_text', ['admin_link' => sprintf('<a href="%s">%s</a>', route('admin'), trans('admin.title'))])</p>
<p style="margin-bottom: 30px; line-height: 1.6em;">@lang('gallery.album_no_results_text_2')</p> <p style="margin-bottom: 30px; line-height: 1.6em;">@lang('gallery.album_no_results_text_2')</p>
<img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-responsive img-rounded" style="display: inline;" /> <img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
</div> </div>
</div> </div>
</div> </div>

View File

@ -31,7 +31,7 @@
<h1>@lang('gallery.index_no_results_heading')</h1> <h1>@lang('gallery.index_no_results_heading')</h1>
<p style="margin-bottom: 30px; line-height: 2em;">@lang('gallery.index_no_results_text', ['admin_link' => sprintf('<a href="%s">%s</a>', route('admin'), trans('admin.title'))])</p> <p style="margin-bottom: 30px; line-height: 2em;">@lang('gallery.index_no_results_text', ['admin_link' => sprintf('<a href="%s">%s</a>', route('admin'), trans('admin.title'))])</p>
<img src="{{ asset('themes/base/images/take-a-photo.jpg') }}" class="img-responsive img-rounded" style="display: inline;" /> <img src="{{ asset('themes/base/images/take-a-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
</div> </div>
@endif @endif
</div> </div>

View File

@ -1,8 +1,6 @@
<div class="panel panel-default"> <div class="card admin-sidebar-card">
<div class="panel-heading">@lang('admin.actions_widget.panel_header')</div> <div class="card-header">@lang('admin.actions_widget.panel_header')</div>
<div class="panel-body"> <div class="card-block">
<ul class="nav nav-pills"> <a class="btn btn-link" href="{{ route('albums.create') }}"><i class="fa fa-fw fa-plus"></i> @lang('admin.actions_widget.create_album_link')</a>
<li role="presentation"><a href="{{ route('albums.create') }}"><i class="fa fa-fw fa-plus"></i> @lang('admin.actions_widget.create_album_link')</a></li>
</ul>
</div> </div>
</div> </div>

View File

@ -1,15 +1,13 @@
<div class="panel panel-default"> <div class="card admin-sidebar-card">
<div class="panel-heading">@lang('admin.manage_widget.panel_header')</div> <div class="card-header">@lang('admin.manage_widget.panel_header')</div>
<div class="panel-body"> <div class="card-block">
<ul class="nav nav-pills"> <a class="btn btn-link" href="{{ route('albums.index') }}"><i class="fa fa-fw fa-picture-o"></i> @lang('navigation.breadcrumb.albums')</a>
<li role="presentation"><a href="{{ route('albums.index') }}"><i class="fa fa-fw fa-picture-o"></i> @lang('navigation.breadcrumb.albums')</a></li>
@can('admin-access') @can('admin-access')
<li role="presentation"><a href="{{ route('users.index') }}"><i class="fa fa-fw fa-user"></i> @lang('navigation.breadcrumb.users')</a></li> <a class="btn btn-link" href="{{ route('users.index') }}"><i class="fa fa-fw fa-user"></i> @lang('navigation.breadcrumb.users')</a>
<li role="presentation"><a href="{{ route('groups.index') }}"><i class="fa fa-fw fa-users"></i> @lang('navigation.breadcrumb.groups')</a></li> <a class="btn btn-link" href="{{ route('groups.index') }}"><i class="fa fa-fw fa-users"></i> @lang('navigation.breadcrumb.groups')</a>
<li role="presentation"><a href="{{ route('storage.index') }}"><i class="fa fa-fw fa-folder"></i> @lang('navigation.breadcrumb.storage')</a></li> <a class="btn btn-link" href="{{ route('storage.index') }}"><i class="fa fa-fw fa-folder"></i> @lang('navigation.breadcrumb.storage')</a>
<li role="presentation"><a href="{{ route('admin.settings') }}"><i class="fa fa-fw fa-cog"></i> @lang('navigation.breadcrumb.settings')</a></li> <a class="btn btn-link" href="{{ route('admin.settings') }}"><i class="fa fa-fw fa-cog"></i> @lang('navigation.breadcrumb.settings')</a>
@endcan @endcan
</ul>
</div> </div>
</div> </div>

View File

@ -1,13 +1,11 @@
<div class="panel panel-default"> <div class="card admin-sidebar-card">
<div class="panel-heading">@lang('admin.stats_widget.panel_header')</div> <div class="card-header">@lang('admin.stats_widget.panel_header')</div>
<div class="panel-body"> <div class="card-block">
<p>
<b>{{ $album_count }}</b> {{ trans_choice('admin.stats_widget.albums', $album_count) }}<br/> <b>{{ $album_count }}</b> {{ trans_choice('admin.stats_widget.albums', $album_count) }}<br/>
<b>{{ $photo_count }}</b> {{ trans_choice('admin.stats_widget.photos', $photo_count) }} <b>{{ $photo_count }}</b> {{ trans_choice('admin.stats_widget.photos', $photo_count) }}
@can('admin-access') @can('admin-access')
<br/> <br/>
<b>{{ $user_count }}</b> {{ trans_choice('admin.stats_widget.users', $user_count) }} / <b>{{ $group_count }}</b> {{ trans_choice('admin.stats_widget.groups', $group_count) }} <b>{{ $user_count }}</b> {{ trans_choice('admin.stats_widget.users', $user_count) }} / <b>{{ $group_count }}</b> {{ trans_choice('admin.stats_widget.groups', $group_count) }}
@endcan @endcan
</p>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="panel panel-default"> <div class="card">
<div class="panel-heading">@lang('admin.sysinfo_panel')</div> <div class="card-header">@lang('admin.sysinfo_panel')</div>
<div class="panel-body" style="padding: 0;"> <div class="card-block" style="padding: 0;">
<table id="system-info" class="table table-striped table-responsive" style="margin-bottom: 0; overflow-x: scroll;"> <table id="system-info" class="table my-0 table-striped">
<tbody> <tbody>
<tr> <tr>
<td class="meta-label">@lang('admin.sysinfo_widget.app_version')</td> <td class="meta-label">@lang('admin.sysinfo_widget.app_version')</td>