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

<?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>