Add Material Design for Public and Admin

This commit is contained in:
Mathieu Lagace
2019-08-14 15:29:37 -04:00
parent cb3fdc44e2
commit 9f85296cea
960 changed files with 410664 additions and 7451 deletions

View File

@@ -4,77 +4,75 @@ foreach (Auth::user()->unreadNotifications as $notification) {
$nbOfNotification = $nbOfNotification + 1;
}
?>
<header id="header" class="header">
<div class="header-menu">
<div class="col-sm-7">
<a id="menuToggle" class="menutoggle pull-left"><i class="fa fa fa-tasks"></i></a>
<div class="header-left">
<button class="search-trigger"><i class="fa fa-search"></i></button>
<div class="form-inline">
<form class="search-form">
<input class="form-control mr-sm-2" type="text" placeholder="{{ trans('admin/header.search_bar')}}" aria-label="Search">
<button class="search-close" type="submit"><i class="fa fa-close"></i></button>
</form>
</div>
<div class="dropdown for-notification">
<button class="btn btn-secondary dropdown-toggle" type="button" id="notification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bell"></i>
<?php
if($nbOfNotification != 0){ ?>
<span class="count bg-danger">{{ $nbOfNotification }}</span>
<?php } ?>
</button>
<div class="dropdown-menu" aria-labelledby="notification">
<a class="btn btn-primary btn-block" href="/admin/notication/mark">Manquer toutes les notifications comme lu</a>
<hr>
<?php
foreach (Auth::user()->unreadNotifications as $notification) {
$fa_icon = "fa-info";
$found = strpos($notification->data['msg'],"Ajout");
if ($found !== false) {
$fa_icon = "fa-plus";
}
$found = strpos($notification->data['msg'],"Suppression");
if ($found !== false) {
$fa_icon = "fa-plus";
}
echo '<form method="post" action="/admin/notication/mark/'.$notification->id.'">'.csrf_field().'<button name="url" type="submit" value="'.$notification->data['url'].'" class="dropdown-item media cs-notification" href="#"><i class="fa '.$fa_icon.'"></i><p>'.$notification->data['msg'].'</p></button></form>';
}
?>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
<div class="container-fluid">
<div class="navbar-wrapper">
<div class="navbar-minimize">
<button id="minimizeSidebar" class="btn btn-just-icon btn-white btn-fab btn-round">
<i class="material-icons text_align-center visible-on-sidebar-regular">more_vert</i>
<i class="material-icons design_bullet-list-67 visible-on-sidebar-mini">view_list</i>
</button>
</div>
</div>
<div class="col-sm-5">
<div class="user-area dropdown float-right">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
<div class="btn">{{ Auth::User()->lastname }} {{ Auth::User()->firstname }}</div>
<img class="user-avatar rounded-circle" src="/assets/admin/images/avatar/user-{{ Auth::User()->avatar }}.jpg" alt="User Avatar">
</a>
<div class="user-menu dropdown-menu">
<a class="nav-link" href="/admin/profil"><i class="fa fa-user"></i> {{ trans('admin/header.profil')}}</a>
<!--<a class="nav-link" href="/admin/settings"><i class="fa fa-cog"></i> {{ trans('admin/header.settings')}}</a>-->
<a class="nav-link" href="/logout"><i class="fa fa-power-off"></i> {{ trans('admin/header.logout')}}</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
</button>
<div class="collapse navbar-collapse justify-content-end">
<form class="navbar-form">
<div class="input-group no-border">
<input type="text" value="" class="form-control" placeholder="Search...">
<button type="submit" class="btn btn-white btn-round btn-just-icon">
<i class="material-icons">search</i>
<div class="ripple-container"></div>
</button>
</div>
<!--<div class="language-select dropdown" id="language-select">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="language" aria-haspopup="true" aria-expanded="true">
<i class="flag-icon flag-icon-ca"></i>
</a>
<div class="dropdown-menu" aria-labelledby="language" >
<div class="dropdown-item">
<span class="flag-icon flag-icon-us"></span>
</div>
</div>
</div>-->
</form>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#pablo">
<i class="material-icons">dashboard</i>
<p class="d-lg-none d-md-block">
Stats
</p>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">notifications</i>
@if ($nbOfNotification != 0)
<span class="notification">{{ $nbOfNotification }}</span>
@endif
<p class="d-lg-none d-md-block">
Some Actions
</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
@foreach (Auth::user()->unreadNotifications as $notification)
<a class="dropdown-item" href="#">{{$notification->data['msg']}}</a>
@endforeach
@if ($nbOfNotification == 0)
<a class="dropdown-item">Aucune notification</a>
@endif
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#pablo" id="navbarDropdownProfile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">person</i>
<p class="d-lg-none d-md-block">
Account
</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownProfile">
<a class="dropdown-item" href="/admin/profil">Profil</a>
<a class="dropdown-item" href="/admin/profil/settings">Options</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/logout">Déconnexion</a>
</div>
</li>
</ul>
</div>
</div>
</header><!-- /header -->
</div>
</nav>