aboutsummaryrefslogtreecommitdiffhomepage
path: root/resources/views/admin/layouts
diff options
context:
space:
mode:
authorMarvin Borner2018-07-15 16:08:38 +0200
committerMarvin Borner2018-07-15 16:08:38 +0200
commit8960bce379d025904361444b00d40970d9a94f48 (patch)
treebbbc017ca071fef58c3db8b628c374619134c719 /resources/views/admin/layouts
parente0bcf40f8ba4be8760cedd54e3a33b50f8cdbe19 (diff)
Reworked admin interface
Diffstat (limited to 'resources/views/admin/layouts')
-rwxr-xr-xresources/views/admin/layouts/app.blade.php98
-rw-r--r--resources/views/admin/layouts/left_sidebar.blade.php39
-rw-r--r--resources/views/admin/layouts/navbar.blade.php44
-rw-r--r--resources/views/admin/layouts/right_sidebar.blade.php185
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