FEATURE: style menu

This commit adds some markup to sidebars in admin.

resources/assets/css/admin.css

@@ -5,15 +5,24 @@
 }
 
 header {
-	background: #ddd;
 }
 
 .sidebar {
-	background: #eee;
-
 }
 
 
 .login-form {
 	margin-top: 4em;
+}
+
+.active {
+	font-weight: bolder;
+}
+
+/**
+	Footer
+*/
+
+footer {
+	margin-top: 10em;
 }

resources/lang/en/admin/common.php

@@ -0,0 +1,5 @@
+<?php
+return [
+    'admin' => 'Administration',
+    'logout' => 'Log out'
+];

resources/lang/en/admin/mainMenu.php

@@ -1,8 +1,10 @@
 <?php
 
 return [
-    'dashboard' => 'Dashboard',
-    'userManagement' => 'User Management',
-    'newUser' => 'New User',
-    'usersOverview' => 'Overview'
+    'dashboard'      => 'Dashboard',
+    'userManagement' => 'Users',
+    'newUser'        => 'New User',
+    'usersOverview'  => 'Overview',
+    'customFields'   => 'Custom fields',
+    'settings'       => 'Settings'
 ];

resources/lang/en/admin/userManagement.php

@@ -10,6 +10,7 @@ return [
     'role_editor' => 'Editor',
     'role_visitor' => 'Visitor',
     'register' => 'Create user',
-    'registrationSuccessfull' => 'New user successfully added.'
+    'registrationSuccessfull' => 'New user successfully added.',
+    'profile' => 'Your profile'
 
 ];

resources/views/admin/layout.blade.php

@@ -5,7 +5,7 @@
     <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') {{$vendorName}}</title>
+    <title>@yield('pageName', @trans('admin/common.admin')) | {{$vendorName}}</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')}}" />
@@ -16,30 +16,38 @@
 <div id="container">
 
     <header class="row">
-        <section class="logo columns large-2">
-            ...
+        <section class="logo columns small-1 medium-3 large-2">
+
         </section>
 
-        <section class="heading columns large-8">
-            <h1>{{$vendorName}}</h1>
+        <section class="heading columns small-10 medium-8 large-8">
+
         </section>
 
-        <section class="profile columns large-2">
-            {!! Menu::render('profileMenu') !!}
+        <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') !!}
+            {!! Menu::render('mainMenu', 'foundation-drilldown') !!}
         </section>
 
-        <section class="content large-10 columns">
+        <section class="content small-11 medium-9 large-10 columns">
             @yield('content')
         </section>
     </div>
 
-    <footer>
+    <footer class="row text-center">
         &copy; {{$vendorName}} {{date('Y')}}
     </footer>
 </div>
@@ -49,5 +57,9 @@
 
 @yield('javascripts')
 
+<script type="application/javascript">
+    $ (document).foundation ();
+</script>
+
 </body>
 </html>