diff options
author | Marvin Borner | 2018-07-15 16:08:38 +0200 |
---|---|---|
committer | Marvin Borner | 2018-07-15 16:08:38 +0200 |
commit | 8960bce379d025904361444b00d40970d9a94f48 (patch) | |
tree | bbbc017ca071fef58c3db8b628c374619134c719 /resources/views/admin/layouts | |
parent | e0bcf40f8ba4be8760cedd54e3a33b50f8cdbe19 (diff) |
Reworked admin interface
Diffstat (limited to 'resources/views/admin/layouts')
-rwxr-xr-x | resources/views/admin/layouts/app.blade.php | 98 | ||||
-rw-r--r-- | resources/views/admin/layouts/left_sidebar.blade.php | 39 | ||||
-rw-r--r-- | resources/views/admin/layouts/navbar.blade.php | 44 | ||||
-rw-r--r-- | resources/views/admin/layouts/right_sidebar.blade.php | 185 |
4 files changed, 281 insertions, 85 deletions
diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php index 216c3c8..e1d4632 100755 --- a/resources/views/admin/layouts/app.blade.php +++ b/resources/views/admin/layouts/app.blade.php @@ -7,94 +7,24 @@ <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <title>Admin interface of BEAM-Messenger</title> - <link href="{{ asset("css/admin.css") }}" rel="stylesheet" type="text/css" /> + <link href="{{ asset("css/admin.css ") }}" rel="stylesheet" type="text/css" /> + <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> -<body class="skin-blue"> +<body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> - <header class="main-header"> - <a href="/" class="logo"> - <b>BEAM</b>-Messenger</a> - <nav class="navbar navbar-static-top" role="navigation"> - <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> - <span class="sr-only">Toggle navigation</span> - </a> - <div class="navbar-custom-menu"> - <ul class="nav navbar-nav"> - <li class="dropdown user user-menu"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <img src="/avatar/{{ $user->id }}" class="user-image" alt="User Image" /> - <span class="hidden-xs">{{ $user->name }}</span> - </a> - <ul class="dropdown-menu"> - <li class="user-header"> - <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image" /> - <p> - {{ $user->name }} - {{ $user->email }} - <small>Member since {{ $user->created_at !== null ? $user->created_at : "ever." }}</small> - </p> - </li> - <li class="user-footer"> - <div class="pull-left"> - <a href="/profile" class="btn btn-default btn-flat">Profile</a> - </div> - <div class="pull-right"> - <a href="/logout" class="btn btn-default btn-flat">Sign out</a> - </div> - </li> - </ul> - </li> - </ul> - </div> - </nav> - </header> + @include('admin.layouts.navbar'); - <aside class="main-sidebar"> - - <section class="sidebar"> - - <div class="user-panel"> - <div class="pull-left image"> - <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image" /> - </div> - <div class="pull-left info"> - <p>{{ $user->name }}</p> - <a href="#"> - <i class="fa fa-circle text-success"></i> Online</a> - </div> - </div> - - {{-- - <form action="#" method="get" class="sidebar-form"> - <div class="input-group"> - <input type="text" name="q" class="form-control" placeholder="Search..." /> - <span class="input-group-btn"> - <button type='submit' name='search' id='search-btn' class="btn btn-flat"> - <i class="fa fa-search"></i> - </button> - </span> - </div> - </form> --}} - - <ul class="sidebar-menu"> - <li class="header">Administration</li> - <li class="active"> - <a href="/admin"> - <span>Overview</span> - </a> - </li> - </ul> - </section> - </aside> + @include('admin.layouts.left_sidebar'); <div class="content-wrapper"> <section class="content-header"> - @yield('content-header') + @yield('content_header') </section> <section class="content"> @@ -102,17 +32,15 @@ </section> </div> - <footer class="main-footer"> - <div class="pull-right hidden-xs"> - Anything you want - </div> - <strong>Copyright © 2015 - <a href="#">Company</a>.</strong> All rights reserved. - </footer> - + <aside class="control-sidebar control-sidebar-dark"> + @include('admin.layouts.right_sidebar') + </aside> + <div class="control-sidebar-bg"></div> </div> - <script src="{{ asset("js/admin.js") }}"></script> + <script src="{{ asset("js/admin.js ") }}"></script> + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" + crossorigin="anonymous"></script> </body> </html>
\ No newline at end of file diff --git a/resources/views/admin/layouts/left_sidebar.blade.php b/resources/views/admin/layouts/left_sidebar.blade.php new file mode 100644 index 0000000..3db3e38 --- /dev/null +++ b/resources/views/admin/layouts/left_sidebar.blade.php @@ -0,0 +1,39 @@ +<aside class="main-sidebar"> + <!-- sidebar: style can be found in sidebar.less --> + <section class="sidebar"> + <!-- Sidebar user panel --> + <div class="user-panel"> + <div class="pull-left image"> + <img src="/avatar/{{ $user->avatar }}" class="img-circle" alt="User Image"> + </div> + <div class="pull-left info"> + <p>{{ $user->name }}</p> + <a href="#"><i class="fa fa-circle text-success"></i> Online</a> + </div> + </div> + <!-- search form --> + <form action="#" method="get" class="sidebar-form"> + <div class="input-group"> + <input type="text" name="q" class="form-control" placeholder="Search..."> + <span class="input-group-btn"> + <button type="submit" name="search" id="search-btn" class="btn btn-flat"> + <i class="fa fa-search"></i> + </button> + </span> + </div> + </form> + <!-- /.search form --> + <!-- sidebar menu: : style can be found in sidebar.less --> + <ul class="sidebar-menu" data-widget="tree"> + <li class="header">NAVIGATION</li> + + <li class="active treeview menu-open"> + <a href="/admin"> + <i class="fa fa-dashboard"></i> <span>Dashboard</span> + </a> + </li> + + </ul> + </section> + <!-- /.sidebar --> +</aside>
\ No newline at end of file diff --git a/resources/views/admin/layouts/navbar.blade.php b/resources/views/admin/layouts/navbar.blade.php new file mode 100644 index 0000000..149241a --- /dev/null +++ b/resources/views/admin/layouts/navbar.blade.php @@ -0,0 +1,44 @@ +<header class="main-header"> + + <a href="/" class="logo"> + <span class="logo-mini"><b>BEAM</b></span> + <span class="logo-lg"><b>BEAM</b>-Messenger</span> + </a> + + <nav class="navbar navbar-static-top"> + <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> + <span class="sr-only">Toggle navigation</span> + </a> + <div class="navbar-custom-menu"> + <ul class="nav navbar-nav"> + <li class="dropdown user user-menu"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <img src="/avatar/{{ $user->id }}" class="user-image" alt="User Image"> + <span class="hidden-xs">{{ $user->name }}</span> + </a> + <ul class="dropdown-menu"> + <li class="user-header"> + <img src="/avatar/{{ $user->id }}" class="img-circle" alt="User Image"> + <p> + {{ $user->name }} - {{ $user->email }} + <small>Member since {{ $user->created_at !== null ? $user->created_at : "ever." }}</small> + </p> + </li> + <li class="user-footer"> + <div class="pull-left"> + <a href="/profile" class="btn btn-default btn-flat">Profile</a> + </div> + <div class="pull-right"> + <a href="/logout" class="btn btn-default btn-flat">Sign out</a> + </div> + </li> + </ul> + </li> + <li> + <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> + </li> + </ul> + </div> + + </nav> +</header>
\ No newline at end of file diff --git a/resources/views/admin/layouts/right_sidebar.blade.php b/resources/views/admin/layouts/right_sidebar.blade.php new file mode 100644 index 0000000..80ce125 --- /dev/null +++ b/resources/views/admin/layouts/right_sidebar.blade.php @@ -0,0 +1,185 @@ +<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> + <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> + <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> +</ul> +<!-- Tab panes --> +<div class="tab-content"> + <!-- Home tab content --> + <div class="tab-pane" id="control-sidebar-home-tab"> + <h3 class="control-sidebar-heading">Recent Activity</h3> + <ul class="control-sidebar-menu"> + <li> + <a href="javascript:void(0)"> + <i class="menu-icon fa fa-birthday-cake bg-red"></i> + + <div class="menu-info"> + <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> + + <p>Will be 23 on April 24th</p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <i class="menu-icon fa fa-user bg-yellow"></i> + + <div class="menu-info"> + <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> + + <p>New phone +1(800)555-1234</p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <i class="menu-icon fa fa-envelope-o bg-light-blue"></i> + + <div class="menu-info"> + <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> + + <p>nora@example.com</p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <i class="menu-icon fa fa-file-code-o bg-green"></i> + + <div class="menu-info"> + <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> + + <p>Execution time 5 seconds</p> + </div> + </a> + </li> + </ul> + <!-- /.control-sidebar-menu --> + + <h3 class="control-sidebar-heading">Tasks Progress</h3> + <ul class="control-sidebar-menu"> + <li> + <a href="javascript:void(0)"> + <h4 class="control-sidebar-subheading"> + Custom Template Design + <span class="label label-danger pull-right">70%</span> + </h4> + + <div class="progress progress-xxs"> + <div class="progress-bar progress-bar-danger" style="width: 70%"></div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <h4 class="control-sidebar-subheading"> + Update Resume + <span class="label label-success pull-right">95%</span> + </h4> + + <div class="progress progress-xxs"> + <div class="progress-bar progress-bar-success" style="width: 95%"></div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <h4 class="control-sidebar-subheading"> + Laravel Integration + <span class="label label-warning pull-right">50%</span> + </h4> + + <div class="progress progress-xxs"> + <div class="progress-bar progress-bar-warning" style="width: 50%"></div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0)"> + <h4 class="control-sidebar-subheading"> + Back End Framework + <span class="label label-primary pull-right">68%</span> + </h4> + + <div class="progress progress-xxs"> + <div class="progress-bar progress-bar-primary" style="width: 68%"></div> + </div> + </a> + </li> + </ul> + <!-- /.control-sidebar-menu --> + + </div> + <!-- /.tab-pane --> + <!-- Stats tab content --> + <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> + <!-- /.tab-pane --> + <!-- Settings tab content --> + <div class="tab-pane" id="control-sidebar-settings-tab"> + <form method="post"> + <h3 class="control-sidebar-heading">General Settings</h3> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Report panel usage + <input type="checkbox" class="pull-right" checked> + </label> + + <p> + Some information about this general settings option + </p> + </div> + <!-- /.form-group --> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Allow mail redirect + <input type="checkbox" class="pull-right" checked> + </label> + + <p> + Other sets of options are available + </p> + </div> + <!-- /.form-group --> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Expose author name in posts + <input type="checkbox" class="pull-right" checked> + </label> + + <p> + Allow the user to show his name in blog posts + </p> + </div> + <!-- /.form-group --> + + <h3 class="control-sidebar-heading">Chat Settings</h3> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Show me as online + <input type="checkbox" class="pull-right" checked> + </label> + </div> + <!-- /.form-group --> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Turn off notifications + <input type="checkbox" class="pull-right"> + </label> + </div> + <!-- /.form-group --> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Delete chat history + <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> + </label> + </div> + <!-- /.form-group --> + </form> + </div> + <!-- /.tab-pane --> +</div>
\ No newline at end of file |