You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
285 lines
9.5 KiB
285 lines
9.5 KiB
<?xml version='1.0' encoding='UTF-8' ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:p="http://primefaces.org/ui">
|
|
|
|
<h:head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<h:outputStylesheet name="./css/default.css"/>
|
|
<h:outputStylesheet name="./css/cssLayout.css"/>
|
|
<title>Facelets Template</title>
|
|
</h:head>
|
|
|
|
<h:body>
|
|
|
|
|
|
<div id="top" class="top">
|
|
<ui:insert name="top">Top</ui:insert>
|
|
</div>
|
|
<div>
|
|
<div id="left">
|
|
<section class="full-width container-notifications">
|
|
<div class="full-width container-notifications-bg btn-Notification"></div>
|
|
<section class="NotificationArea">
|
|
<div class="full-width text-center NotificationArea-title tittles">Notifications <i class="zmdi zmdi-close btn-Notification"></i></div>
|
|
<a href="#" class="Notification" id="notifation-unread-1">
|
|
<div class="Notification-icon"><i class="zmdi zmdi-accounts-alt bg-info"></i></div>
|
|
<div class="Notification-text">
|
|
<p>
|
|
<i class="zmdi zmdi-circle"></i>
|
|
<strong>New User Registration</strong>
|
|
<br>
|
|
<small>Just Now</small>
|
|
</p>
|
|
</div>
|
|
<div class="mdl-tooltip mdl-tooltip--left" for="notifation-unread-1">Notification as UnRead</div>
|
|
</a>
|
|
<a href="#" class="Notification" id="notifation-read-1">
|
|
<div class="Notification-icon"><i class="zmdi zmdi-cloud-download bg-primary"></i></div>
|
|
<div class="Notification-text">
|
|
<p>
|
|
<i class="zmdi zmdi-circle-o"></i>
|
|
<strong>New Updates</strong>
|
|
<br>
|
|
<small>30 Mins Ago</small>
|
|
</p>
|
|
</div>
|
|
<div class="mdl-tooltip mdl-tooltip--left" for="notifation-read-1">Notification as Read</div>
|
|
</a>
|
|
<a href="#" class="Notification" id="notifation-unread-2">
|
|
<div class="Notification-icon"><i class="zmdi zmdi-upload bg-success"></i></div>
|
|
<div class="Notification-text">
|
|
<p>
|
|
<i class="zmdi zmdi-circle"></i>
|
|
<strong>Archive uploaded</strong>
|
|
<br>
|
|
<small>31 Mins Ago</small>
|
|
</p>
|
|
</div>
|
|
<div class="mdl-tooltip mdl-tooltip--left" for="notifation-unread-2">Notification as UnRead</div>
|
|
</a>
|
|
<a href="#" class="Notification" id="notifation-read-2">
|
|
<div class="Notification-icon"><i class="zmdi zmdi-mail-send bg-danger"></i></div>
|
|
<div class="Notification-text">
|
|
<p>
|
|
<i class="zmdi zmdi-circle-o"></i>
|
|
<strong>New Mail</strong>
|
|
<br>
|
|
<small>37 Mins Ago</small>
|
|
</p>
|
|
</div>
|
|
<div class="mdl-tooltip mdl-tooltip--left" for="notifation-read-2">Notification as Read</div>
|
|
</a>
|
|
<a href="#" class="Notification" id="notifation-read-3">
|
|
<div class="Notification-icon"><i class="zmdi zmdi-folder bg-primary"></i></div>
|
|
<div class="Notification-text">
|
|
<p>
|
|
<i class="zmdi zmdi-circle-o"></i>
|
|
<strong>Folder delete</strong>
|
|
<br>
|
|
<small>1 hours Ago</small>
|
|
</p>
|
|
</div>
|
|
<div class="mdl-tooltip mdl-tooltip--left" for="notifation-read-3">Notification as Read</div>
|
|
</a>
|
|
</section>
|
|
</section>
|
|
<!-- navLateral -->
|
|
<section class="full-width navLateral">
|
|
<div class="full-width navLateral-bg btn-menu"></div>
|
|
<div class="full-width navLateral-body">
|
|
<div class="full-width navLateral-body-logo text-center tittles">
|
|
<i class="zmdi zmdi-close btn-menu"></i> Inventory
|
|
</div>
|
|
<figure class="full-width navLateral-body-tittle-menu">
|
|
<div>
|
|
<img src="assets/img/avatar-male.png" alt="Avatar" class="img-responsive">
|
|
</div>
|
|
<figcaption>
|
|
<span>
|
|
Full Name Admin<br>
|
|
<small>Admin</small>
|
|
</span>
|
|
</figcaption>
|
|
</figure>
|
|
<nav class="full-width">
|
|
<ul class="full-width list-unstyle menu-principal">
|
|
<li class="full-width">
|
|
<a href="home.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-view-dashboard"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
HOME
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="#!" class="full-width btn-subMenu">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-case"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
ADMINISTRATION
|
|
</div>
|
|
<span class="zmdi zmdi-chevron-left"></span>
|
|
</a>
|
|
<ul class="full-width menu-principal sub-menu-options">
|
|
<li class="full-width">
|
|
<a href="company.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-balance"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
COMPANY
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width">
|
|
<a href="providers.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-truck"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
PROVIDERS
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width">
|
|
<a href="payments.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-card"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
PAYMENTS
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width">
|
|
<a href="categories.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-label"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
CATEGORIES
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="#!" class="full-width btn-subMenu">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-face"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
USERS
|
|
</div>
|
|
<span class="zmdi zmdi-chevron-left"></span>
|
|
</a>
|
|
<ul class="full-width menu-principal sub-menu-options">
|
|
<li class="full-width">
|
|
<a href="admin.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-account"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
ADMINISTRATORS
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width">
|
|
<a href="client.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-accounts"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
CLIENT
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="products.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-washing-machine"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
PRODUCTS
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="sales.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-shopping-cart"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
SALES
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="inventory.html" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-store"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
INVENTORY
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width divider-menu-h"></li>
|
|
<li class="full-width">
|
|
<a href="#!" class="full-width btn-subMenu">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-wrench"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
SETTINGS
|
|
</div>
|
|
<span class="zmdi zmdi-chevron-left"></span>
|
|
</a>
|
|
<ul class="full-width menu-principal sub-menu-options">
|
|
<li class="full-width">
|
|
<a href="#!" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-widgets"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
OPTION
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="full-width">
|
|
<a href="#!" class="full-width">
|
|
<div class="navLateral-body-cl">
|
|
<i class="zmdi zmdi-widgets"></i>
|
|
</div>
|
|
<div class="navLateral-body-cr">
|
|
OPTION
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div id="content" class="left_content">
|
|
<ui:insert name="content">Content</ui:insert>
|
|
</div>
|
|
</div>
|
|
</h:body>
|
|
|
|
</html>
|
|
|