Skip to content

Q
QLNS_N01
Commit d28f629e authored by đinh thị đầm's avatar đinh thị đầm
Browse files
Options

paging

parent 2e3743ac
Hide whitespace changes
Inline Side-by-side
Showing with 614 additions and 646 deletions
src/main/resources/public/blank-page.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Blank Page :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Blank Page :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/buttons.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Buttons :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Buttons :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/compose.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Compose mail :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Compose mail :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/forms.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Forms :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Forms :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/general.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | General Elements :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | General Elements :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/grids.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Grids :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Grids :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/icons.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Icons :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Icons :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/inbox.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Inbox :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Inbox :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/index.html
View file @ d28f629e
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function () {
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> setTimeout(hideURLbar, 0);
}, false);
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> function hideURLbar() {
window.scrollTo(0, 1);
<!-- Custom CSS --> } </script>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Bootstrap Core CSS -->
<!-- font-awesome icons CSS --> <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/Footer-with-social-icons.css"> <!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css'/>
<!-- //font-awesome icons CSS-->
<!-- font-awesome icons CSS -->
<!-- side nav css file --> <link href="css/font-awesome.css" rel="stylesheet">
<link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="css/Footer-with-social-icons.css">
<!-- //side nav css file --> <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
<script src="js/jquery-1.11.1.min.js"></script>
<!-- js--> <script src="js/modernizr.custom.js"></script>
<script src="js/jquery-1.11.1.min.js"></script> <link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext"
<script src="js/modernizr.custom.js"></script> rel="stylesheet">
<script src="js/Chart.js"></script>
<!--webfonts--> <script src="js/metisMenu.min.js"></script>
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet"> <script src="js/custom.js"></script>
<!--//webfonts--> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
<script src="js/angular-route.js"></script>
<!-- chart --> <script src="js/angular-ui-router.min.js"></script>
<script src="js/Chart.js"></script>
<!-- //chart -->
<!-- Metis Menu -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<!-- angularjs app-->
<!-- <script src="js/angular.js"></script>-->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/angular-ui-router.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script> <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script>
<script src="js/app.js"></script>
<script src="pages/employee/employeeController.js"></script>
<script src="js/app.js"></script> <script src="pages/employee/createEmployeeController.js"></script>
<script src="pages/employee/employeeController.js"></script> <link data-require="bootstrap-css@2.3.2" data-semver="2.3.2" rel="stylesheet"
<script src="pages/employee/createEmployeeController.js"></script> href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css"/>
`
<!-- <link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css">--> <!-- end anguarjs app-->
<link data-require="bootstrap-css@2.3.2" data-semver="2.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> <link href="css/custom.css" rel="stylesheet">
` <!--//Metis Menu -->
<!-- end anguarjs app--> <style>
<link href="css/custom.css" rel="stylesheet"> #chartdiv {
<!--//Metis Menu --> width: 100%;
<style> height: 295px;
#chartdiv { }
width: 100%; </style>
height: 295px; <!--pie-chart --><!-- index page sales reviews visitors pie chart -->
} <script src="js/pie-chart.js" type="text/javascript"></script>
</style> <script type="text/javascript">
<!--pie-chart --><!-- index page sales reviews visitors pie chart -->
<script src="js/pie-chart.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
$('#demo-pie-1').pieChart({ $('#demo-pie-1').pieChart({
...@@ -109,566 +86,559 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony ...@@ -109,566 +86,559 @@ SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony
} }
}); });
}); });
</script> </script>
<!-- //pie-chart --><!-- index page sales reviews visitors pie chart --> <link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<!-- requried-jsfiles-for owl --> <script>
<link href="css/owl.carousel.css" rel="stylesheet"> $(document).ready(function () {
<script src="js/owl.carousel.js"></script> $("#owl-demo").owlCarousel({
<script> items: 3,
$(document).ready(function() { lazyLoad: true,
$("#owl-demo").owlCarousel({ autoPlay: true,
items : 3, pagination: true,
lazyLoad : true, nav: true
autoPlay : true, });
pagination : true, });
nav:true </script>
}); </head>
}); <body class="cbp-spmenu-push" ng-app="myApp">
</script> <div class="main-content">
<!-- //requried-jsfiles-for owl --> <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
</head> <!--left-fixed -navigation-->
<body class="cbp-spmenu-push" ng-app="myApp" > <aside class="sidebar-left">
<div class="main-content"> <nav class="navbar navbar-inverse">
<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1"> <div class="navbar-header">
<!--left-fixed -navigation--> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse"
<aside class="sidebar-left"> aria-expanded="false">
<nav class="navbar navbar-inverse"> <span class="sr-only">Toggle navigation</span>
<div class="navbar-header"> <span class="icon-bar"></span>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false"> <span class="icon-bar"></span>
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> </button>
<span class="icon-bar"></span> <h1><a class="navbar-brand" href="index.html"><span class="fa fa-area-chart"></span> Glance<span
<span class="icon-bar"></span> class="dashboard_text">Design dashboard</span></a></h1>
</button> </div>
<h1><a class="navbar-brand" href="index.html"><span class="fa fa-area-chart"></span> Glance<span class="dashboard_text">Design dashboard</span></a></h1> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
</div> <ul class="sidebar-menu">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <li class="header">MAIN NAVIGATION</li>
<ul class="sidebar-menu"> <li class="treeview">
<li class="header">MAIN NAVIGATION</li> <a href="index.html">
<li class="treeview"> <span class="glyphicon glyphicon-user"></span> <span>Employee</span>
<a href="index.html"> </a>
<span class="glyphicon glyphicon-user"></span> <span>Employee</span> </li>
</a> <li class="treeview">
</li> <a href="#">
<li class="treeview"> <i class="fa fa-laptop"></i>
<a href="#"> <span>Components</span>
<i class="fa fa-laptop"></i> <i class="fa fa-angle-left pull-right"></i>
<span>Components</span> </a>
<i class="fa fa-angle-left pull-right"></i> <ul class="treeview-menu">
</a> <li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li>
<ul class="treeview-menu"> <li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li>
<li><a href="grids.html"><i class="fa fa-angle-right"></i> Grids</a></li> </ul>
<li><a href="media.html"><i class="fa fa-angle-right"></i> Media Css</a></li> </li>
</ul>
</li> <li class="treeview">
<li class="treeview">
<li class="treeview"> <a href="#">
<li class="treeview"> <i class="fa fa-laptop"></i>
<a href="#"> <span>UI Elements</span>
<i class="fa fa-laptop"></i> <i class="fa fa-angle-left pull-right"></i>
<span>UI Elements</span> </a>
<i class="fa fa-angle-left pull-right"></i> <ul class="treeview-menu">
</a> <li><a href="general.html"><i class="fa fa-angle-right"></i> General</a></li>
<ul class="treeview-menu"> <li><a href="icons.html"><i class="fa fa-angle-right"></i> Icons</a></li>
<li><a href="general.html"><i class="fa fa-angle-right"></i> General</a></li> <li><a href="buttons.html"><i class="fa fa-angle-right"></i> Buttons</a></li>
<li><a href="icons.html"><i class="fa fa-angle-right"></i> Icons</a></li> <li><a href="typography.html"><i class="fa fa-angle-right"></i> Typography</a></li>
<li><a href="buttons.html"><i class="fa fa-angle-right"></i> Buttons</a></li> </ul>
<li><a href="typography.html"><i class="fa fa-angle-right"></i> Typography</a></li> </li>
</ul> <li>
</li> <a href="widgets.html">
<li> <i class="fa fa-th"></i> <span>Widgets</span>
<a href="widgets.html"> <small class="label pull-right label-info">08</small>
<i class="fa fa-th"></i> <span>Widgets</span> </a>
<small class="label pull-right label-info">08</small> </li>
</a> <li class="treeview">
</li> <a href="#">
<li class="treeview"> <i class="fa fa-edit"></i> <span>Forms</span>
<a href="#"> <i class="fa fa-angle-left pull-right"></i>
<i class="fa fa-edit"></i> <span>Forms</span> </a>
<i class="fa fa-angle-left pull-right"></i> <ul class="treeview-menu">
</a> <li><a href="forms.html"><i class="fa fa-angle-right"></i> General Forms</a></li>
<ul class="treeview-menu"> <li><a href="validation.html"><i class="fa fa-angle-right"></i> Form Validations</a>
<li><a href="forms.html"><i class="fa fa-angle-right"></i> General Forms</a></li> </li>
<li><a href="validation.html"><i class="fa fa-angle-right"></i> Form Validations</a></li> </ul>
</ul> </li>
</li> <
< <li class="treeview">
<li class="treeview"> <a href="#">
<a href="#"> <i class="fa fa-envelope"></i> <span>Mailbox </span>
<i class="fa fa-envelope"></i> <span>Mailbox </span> <i class="fa fa-angle-left pull-right"></i>
<i class="fa fa-angle-left pull-right"></i><small class="label pull-right label-info1">08</small><span class="label label-primary1 pull-right">02</span></a> <small class="label pull-right label-info1">08</small>
<ul class="treeview-menu"> <span class="label label-primary1 pull-right">02</span></a>
<li><a href="inbox.html"><i class="fa fa-angle-right"></i> Mail Inbox </a></li> <ul class="treeview-menu">
<li><a href="compose.html"><i class="fa fa-angle-right"></i> Compose Mail </a></li> <li><a href="inbox.html"><i class="fa fa-angle-right"></i> Mail Inbox </a></li>
<li><a href="compose.html"><i class="fa fa-angle-right"></i> Compose Mail </a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-folder"></i> <span>Examples</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="login.html"><i class="fa fa-angle-right"></i> Login</a></li>
<li><a href="signup.html"><i class="fa fa-angle-right"></i> Register</a></li>
<li><a href="blank-page.html"><i class="fa fa-angle-right"></i> Blank Page</a></li>
</ul>
</li>
<li class="header">LABELS</li>
<li><a href="#"><i class="fa fa-angle-right text-red"></i> <span>Important</span></a></li>
<li><a href="#"><i class="fa fa-angle-right text-yellow"></i> <span>Warning</span></a></li>
<li><a href="#"><i class="fa fa-angle-right text-aqua"></i> <span>Information</span></a></li>
</ul>
</div>
</nav>
</aside>
</div>
<!-- header-starts -->
<div class="sticky-header header-section ">
<div class="header-left">
<button id="showLeftPush"><i class="fa fa-bars"></i></button>
<div class="profile_details_left">
<ul class="nofitications-dropdown">
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
class="fa fa-envelope"></i><span class="badge">4</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 3 new messages</h3>
</div>
</li>
<li><a href="#">
<div class="user_img"><img src="images/1.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li class="odd"><a href="#">
<div class="user_img"><img src="images/4.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/3.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/2.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all messages</a>
</div>
</li>
</ul>
</li>
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
class="fa fa-bell"></i><span class="badge blue">4</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 3 new notification</h3>
</div>
</li>
<li><a href="#">
<div class="user_img"><img src="images/4.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet</p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li class="odd"><a href="#">
<div class="user_img"><img src="images/1.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/3.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li><a href="#">
<div class="user_img"><img src="images/2.jpg" alt=""></div>
<div class="notification_desc">
<p>Lorem ipsum dolor amet </p>
<p><span>1 hour ago</span></p>
</div>
<div class="clearfix"></div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all notifications</a>
</div>
</li>
</ul>
</li>
<li class="dropdown head-dpdn">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
class="fa fa-tasks"></i><span class="badge blue1">8</span></a>
<ul class="dropdown-menu">
<li>
<div class="notification_header">
<h3>You have 8 pending task</h3>
</div>
</li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Database update</span><span class="percentage">40%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar yellow" style="width:40%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Dashboard done</span><span class="percentage">90%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar green" style="width:90%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Mobile App</span><span class="percentage">33%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar red" style="width: 33%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Issues fixed</span><span class="percentage">80%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar blue" style="width: 80%;"></div>
</div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all pending tasks</a>
</div>
</li>
</ul>
</li>
</ul> </ul>
</li> <div class="clearfix"></div>
<li class="treeview"> </div>
<a href="#"> <!--notification menu end -->
<i class="fa fa-folder"></i> <span>Examples</span> <div class="clearfix"></div>
<i class="fa fa-angle-left pull-right"></i>
</a> </div>
<ul class="treeview-menu"> </nav>
<li><a href="login.html"><i class="fa fa-angle-right"></i> Login</a></li> <!-- /.Navbar-->
<li><a href="signup.html"><i class="fa fa-angle-right"></i> Register</a></li> <div class="header-right">
<li><a href="blank-page.html"><i class="fa fa-angle-right"></i> Blank Page</a></li>
<!--search-box-->
<div class="search-box">
<form class="input">
<input class="sb-search-input input__field--madoka" placeholder="Search..." type="search"
id="input-31"/>
<label class="input__label" for="input-31">
<svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
<path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
</svg>
</label>
</form>
</div>
<!--//end-search-box-->
<!-- -->
<div class="profile_details">
<ul>
<li class="dropdown profile_details_drop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="profile_img">
<!-- <span class="prfil-img"><img src="images/2.jpg" alt=""> </span> -->
<div class="user-name">
<p>Admin Name</p>
<span>Administrator</span>
</div>
<i class="fa fa-angle-down lnr"></i>
<i class="fa fa-angle-up lnr"></i>
<div class="clearfix"></div>
</div>
</a>
<ul class="dropdown-menu drp-mnu">
<li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
<li><a href="#"><i class="fa fa-user"></i> My Account</a></li>
<li><a href="#"><i class="fa fa-suitcase"></i> Profile</a></li>
<li><a href="#"><i class="fa fa-sign-out"></i> Logout</a></li>
</ul>
</li>
</ul> </ul>
</li> </div>
<li class="header">LABELS</li> <div class="clearfix"></div>
<li><a href="#"><i class="fa fa-angle-right text-red"></i> <span>Important</span></a></li> </div>
<li><a href="#"><i class="fa fa-angle-right text-yellow"></i> <span>Warning</span></a></li> <div class="clearfix"></div>
<li><a href="#"><i class="fa fa-angle-right text-aqua"></i> <span>Information</span></a></li> </div>
</ul> <!-- //header-ends -->
</div> <!-- main content start-->
<!-- /.navbar-collapse --> <div id="page-wrapper">
</nav> <div class="main-page">
</aside> <div ui-view="content">
</div> <!-- Content222-->
<!--left-fixed -navigation--> </div>
</div>
<!-- header-starts --> </div>
<div class="sticky-header header-section "> <!--footer-->
<div class="header-left"> <div class="content">
<!--toggle button start--> </div>
<button id="showLeftPush"><i class="fa fa-bars"></i></button> <footer id="myFooter">
<!--toggle button end--> <div class="container">
<div class="profile_details_left"><!--notifications of menu start --> <div class="row">
<ul class="nofitications-dropdown"> <div class="col-sm-3 myCols">
<li class="dropdown head-dpdn"> <h5>Get started</h5>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-envelope"></i><span class="badge">4</span></a> <ul>
<ul class="dropdown-menu"> <li><a href="#">Home</a></li>
<li> <li><a href="#">Sign up</a></li>
<div class="notification_header"> <li><a href="#">Downloads</a></li>
<h3>You have 3 new messages</h3> </ul>
</div> </div>
</li> <div class="col-sm-3 myCols">
<li><a href="#"> <h5>About us</h5>
<div class="user_img"><img src="images/1.jpg" alt=""></div> <ul>
<div class="notification_desc"> <li><a href="#">Company Information</a></li>
<p>Lorem ipsum dolor amet</p> <li><a href="#">Contact us</a></li>
<p><span>1 hour ago</span></p> <li><a href="#">Reviews</a></li>
</div> </ul>
<div class="clearfix"></div> </div>
</a></li> <div class="col-sm-3 myCols">
<li class="odd"><a href="#"> <h5>Support</h5>
<div class="user_img"><img src="images/4.jpg" alt=""></div> <ul>
<div class="notification_desc"> <li><a href="#">FAQ</a></li>
<p>Lorem ipsum dolor amet </p> <li><a href="#">Help desk</a></li>
<p><span>1 hour ago</span></p> <li><a href="#">Forums</a></li>
</div> </ul>
<div class="clearfix"></div> </div>
</a></li> <div class="col-sm-3 myCols">
<li><a href="#"> <h5>Legal</h5>
<div class="user_img"><img src="images/3.jpg" alt=""></div> <ul>
<div class="notification_desc"> <li><a href="#">Terms of Service</a></li>
<p>Lorem ipsum dolor amet </p> <li><a href="#">Terms of Use</a></li>
<p><span>1 hour ago</span></p> <li><a href="#">Privacy Policy</a></li>
</div> </ul>
<div class="clearfix"></div> </div>
</a></li> </div>
<li><a href="#"> </div>
<div class="user_img"><img src="images/2.jpg" alt=""></div> <div class="social-networks">
<div class="notification_desc"> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<p>Lorem ipsum dolor amet </p> <a href="#" class="facebook"><i class="fa fa-facebook-official"></i></a>
<p><span>1 hour ago</span></p> <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
</div> </div>
<div class="clearfix"></div> <!--//footer-->
</a></li>
<li>
<div class="notification_bottom"> <!-- new added graphs chart js-->
<a href="#">See all messages</a>
</div> <script src="js/Chart.bundle.js"></script>
</li> <script src="js/utils.js"></script>
</ul>
</li> <script>
<li class="dropdown head-dpdn"> var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bell"></i><span class="badge blue">4</span></a> var color = Chart.helpers.color;
<ul class="dropdown-menu"> var barChartData = {
<li> labels: ["January", "February", "March", "April", "May", "June", "July"],
<div class="notification_header"> datasets: [{
<h3>You have 3 new notification</h3> label: 'Dataset 1',
</div> backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
</li> borderColor: window.chartColors.red,
<li><a href="#"> borderWidth: 1,
<div class="user_img"><img src="images/4.jpg" alt=""></div> data: [
<div class="notification_desc"> randomScalingFactor(),
<p>Lorem ipsum dolor amet</p> randomScalingFactor(),
<p><span>1 hour ago</span></p> randomScalingFactor(),
</div> randomScalingFactor(),
<div class="clearfix"></div> randomScalingFactor(),
</a></li> randomScalingFactor(),
<li class="odd"><a href="#"> randomScalingFactor()
<div class="user_img"><img src="images/1.jpg" alt=""></div> ]
<div class="notification_desc"> }, {
<p>Lorem ipsum dolor amet </p> label: 'Dataset 2',
<p><span>1 hour ago</span></p> backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
</div> borderColor: window.chartColors.blue,
<div class="clearfix"></div> borderWidth: 1,
</a></li> data: [
<li><a href="#"> randomScalingFactor(),
<div class="user_img"><img src="images/3.jpg" alt=""></div> randomScalingFactor(),
<div class="notification_desc"> randomScalingFactor(),
<p>Lorem ipsum dolor amet </p> randomScalingFactor(),
<p><span>1 hour ago</span></p> randomScalingFactor(),
</div> randomScalingFactor(),
<div class="clearfix"></div> randomScalingFactor()
</a></li> ]
<li><a href="#"> }]
<div class="user_img"><img src="images/2.jpg" alt=""></div>
<div class="notification_desc"> };
<p>Lorem ipsum dolor amet </p> $(function () {
<p><span>1 hour ago</span></p> window.onload = function () {
</div> var ctx = document.getElementById("canvas")
<div class="clearfix"></div> if (ctx) {
</a></li> ctx.getContext("2d");
<li> window.myBar = new Chart(ctx, {
<div class="notification_bottom"> type: 'bar',
<a href="#">See all notifications</a> data: barChartData,
</div> options: {
</li> responsive: true,
</ul> legend: {
</li> position: 'top'
<li class="dropdown head-dpdn"> },
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i><span class="badge blue1">8</span></a> title: {
<ul class="dropdown-menu"> display: true,
<li> text: 'Chart.js Bar Chart'
<div class="notification_header"> }
<h3>You have 8 pending task</h3> }
</div> });
</li>
<li><a href="#"> }
<div class="task-info">
<span class="task-desc">Database update</span><span class="percentage">40%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar yellow" style="width:40%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Dashboard done</span><span class="percentage">90%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar green" style="width:90%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Mobile App</span><span class="percentage">33%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar red" style="width: 33%;"></div>
</div>
</a></li>
<li><a href="#">
<div class="task-info">
<span class="task-desc">Issues fixed</span><span class="percentage">80%</span>
<div class="clearfix"></div>
</div>
<div class="progress progress-striped active">
<div class="bar blue" style="width: 80%;"></div>
</div>
</a></li>
<li>
<div class="notification_bottom">
<a href="#">See all pending tasks</a>
</div>
</li>
</ul>
</li>
</ul>
<div class="clearfix"> </div>
</div>
<!--notification menu end -->
<div class="clearfix"> </div>
</div>
<!-- Collapsible content -->
</nav>
<!-- /.Navbar-->
<div class="header-right">
<!--search-box-->
<div class="search-box">
<form class="input">
<input class="sb-search-input input__field--madoka" placeholder="Search..." type="search" id="input-31" />
<label class="input__label" for="input-31">
<svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
<path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
</svg>
</label>
</form>
</div>
<!--//end-search-box-->
<!-- -->
<div class="profile_details">
<ul>
<li class="dropdown profile_details_drop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="profile_img">
<!-- <span class="prfil-img"><img src="images/2.jpg" alt=""> </span> -->
<div class="user-name">
<p>Admin Name</p>
<span>Administrator</span>
</div>
<i class="fa fa-angle-down lnr"></i>
<i class="fa fa-angle-up lnr"></i>
<div class="clearfix"></div>
</div>
</a>
<ul class="dropdown-menu drp-mnu">
<li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li>
<li> <a href="#"><i class="fa fa-user"></i> My Account</a> </li>
<li> <a href="#"><i class="fa fa-suitcase"></i> Profile</a> </li>
<li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!-- //header-ends -->
<!-- main content start-->
<div id="page-wrapper">
<div class="main-page">
<div ui-view="content">
<!-- Content222-->
</div>
</div>
</div>
<!--footer-->
<div class="content">
</div>
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3 myCols">
<h5>Get started</h5>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Downloads</a></li>
</ul>
</div>
<div class="col-sm-3 myCols">
<h5>About us</h5>
<ul>
<li><a href="#">Company Information</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Reviews</a></li>
</ul>
</div>
<div class="col-sm-3 myCols">
<h5>Support</h5>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Help desk</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
<div class="col-sm-3 myCols">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="social-networks">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook-official"></i></a>
<a href="#" class="google"><i class="fa fa-google-plus"></i></a>
</div>
<!--//footer-->
<!-- new added graphs chart js-->
<script src="js/Chart.bundle.js"></script>
<script src="js/utils.js"></script>
<script>
var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var color = Chart.helpers.color;
var barChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: 'Dataset 1',
backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
borderColor: window.chartColors.red,
borderWidth: 1,
data: [
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
]
}, {
label: 'Dataset 2',
backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
borderColor: window.chartColors.blue,
borderWidth: 1,
data: [
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
]
}]
};
$(function() {
window.onload = function () {
var ctx = document.getElementById("canvas")
if(ctx)
{
ctx.getContext("2d");
window.myBar = new Chart(ctx, {
type: 'bar',
data: barChartData,
options: {
responsive: true,
legend: {
position: 'top'
},
title: {
display: true,
text: 'Chart.js Bar Chart'
}
}
});
}
}
});
var c= document.getElementById('randomizeData');
if(c) {
c.addEventListener('click', function () {
var zero = Math.random() < 0.2 ? true : false;
barChartData.datasets.forEach(function (dataset) {
dataset.data = dataset.data.map(function () {
return zero ? 0.0 : randomScalingFactor();
});
});
window.myBar.update();
});
}
var colorNames = Object.keys(window.chartColors);
var el= document.getElementById('addDataset');
if(el) {
addEventListener('click', function () {
var colorName = colorNames[barChartData.datasets.length % colorNames.length];
;
var dsColor = window.chartColors[colorName];
var newDataset = {
label: 'Dataset ' + barChartData.datasets.length,
backgroundColor: color(dsColor).alpha(0.5).rgbString(),
borderColor: dsColor,
borderWidth: 1,
data: []
};
for (var index = 0; index < barChartData.labels.length; ++index) {
newDataset.data.push(randomScalingFactor());
}
barChartData.datasets.push(newDataset);
window.myBar.update();
});
}
var els= document.getElementById('addData');
if(els) {
addEventListener('click', function () {
if (barChartData.datasets.length > 0) {
var month = MONTHS[barChartData.labels.length % MONTHS.length];
barChartData.labels.push(month);
for (var index = 0; index < barChartData.datasets.length; ++index) {
//window.myBar.addData(randomScalingFactor(), index);
barChartData.datasets[index].data.push(randomScalingFactor());
}
window.myBar.update();
}
});
}
var rs= document.getElementById('removeDataset');
if(rs) {
addEventListener('click', function () {
barChartData.datasets.splice(0, 1);
window.myBar.update();
});
}
var res =document.getElementById('removeData');
if(res) {
addEventListener('click', function () {
barChartData.labels.splice(-1, 1); // remove the label first
barChartData.datasets.forEach(function (dataset, datasetIndex) {
dataset.data.pop();
});
window.myBar.update();
});
}
</script> }
<!-- new added graphs chart js--> });
<!-- Classie --><!-- for toggle left push menu script --> var c = document.getElementById('randomizeData');
<script src="js/classie.js"></script> if (c) {
<script> c.addEventListener('click', function () {
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ), var zero = Math.random() < 0.2 ? true : false;
showLeftPush = document.getElementById( 'showLeftPush' ), barChartData.datasets.forEach(function (dataset) {
body = document.body; dataset.data = dataset.data.map(function () {
return zero ? 0.0 : randomScalingFactor();
showLeftPush.onclick = function() { });
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toright' ); });
classie.toggle( menuLeft, 'cbp-spmenu-open' ); window.myBar.update();
disableOther( 'showLeftPush' ); });
}; }
var colorNames = Object.keys(window.chartColors);
function disableOther( button ) { var el = document.getElementById('addDataset');
if( button !== 'showLeftPush' ) { if (el) {
classie.toggle( showLeftPush, 'disabled' ); addEventListener('click', function () {
} var colorName = colorNames[barChartData.datasets.length % colorNames.length];
} ;
</script> var dsColor = window.chartColors[colorName];
var newDataset = {
label: 'Dataset ' + barChartData.datasets.length,
<script src="js/scripts.js"></script> backgroundColor: color(dsColor).alpha(0.5).rgbString(),
<!--//scrolling js--> borderColor: dsColor,
borderWidth: 1,
<!-- Bootstrap Core JavaScript --> data: []
<script src="js/bootstrap.js"> </script> };
<!-- //Bootstrap Core JavaScript -->
for (var index = 0; index < barChartData.labels.length; ++index) {
newDataset.data.push(randomScalingFactor());
}
barChartData.datasets.push(newDataset);
window.myBar.update();
});
}
var els = document.getElementById('addData');
if (els) {
addEventListener('click', function () {
if (barChartData.datasets.length > 0) {
var month = MONTHS[barChartData.labels.length % MONTHS.length];
barChartData.labels.push(month);
for (var index = 0; index < barChartData.datasets.length; ++index) {
//window.myBar.addData(randomScalingFactor(), index);
barChartData.datasets[index].data.push(randomScalingFactor());
}
window.myBar.update();
}
});
}
var rs = document.getElementById('removeDataset');
if (rs) {
addEventListener('click', function () {
barChartData.datasets.splice(0, 1);
window.myBar.update();
});
}
var res = document.getElementById('removeData');
if (res) {
addEventListener('click', function () {
barChartData.labels.splice(-1, 1); // remove the label first
barChartData.datasets.forEach(function (dataset, datasetIndex) {
dataset.data.pop();
});
window.myBar.update();
});
}
</script>
<!-- new added graphs chart js-->
<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById('cbp-spmenu-s1'),
showLeftPush = document.getElementById('showLeftPush'),
body = document.body;
showLeftPush.onclick = function () {
classie.toggle(this, 'active');
classie.toggle(body, 'cbp-spmenu-push-toright');
classie.toggle(menuLeft, 'cbp-spmenu-open');
disableOther('showLeftPush');
};
function disableOther(button) {
if (button !== 'showLeftPush') {
classie.toggle(showLeftPush, 'disabled');
}
}
</script>
<script src="js/scripts.js"></script>
<script src="js/bootstrap.js"></script>
</footer>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
src/main/resources/public/login.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Login Page :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Login Page :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/media.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Media :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Media :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/pages/employee/employeeController.js
View file @ d28f629e
...@@ -39,8 +39,6 @@ angular.module("myApp").controller("employeeController", function ($scope, $http ...@@ -39,8 +39,6 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
$scope.getTotalItems = getTotalItems; $scope.getTotalItems = getTotalItems;
$scope.keyword = ""; $scope.keyword = "";
// end declare
getAllEmp(); getAllEmp();
...@@ -86,12 +84,12 @@ angular.module("myApp").controller("employeeController", function ($scope, $http ...@@ -86,12 +84,12 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
url: '/employee/' + emp.id url: '/employee/' + emp.id
}).then(function successCallback(response) { }).then(function successCallback(response) {
console.log(response); console.log(response);
$state.reload();
$scope.employess = response.data; $scope.employess = response.data;
}, function errorCallback(response) { }, function errorCallback(response) {
console.log(response) console.log(response)
}); });
}; }
// In case of edit
$scope.edit = function (emp) { $scope.edit = function (emp) {
$scope.emp.username = emp.username; $scope.emp.username = emp.username;
$scope.emp.password = emp.password; $scope.emp.password = emp.password;
......
src/main/resources/public/signup.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | SignUp Page :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | SignUp Page :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/typography.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Typography :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Typography :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/validation.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Validation :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Validation :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
src/main/resources/public/widgets.html
View file @ d28f629e
...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/ ...@@ -9,7 +9,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
<head> <head>
<title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Widgets :: w3layouts</title> <title>Glance Design Dashboard an Admin Panel Category Flat Bootstrap Responsive Website Template | Widgets :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment