FEATURE #1365: add some basic layout to admin interface

Admin interface now has some sidebar and content area. Sidebar was supposed to be "dropdown-on-click", however I have not acomplished it yet.
This commit is contained in:
Michal Kváček
2016-01-21 16:02:38 +01:00
parent b258233497
commit 1d33157892
7 changed files with 118 additions and 13 deletions
+10
View File
@@ -1,7 +1,17 @@
.row {
width: 100%;
max-width: 100%;
}
header {
background: #ddd;
}
.sidebar {
background: #eee;
}
.login-form {
+4 -1
View File
@@ -1,5 +1,8 @@
<?php
return [
'dashboard' => 'Dashboard'
'dashboard' => 'Dashboard',
'userManagement' => 'User Management',
'newUser' => 'New User',
'usersOverview' => 'Overview'
];
+2 -4
View File
@@ -1,9 +1,7 @@
@extends('admin.layout')
@section('content')
<h1>Dashboard</h1>
<div class="row">
<h1>Dashboard</h1>
</div>
some fancy content
@stop
+32 -7
View File
@@ -6,18 +6,43 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@yield('head_meta')
<title>@yield('pageName') {{$vendorName}}</title>
<link rel="stylesheet" href="{{asset('../resources/assets/css/foundation.css')}}" />
<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>
<body class="admin">
<div class="row">
{!! Menu::render('mainMenu') !!}
<div id="container">
<header class="row">
<section class="logo columns large-2">
...
</section>
<section class="heading columns large-8">
<h1>{{$vendorName}}</h1>
</section>
<section class="profile columns large-2">
{!! Menu::render('profileMenu') !!}
</section>
</header>
<div class="row">
<section class="sidebar large-2 columns">
{!! Menu::render('mainMenu', 'foundation') !!}
</section>
<section class="content large-10 columns">
@yield('content')
</section>
</div>
<footer>
&copy; {{$vendorName}} {{date('Y')}}
</footer>
</div>
@yield('content')
<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>