FEATURE #1435: add login and layout of new admin theme

This commit is contained in:
Michal Kváček
2016-08-16 16:07:14 +02:00
parent aa462c2454
commit fc1141184c
97 changed files with 94901 additions and 105 deletions
+160 -33
View File
@@ -1,39 +1,166 @@
@extends('admin/layout')
@extends('admin.layoutWithNavigation')
@section('content')
<div class="row">
<h1>@lang('admin/contents.overview')</h1>
@if (session('success'))
<div data-alert class="callout success">
<strong>{{ session('success') }}</strong>
<article class="content charts-flot-page">
<div class="title-block">
<h3 class="title">
Charts Flot
</h3>
<p class="title-description"> List of sample charts with custom colors </p>
</div>
<section class="section">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-block">
<div class="card-title-block">
<h3 class="title">
Bar Chart Example
</h3> </div>
<section class="example">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-bar-chart"></div>
</div>
</section>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-block">
<div class="card-title-block">
<h3 class="title">
Line Cahrt Example
</h3> </div>
<section class="example">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-line-chart"></div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-block">
<div class="card-title-block">
<h3 class="title">
Pie Chart Example
</h3> </div>
<section class="example">
<div class="flot-chart">
<div class="flot-chart-pie-content" id="flot-pie-chart"></div>
</div>
</section>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-block">
<div class="card-title-block">
<h3 class="title">
Live Chart Example
</h3> </div>
<section class="example">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-line-chart-moving"></div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-block">
<div class="card-title-block">
<h3 class="title">
Multiple Axes Line Chart Example
</h3> </div>
<section class="example">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-line-chart-multi"></div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
</article>
<footer class="footer">
<div class="footer-block buttons"> <iframe class="footer-github-btn" src="https://ghbtns.com/github-btn.html?user=modularcode&repo=modular-admin-html&type=star&count=true" frameborder="0" scrolling="0" width="140px" height="20px"></iframe> </div>
<div class="footer-block author">
<ul>
<li> created by <a href="https://github.com/modularcode">ModularCode</a> </li>
<li> <a href="https://github.com/modularcode/modular-admin-html#get-in-touch">get in touch</a> </li>
</ul>
</div>
</footer>
<div class="modal fade" id="modal-media">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title">Media Library</h4> </div>
<div class="modal-body modal-tab-container">
<ul class="nav nav-tabs modal-tabs" role="tablist">
<li class="nav-item"> <a class="nav-link" href="#gallery" data-toggle="tab" role="tab">Gallery</a> </li>
<li class="nav-item"> <a class="nav-link active" href="#upload" data-toggle="tab" role="tab">Upload</a> </li>
</ul>
<div class="tab-content modal-tab-content">
<div class="tab-pane fade" id="gallery" role="tabpanel">
<div class="images-container">
<div class="row"> </div>
</div>
</div>
<div class="tab-pane fade active in" id="upload" role="tabpanel">
<div class="upload-container">
<div id="dropzone">
<form action="/" method="POST" enctype="multipart/form-data" class="dropzone needsclick dz-clickable" id="demo-upload">
<div class="dz-message-block">
<div class="dz-message needsclick"> Drop files here or click to upload. </div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Insert Selected</button> </div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
@endif
@if (session('error'))
<div data-alert class="callout alert">
<strong>{{ session('error') }}</strong>
<!-- /.modal -->
<div class="modal fade" id="confirm-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title"><i class="fa fa-warning"></i> Alert</h4> </div>
<div class="modal-body">
<p>Are you sure want to do this?</p>
</div>
<div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Yes</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button> </div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
@endif
</div>
@if (!$homepage)
<div class="row">
<div class="callout alert">
<strong>@lang('admin/contents.noHomepage')</strong>
<!-- /.modal -->
</div>
</div>
@elseif(!$homepage->isPublic())
<div class="row">
<div class="callout warning">
<strong>@lang('admin/contents.homepageProtected')</strong>
</div>
</div>
@endif
@include('admin.content.overviewTiles')
<div class="row">
{!! $pages->render() !!}
</div>
@stop
@endsection
+42 -63
View File
@@ -1,75 +1,54 @@
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@yield('head_meta')
<title>@yield('pageName', @trans('admin/common.admin')) | {{isset($pageName) ? $pageName : ''}}</title>
<link rel="stylesheet" href="{{asset('resources/assets/css/foundation.min.css')}}" />
<title>{{isset($pageName) ? $pageName : ''}}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{asset('resources/assets/css/font-awesome.min.css')}}" />
<link rel="stylesheet" href="{{asset('resources/assets/css/admin.css')}}" />
@yield('head_stylesheets')
<link rel="stylesheet" href="{{asset('resources/assets/admin/css/vendor.css')}}">
<script>
window.assetsPath = "{{asset('resources/assets/admin')}}";
var themeSettings = (localStorage.getItem ('themeSettings')) ? JSON.parse (localStorage.getItem ('themeSettings')) :
{};
var themeName = themeSettings.themeName || '';
if (themeName) {
document.write ('<link rel="stylesheet" id="theme-style" href="{{asset('resources/assets/admin/css/')}}/app-' + themeName + '.css">');
} else {
document.write ('<link rel="stylesheet" id="theme-style" href="{{asset('resources/assets/admin/css/')}}/app.css">');
}
</script>
</head>
<body class="admin">
<div id="container">
<body>
<header class="row nav top-bar">
<section class="logo columns small-1 medium-3 large-2">
<ul class="dropdown menu language_bar_chooser" data-dropdown-menu>
<li>
<a href="#">@lang(LaravelLocalization::getCurrentLocaleName())</a>
<ul class="menu">
@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
<li @if(LaravelLocalization::getCurrentLocale() == $localeCode) class="active" @endif>
<a rel="alternate" hreflang="{{$localeCode}}"
href="{{LaravelLocalization::getLocalizedURL($localeCode) }}">
{{ $properties['native'] }}
</a>
</li>
@endforeach
</ul>
</li>
</ul>
</section>
<section class="heading columns small-10 medium-8 large-8">
@include('admin.search.miniSearchForm')
</section>
<section class="profile columns small-10 medium-1 large-2">
<ul class="vertical dropdown menu" data-dropdown-menu>
<li>
<a href="#">
<img src="{{Auth::user()->gravatar(25)}}" alt="" />
{{Auth::user()->getAttribute('name')}}
</a>
{!! Menu::render('profileMenu', 'foundation-dropdown-initialized') !!}
</li>
</ul>
</section>
</header>
<div class="row">
<section class="sidebar large-2 columns">
{!! Menu::render('mainMenu', 'foundation-drilldown') !!}
</section>
<section class="content small-11 medium-9 large-10 columns">
@yield('content')
</section>
@if (session('success'))
<div data-alert class="callout success">
<strong>{{ session('success') }}</strong>
</div>
@endif
<footer class="row text-center">
&copy; {{isset($pageName) ? $pageName : ''}} {{date('Y')}}
</footer>
@if (session('error'))
<div data-alert class="callout alert">
<strong>{{ session('error') }}</strong>
</div>
@endif
@yield('page')
<div class="ref" id="ref">
<div class="color-primary"></div>
<div class="chart">
<div class="color-primary"></div>
<div class="color-secondary"></div>
</div>
</div>
<script src="{{asset('resources/assets/js/vendor/jquery.min.js')}}"></script>
<script src="{{asset('resources/assets/js/vendor/what-input.min.js')}}"></script>
<script src="{{asset('resources/assets/js/foundation.min.js')}}"></script>
<script src="{{asset('resources/assets/js/app.js')}}"></script>
@yield('javascripts')
<script src="{{asset('resources/assets/admin/js')}}/vendor.js"></script>
<script src="{{asset('resources/assets/admin/js')}}/app.js"></script>
</body>
</html>
</html>
@@ -0,0 +1,257 @@
@extends('admin.layout')
@section('page')
<div class="main-wrapper">
<div class="app" id="app">
<header class="header">
<div class="header-block header-block-collapse hidden-lg-up">
<button class="collapse-btn" id="sidebar-collapse-btn">
<i class="fa fa-bars"></i>
</button>
</div>
<div class="header-block header-block-search hidden-sm-down">
<form action="{{route('search')}}" method="get">
<div class="input-container">
<i class="fa fa-search"></i>
<input type="search" value="@if(isset($search)){{$search}}@endif"
placeholder="@lang('search.term')" name="search" />
<div class="underline"></div>
</div>
</form>
</div>
<div class="header-block header-block-nav">
<ul class="nav-profile">
<li class="profile dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
@lang(LaravelLocalization::getCurrentLocaleName())
</a>
<div class="dropdown-menu">
@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
<a hreflang="{{$localeCode}}"
href="{{LaravelLocalization::getLocalizedURL($localeCode) }}"
class="dropdown-item">
{{ $properties['native'] }}
</a>
@endforeach
</div>
<li class="profile dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
<div class="img"
style="background-image: url('{{Auth::user()->gravatar(40)}}')"></div>
<span class="name">{{Auth::user()->getAttribute('name')}}</span>
</a>
<div class="dropdown-menu profile-dropdown-menu" aria-labelledby="dropdownMenu1">
<a class="dropdown-item" href="#"> <i class="fa fa-user icon"></i> Profile </a>
<a class="dropdown-item" href="#"> <i class="fa fa-bell icon"></i> Notifications </a>
<a class="dropdown-item" href="#"> <i class="fa fa-gear icon"></i> Settings </a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{route('logout')}}"> <i
class="fa fa-power-off icon"></i> Logout
</a>
</div>
</li>
</ul>
</div>
</header>
<aside class="sidebar">
<div class="sidebar-container">
<div class="sidebar-header">
<div class="brand">
<div class="logo">
<span class="l l1"></span> <span class="l l2"></span> <span
class="l l3"></span> <span class="l l4"></span> <span class="l l5"></span>
</div>
{{isset($pageName) ? $pageName : ''}}
</div>
</div>
<nav class="menu">
{!! Menu::render('mainMenu', 'metismenu') !!}
{{--<ul class="nav metismenu" id="sidebar-menu">--}}
{{--<li>--}}
{{--<a href="index.html"> <i class="fa fa-home"></i> Dashboard </a>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href=""> <i class="fa fa-th-large"></i> Items Manager <i class="fa arrow"></i> </a>--}}
{{--<ul>--}}
{{--<li><a href="items-list.html">--}}
{{--Items List--}}
{{--</a></li>--}}
{{--<li><a href="item-editor.html">--}}
{{--Item Editor--}}
{{--</a></li>--}}
{{--</ul>--}}
{{--</li>--}}
{{--<li class="active open">--}}
{{--<a href=""> <i class="fa fa-bar-chart"></i> Charts <i class="fa arrow"></i> </a>--}}
{{--<ul>--}}
{{--<li class="active"><a href="charts-flot.html">--}}
{{--Flot Charts--}}
{{--</a></li>--}}
{{--<li><a href="charts-morris.html">--}}
{{--Morris Charts--}}
{{--</a></li>--}}
{{--</ul>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href=""> <i class="fa fa-table"></i> Tables <i class="fa arrow"></i> </a>--}}
{{--<ul>--}}
{{--<li><a href="static-tables.html">--}}
{{--Static Tables--}}
{{--</a></li>--}}
{{--<li><a href="responsive-tables.html">--}}
{{--Responsive Tables--}}
{{--</a></li>--}}
{{--</ul>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href="forms.html"> <i class="fa fa-pencil-square-o"></i> Forms </a>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href=""> <i class="fa fa-desktop"></i> UI Elements <i class="fa arrow"></i> </a>--}}
{{--<ul>--}}
{{--<li><a href="buttons.html">--}}
{{--Buttons--}}
{{--</a></li>--}}
{{--<li><a href="cards.html">--}}
{{--Cards--}}
{{--</a></li>--}}
{{--<li><a href="typography.html">--}}
{{--Typography--}}
{{--</a></li>--}}
{{--<li><a href="icons.html">--}}
{{--Icons--}}
{{--</a></li>--}}
{{--<li><a href="grid.html">--}}
{{--Grid--}}
{{--</a></li>--}}
{{--</ul>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href=""> <i class="fa fa-file-text-o"></i> Pages <i class="fa arrow"></i> </a>--}}
{{--<ul>--}}
{{--<li><a href="login.html">--}}
{{--Login--}}
{{--</a></li>--}}
{{--<li><a href="signup.html">--}}
{{--Sign Up--}}
{{--</a></li>--}}
{{--<li><a href="reset.html">--}}
{{--Reset--}}
{{--</a></li>--}}
{{--<li><a href="error-404.html">--}}
{{--Error 404 App--}}
{{--</a></li>--}}
{{--<li><a href="error-404-alt.html">--}}
{{--Error 404 Global--}}
{{--</a></li>--}}
{{--<li><a href="error-500.html">--}}
{{--Error 500 App--}}
{{--</a></li>--}}
{{--<li><a href="error-500-alt.html">--}}
{{--Error 500 Global--}}
{{--</a></li>--}}
{{--</ul>--}}
{{--</li>--}}
{{--<li>--}}
{{--<a href="https://github.com/modularcode/modular-admin-html"> <i--}}
{{--class="fa fa-github-alt"></i> Theme Docs </a>--}}
{{--</li>--}}
{{--</ul>--}}
</nav>
</div>
<footer class="sidebar-footer">
<ul class="nav metismenu" id="customize-menu">
<li>
<ul>
<li class="customize">
<div class="customize-item">
<div class="row customize-header">
<div class="col-xs-4"></div>
<div class="col-xs-4"><label class="title">fixed</label></div>
<div class="col-xs-4"><label class="title">static</label></div>
</div>
<div class="row hidden-md-down">
<div class="col-xs-4"><label class="title">Sidebar:</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="sidebarPosition"
value="sidebar-fixed">
<span></span>
</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="sidebarPosition" value="">
<span></span>
</label></div>
</div>
<div class="row">
<div class="col-xs-4"><label class="title">Header:</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="headerPosition"
value="header-fixed">
<span></span>
</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="headerPosition" value="">
<span></span>
</label></div>
</div>
<div class="row">
<div class="col-xs-4"><label class="title">Footer:</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="footerPosition"
value="footer-fixed">
<span></span>
</label></div>
<div class="col-xs-4"><label>
<input class="radio" type="radio" name="footerPosition" value="">
<span></span>
</label></div>
</div>
</div>
<div class="customize-item">
<ul class="customize-colors">
<li><span class="color-item color-red" data-theme="red"></span></li>
<li><span class="color-item color-orange" data-theme="orange"></span></li>
<li><span class="color-item color-green active" data-theme=""></span></li>
<li><span class="color-item color-seagreen" data-theme="seagreen"></span>
</li>
<li><span class="color-item color-blue" data-theme="blue"></span></li>
<li><span class="color-item color-purple" data-theme="purple"></span></li>
</ul>
</div>
</li>
</ul>
<a href=""> <i class="fa fa-cog"></i> Customize </a>
</li>
</ul>
</footer>
</aside>
<div class="sidebar-overlay" id="sidebar-overlay"></div>
@yield('content')
<footer class="footer">
<div class="footer-block buttons">
<iframe class="footer-github-btn"
src="https://ghbtns.com/github-btn.html?user=modularcode&repo=modular-admin-html&type=star&count=true"
frameborder="0" scrolling="0" width="140px" height="20px"></iframe>
</div>
<div class="footer-block author">
<ul>
<li> created by <a href="https://github.com/modularcode">ModularCode</a></li>
<li><a href="https://github.com/modularcode/modular-admin-html#get-in-touch">get in touch</a>
</li>
</ul>
</div>
</footer>
</div>
</div>
@endsection
+47
View File
@@ -0,0 +1,47 @@
@extends('admin.layout')
@section('page')
<div class="auth">
<div class="auth-container">
<div class="card">
<header class="auth-header">
<h1 class="auth-title">
<div class="logo">
<span class="l l1"></span>
<span class="l l2"></span>
<span class="l l3"></span>
<span class="l l4"></span>
<span class="l l5"></span>
</div>
{{isset($pageName) ? $pageName : ''}}
</h1>
</header>
<div class="auth-content">
<p class="text-xs-center">@lang('admin/loginForm.loginToContinue')</p>
<form method="POST" action="{{ route('login') }}">
{!! csrf_field() !!}
<div class="form-group">
<label for="email">@lang('admin/loginForm.email')</label>
<input type="email"
class="form-control underlined"
name="email" id="email"
placeholder="@lang('admin/loginForm.yourEmail')"
required>
</div>
<div class="form-group">
<label for="password">@lang('admin/loginForm.password')</label>
<input type="password"
class="form-control underlined"
name="password" id="password"
placeholder="@lang('admin/loginForm.yourPassword')"
required>
</div>
<div class="form-group">
<button type="submit" class="btn btn-block btn-primary">Login</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,39 @@
@extends('admin/layout')
@section('content')
<div class="row">
<h1>@lang('admin/contents.overview')</h1>
@if (session('success'))
<div data-alert class="callout success">
<strong>{{ session('success') }}</strong>
</div>
@endif
@if (session('error'))
<div data-alert class="callout alert">
<strong>{{ session('error') }}</strong>
</div>
@endif
</div>
@if (!$homepage)
<div class="row">
<div class="callout alert">
<strong>@lang('admin/contents.noHomepage')</strong>
</div>
</div>
@elseif(!$homepage->isPublic())
<div class="row">
<div class="callout warning">
<strong>@lang('admin/contents.homepageProtected')</strong>
</div>
</div>
@endif
@include('admin.content.overviewTiles')
<div class="row">
{!! $pages->render() !!}
</div>
@stop
@@ -0,0 +1,75 @@
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@yield('head_meta')
<title>@yield('pageName', @trans('admin/common.admin')) | {{isset($pageName) ? $pageName : ''}}</title>
<link rel="stylesheet" href="{{asset('resources/assets/css/foundation.min.css')}}" />
<link rel="stylesheet" href="{{asset('resources/assets/css/font-awesome.min.css')}}" />
<link rel="stylesheet" href="{{asset('resources/assets/css/admin.css')}}" />
@yield('head_stylesheets')
</head>
<body class="admin">
<div id="container">
<header class="row nav top-bar">
<section class="logo columns small-1 medium-3 large-2">
<ul class="dropdown menu language_bar_chooser" data-dropdown-menu>
<li>
<a href="#">@lang(LaravelLocalization::getCurrentLocaleName())</a>
<ul class="menu">
@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
<li @if(LaravelLocalization::getCurrentLocale() == $localeCode) class="active" @endif>
<a rel="alternate" hreflang="{{$localeCode}}"
href="{{LaravelLocalization::getLocalizedURL($localeCode) }}">
{{ $properties['native'] }}
</a>
</li>
@endforeach
</ul>
</li>
</ul>
</section>
<section class="heading columns small-10 medium-8 large-8">
@include('admin.search.miniSearchForm')
</section>
<section class="profile columns small-10 medium-1 large-2">
<ul class="vertical dropdown menu" data-dropdown-menu>
<li>
<a href="#">
<img src="{{Auth::user()->gravatar(25)}}" alt="" />
{{Auth::user()->getAttribute('name')}}
</a>
{!! Menu::render('profileMenu', 'foundation-dropdown-initialized') !!}
</li>
</ul>
</section>
</header>
<div class="row">
<section class="sidebar large-2 columns">
{!! Menu::render('mainMenu', 'foundation-drilldown') !!}
</section>
<section class="content small-11 medium-9 large-10 columns">
@yield('content')
</section>
</div>
<footer class="row text-center">
&copy; {{isset($pageName) ? $pageName : ''}} {{date('Y')}}
</footer>
</div>
<script src="{{asset('resources/assets/js/vendor/jquery.min.js')}}"></script>
<script src="{{asset('resources/assets/js/vendor/what-input.min.js')}}"></script>
<script src="{{asset('resources/assets/js/foundation.min.js')}}"></script>
<script src="{{asset('resources/assets/js/app.js')}}"></script>
@yield('javascripts')
</body>
</html>
@@ -0,0 +1,9 @@
@extendVisitor('defaultLayout')
@section('content')
<h2>{{$page->title}}</h2>
<hr>
{!! $page->content !!}
@endsection