mirror of https://github.com/ColorlibHQ/AdminLTE
Raphael Jackstadt
GitHub
commit
509a1abedd
|
|
@ -197,6 +197,15 @@ const Plugins = [
|
||||||
from: 'node_modules/toastr/build/',
|
from: 'node_modules/toastr/build/',
|
||||||
to : 'plugins/toastr'
|
to : 'plugins/toastr'
|
||||||
},
|
},
|
||||||
|
// jsGrid
|
||||||
|
{
|
||||||
|
from: 'node_modules/jsgrid/dist',
|
||||||
|
to: 'plugins/jsgrid'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
from: 'node_modules/jsgrid/demos/',
|
||||||
|
to: 'plugins/jsgrid/demos'
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
// // Doc Assets
|
// // Doc Assets
|
||||||
|
|
|
||||||
|
|
@ -6,63 +6,74 @@
|
||||||
*/
|
*/
|
||||||
// Bootstrap
|
// Bootstrap
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "../../node_modules/bootstrap/scss/functions";
|
@import '../../node_modules/bootstrap/scss/functions';
|
||||||
@import "bootstrap-variables";
|
@import 'bootstrap-variables';
|
||||||
@import "../../node_modules/bootstrap/scss/bootstrap";
|
@import '../../node_modules/bootstrap/scss/bootstrap';
|
||||||
// VARIABLES AND MIXINS
|
|
||||||
|
// Variables and Mixins
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "variables";
|
|
||||||
@import "mixins";
|
@import 'variables';
|
||||||
|
@import 'mixins';
|
||||||
|
|
||||||
// Core
|
// Core
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "layout";
|
@import 'layout';
|
||||||
// COMPONENTS
|
|
||||||
|
// Components
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "main-header";
|
@import 'main-header';
|
||||||
@import "brand";
|
@import 'brand';
|
||||||
@import "main-sidebar";
|
@import 'main-sidebar';
|
||||||
@import "sidebar-mini";
|
@import 'sidebar-mini';
|
||||||
@import "control-sidebar";
|
@import 'control-sidebar';
|
||||||
@import "dropdown";
|
@import 'dropdown';
|
||||||
@import "forms";
|
@import 'forms';
|
||||||
@import "progress-bars";
|
@import 'progress-bars';
|
||||||
@import "small-box";
|
@import 'small-box';
|
||||||
@import "cards";
|
@import 'cards';
|
||||||
@import "info-box";
|
@import 'info-box';
|
||||||
@import "timeline";
|
@import 'timeline';
|
||||||
@import "buttons";
|
@import 'buttons';
|
||||||
@import "callout";
|
@import 'callout';
|
||||||
@import "alerts";
|
@import 'alerts';
|
||||||
@import "navs";
|
@import 'navs';
|
||||||
@import "products";
|
@import 'products';
|
||||||
@import "table";
|
@import 'table';
|
||||||
@import "labels";
|
@import 'labels';
|
||||||
@import "direct-chat";
|
@import 'direct-chat';
|
||||||
@import "users-list";
|
@import 'users-list';
|
||||||
@import "carousel";
|
@import 'carousel';
|
||||||
@import "social-widgets";
|
@import 'social-widgets';
|
||||||
@import "modals";
|
@import 'modals';
|
||||||
// PAGES
|
|
||||||
|
// Pages
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "mailbox";
|
@import 'pages/mailbox';
|
||||||
@import "lockscreen";
|
@import 'pages/lockscreen';
|
||||||
@import "login_and_register";
|
@import 'pages/login_and_register';
|
||||||
@import "404_500_errors";
|
@import 'pages/404_500_errors';
|
||||||
@import "invoice";
|
@import 'pages/invoice';
|
||||||
@import "profile";
|
@import 'pages/profile';
|
||||||
|
@import 'pages/e_commerce';
|
||||||
|
@import 'pages/projects';
|
||||||
|
|
||||||
// Plugins
|
// Plugins
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "plugins/fullcalendar";
|
@import 'plugins/fullcalendar';
|
||||||
@import "plugins/select2";
|
@import 'plugins/select2';
|
||||||
@import "plugins/bootstrap-slider";
|
@import 'plugins/bootstrap-slider';
|
||||||
@import "plugins/icheck-bootstrap";
|
@import 'plugins/icheck-bootstrap';
|
||||||
@import "plugins/mapael";
|
@import 'plugins/mapael';
|
||||||
@import "plugins/jqvmap";
|
@import 'plugins/jqvmap';
|
||||||
@import "plugins/sweetalert2";
|
@import 'plugins/sweetalert2';
|
||||||
@import "plugins/toastr";
|
@import 'plugins/toastr';
|
||||||
|
@import 'plugins/miscellaneous';
|
||||||
|
|
||||||
// Miscellaneous
|
// Miscellaneous
|
||||||
// ---------------------------------------------------
|
// ---------------------------------------------------
|
||||||
@import "miscellaneous";
|
@import 'miscellaneous';
|
||||||
@import "print";
|
@import 'print';
|
||||||
@import "text";
|
@import 'text';
|
||||||
@import "elevation";
|
@import 'elevation';
|
||||||
|
@import 'colors';
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
* Component: alert
|
* Component: Alert
|
||||||
* ----------------
|
* ----------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
@ -9,8 +9,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
color: #000;
|
color: $black;
|
||||||
opacity: .2;
|
opacity: .2;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
|
@ -25,21 +26,21 @@
|
||||||
//Alert Variants
|
//Alert Variants
|
||||||
.alert-success {
|
.alert-success {
|
||||||
@extend .bg-success;
|
@extend .bg-success;
|
||||||
border-color: darken(theme-color("success"), 5%);
|
border-color: darken(theme-color('success'), 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-danger,
|
.alert-danger,
|
||||||
.alert-error {
|
.alert-error {
|
||||||
@extend .bg-danger;
|
@extend .bg-danger;
|
||||||
border-color: darken(theme-color("danger"), 5%);
|
border-color: darken(theme-color('danger'), 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-warning {
|
.alert-warning {
|
||||||
@extend .bg-warning;
|
@extend .bg-warning;
|
||||||
border-color: darken(theme-color("warning"), 5%);
|
border-color: darken(theme-color('warning'), 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-info {
|
.alert-info {
|
||||||
@extend .bg-info;
|
@extend .bg-info;
|
||||||
border-color: darken(theme-color("info"), 5%);
|
border-color: darken(theme-color('info'), 5%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,14 @@
|
||||||
|
/*
|
||||||
|
* Component: Brand
|
||||||
|
* ----------------
|
||||||
|
*/
|
||||||
|
|
||||||
.brand-link {
|
.brand-link {
|
||||||
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
||||||
padding: $brand-link-padding-y $sidebar-padding-x;
|
|
||||||
font-size: $navbar-brand-font-size;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: $navbar-brand-font-size;
|
||||||
line-height: $line-height-lg;
|
line-height: $line-height-lg;
|
||||||
|
padding: $brand-link-padding-y $sidebar-padding-x;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
@ -11,23 +16,23 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="sidebar-dark"] & {
|
[class*='sidebar-dark'] & {
|
||||||
color: rgba(255,255,255,.8);
|
|
||||||
border-bottom: 1px solid lighten($dark, 10%);
|
border-bottom: 1px solid lighten($dark, 10%);
|
||||||
|
color: rgba($white, .8);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="sidebar-light"] & {
|
[class*='sidebar-light'] & {
|
||||||
color: rgba(0,0,0,.8);
|
|
||||||
border-bottom: 1px solid $gray-300;
|
border-bottom: 1px solid $gray-300;
|
||||||
|
color: rgba($black, .8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-image {
|
.brand-image {
|
||||||
float:left;
|
float: left;
|
||||||
line-height: .8;
|
line-height: .8;
|
||||||
max-height: 34px;
|
|
||||||
width: auto;
|
|
||||||
margin-left: .8rem;
|
margin-left: .8rem;
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
margin-top: -3px;
|
margin-top: -3px;
|
||||||
|
max-height: 34px;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,27 +7,28 @@
|
||||||
// Flat buttons
|
// Flat buttons
|
||||||
&.btn-flat {
|
&.btn-flat {
|
||||||
@include border-radius(0);
|
@include border-radius(0);
|
||||||
box-shadow: none;
|
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// input file btn
|
// input file btn
|
||||||
&.btn-file {
|
&.btn-file {
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
> input[type='file'] {
|
> input[type='file'] {
|
||||||
position: absolute;
|
background: $white;
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
min-width: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
font-size: 100px;
|
|
||||||
text-align: right;
|
|
||||||
opacity: 0;
|
|
||||||
outline: none;
|
|
||||||
background: white;
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: 100px;
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
opacity: 0;
|
||||||
|
outline: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
text-align: right;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -35,29 +36,31 @@
|
||||||
// Button color variations
|
// Button color variations
|
||||||
.btn-default {
|
.btn-default {
|
||||||
background-color: $button-default-background-color;
|
background-color: $button-default-background-color;
|
||||||
color: $button-default-color;
|
|
||||||
border-color: $button-default-border-color;
|
border-color: $button-default-border-color;
|
||||||
|
color: $button-default-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&.hover {
|
&.hover {
|
||||||
color: darken($button-default-color, 10%);
|
|
||||||
background-color: darken($button-default-background-color, 5%);
|
background-color: darken($button-default-background-color, 5%);
|
||||||
|
color: darken($button-default-color, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Application buttons
|
// Application buttons
|
||||||
.btn-app {
|
.btn-app {
|
||||||
@include border-radius(3px);
|
@include border-radius(3px);
|
||||||
position: relative;
|
background-color: $button-default-background-color;
|
||||||
padding: 15px 5px;
|
border: 1px solid $button-default-border-color;
|
||||||
|
color: $gray-600;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 60px;
|
||||||
margin: 0 0 10px 10px;
|
margin: 0 0 10px 10px;
|
||||||
min-width: 80px;
|
min-width: 80px;
|
||||||
height: 60px;
|
padding: 15px 5px;
|
||||||
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #666;
|
|
||||||
border: 1px solid $button-default-border-color;
|
|
||||||
background-color: $button-default-background-color;
|
|
||||||
font-size: 12px;
|
|
||||||
// Icons within the btn
|
// Icons within the btn
|
||||||
> .fa,
|
> .fa,
|
||||||
> .fas,
|
> .fas,
|
||||||
|
|
@ -65,28 +68,28 @@
|
||||||
> .fab,
|
> .fab,
|
||||||
> .glyphicon,
|
> .glyphicon,
|
||||||
> .ion {
|
> .ion {
|
||||||
font-size: 20px;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $button-default-background-color;
|
background: $button-default-background-color;
|
||||||
color: $button-default-color;
|
|
||||||
border-color: darken($button-default-border-color, 20%);
|
border-color: darken($button-default-border-color, 20%);
|
||||||
|
color: $button-default-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&:focus {
|
&:focus {
|
||||||
@include box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125));
|
@include box-shadow(inset 0 3px 5px rgba($black, 0.125));
|
||||||
}
|
}
|
||||||
|
|
||||||
// The badge
|
// The badge
|
||||||
> .badge {
|
> .badge {
|
||||||
position: absolute;
|
|
||||||
top: -3px;
|
|
||||||
right: -10px;
|
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
position: absolute;
|
||||||
|
right: -10px;
|
||||||
|
top: -3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -17,14 +17,15 @@
|
||||||
|
|
||||||
@extend .mb-3;
|
@extend .mb-3;
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
|
border-left: 5px solid $gray-200;
|
||||||
padding: .5rem 1rem .5rem .5rem;
|
padding: .5rem 1rem .5rem .5rem;
|
||||||
border-left: 5px solid #eee;
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $white;
|
color: $white;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #eee;
|
color: $gray-200;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -34,15 +35,18 @@
|
||||||
|
|
||||||
// Themes for different contexts
|
// Themes for different contexts
|
||||||
&.callout-danger {
|
&.callout-danger {
|
||||||
border-left-color: darken(theme-color("danger"), 10%);
|
border-left-color: darken(theme-color('danger'), 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.callout-warning {
|
&.callout-warning {
|
||||||
border-left-color: darken(theme-color("warning"), 10%);
|
border-left-color: darken(theme-color('warning'), 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.callout-info {
|
&.callout-info {
|
||||||
border-left-color: darken(theme-color("info"), 10%);
|
border-left-color: darken(theme-color('info'), 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.callout-success {
|
&.callout-success {
|
||||||
border-left-color: darken(theme-color("success"), 10%);
|
border-left-color: darken(theme-color('success'), 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Component: Box
|
* Component: Cards
|
||||||
* --------------
|
* ----------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
|
|
@ -15,20 +15,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.maximized-card {
|
&.maximized-card {
|
||||||
z-index: 9999;
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
max-width: 100% !important;
|
left: 0;
|
||||||
max-height: 100% !important;
|
max-height: 100% !important;
|
||||||
|
max-width: 100% !important;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
width: 100% !important;
|
||||||
|
z-index: 9999;
|
||||||
|
|
||||||
&.was-collapsed .card-body {
|
&.was-collapsed .card-body {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-widget="collapse"] {
|
[data-widget='collapse'] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -50,6 +50,7 @@
|
||||||
> li {
|
> li {
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
@ -82,14 +83,14 @@ html.maximized-card {
|
||||||
.card-header,
|
.card-header,
|
||||||
.card-body,
|
.card-body,
|
||||||
.card-footer {
|
.card-footer {
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Box header
|
// Box header
|
||||||
.card-header {
|
.card-header {
|
||||||
position: relative;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
@if $enable-rounded {
|
@if $enable-rounded {
|
||||||
@include border-top-radius($border-radius);
|
@include border-top-radius($border-radius);
|
||||||
|
|
@ -104,7 +105,7 @@ html.maximized-card {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
top: .5rem;
|
top: .5rem;
|
||||||
|
|
||||||
[data-toggle="tooltip"] {
|
[data-toggle='tooltip'] {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -118,10 +119,10 @@ html.maximized-card {
|
||||||
|
|
||||||
// Box Tools Buttons
|
// Box Tools Buttons
|
||||||
.btn-tool {
|
.btn-tool {
|
||||||
padding: .25rem .5rem;
|
|
||||||
font-size: $font-size-sm;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: $gray-500;
|
color: $gray-500;
|
||||||
|
font-size: $font-size-sm;
|
||||||
|
padding: .25rem .5rem;
|
||||||
|
|
||||||
.btn-group.show &,
|
.btn-group.show &,
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
@ -140,9 +141,11 @@ html.maximized-card {
|
||||||
.no-header & {
|
.no-header & {
|
||||||
// @include border-top-radius($border-radius);
|
// @include border-top-radius($border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Tables within the box body
|
// Tables within the box body
|
||||||
> .table {
|
> .table {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
> thead > tr > th,
|
> thead > tr > th,
|
||||||
> thead > tr > td {
|
> thead > tr > td {
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
|
|
@ -166,6 +169,7 @@ html.maximized-card {
|
||||||
.chart-legend {
|
.chart-legend {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
@media (max-width: map-get($grid-breakpoints, sm)) {
|
@media (max-width: map-get($grid-breakpoints, sm)) {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -176,34 +180,41 @@ html.maximized-card {
|
||||||
|
|
||||||
// Comment Box
|
// Comment Box
|
||||||
.card-comments {
|
.card-comments {
|
||||||
background: #f7f7f7;
|
background: $gray-100;
|
||||||
|
|
||||||
.card-comment {
|
.card-comment {
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
|
border-bottom: 1px solid $gray-200;
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@extend .img-sm;
|
@extend .img-sm;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-text {
|
.comment-text {
|
||||||
|
color: lighten($gray-700, 20%);
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
color: #555;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
color: #444;
|
color: $gray-700;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-muted {
|
.text-muted {
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -212,18 +223,20 @@ html.maximized-card {
|
||||||
|
|
||||||
// Widget: TODO LIST
|
// Widget: TODO LIST
|
||||||
.todo-list {
|
.todo-list {
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
// Todo list element
|
// Todo list element
|
||||||
> li {
|
> li {
|
||||||
@include border-radius(2px);
|
@include border-radius(2px);
|
||||||
padding: 10px;
|
background: $gray-100;
|
||||||
background: #f4f4f4;
|
border-left: 2px solid $gray-200;
|
||||||
|
color: $gray-700;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
border-left: 2px solid #e6e7e8;
|
padding: 10px;
|
||||||
color: #444;
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -234,42 +247,44 @@ html.maximized-card {
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 5px;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Time labels
|
// Time labels
|
||||||
.label {
|
.label {
|
||||||
margin-left: 10px;
|
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Tools and options box
|
// Tools and options box
|
||||||
.tools {
|
.tools {
|
||||||
|
color: theme-color('danger');
|
||||||
display: none;
|
display: none;
|
||||||
float: right;
|
float: right;
|
||||||
color: theme-color("danger");
|
|
||||||
// icons
|
|
||||||
> .fa,
|
|
||||||
> .fas,
|
|
||||||
> .far,
|
|
||||||
> .fab,
|
|
||||||
> .glyphicon,
|
|
||||||
> .ion {
|
|
||||||
margin-right: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
// icons
|
||||||
|
> .fa,
|
||||||
|
> .fas,
|
||||||
|
> .far,
|
||||||
|
> .fab,
|
||||||
|
> .glyphicon,
|
||||||
|
> .ion {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .tools {
|
&:hover .tools {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.done {
|
&.done {
|
||||||
color: #999;
|
color: darken($gray-500, 25%);
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
text-decoration: line-through;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
|
|
@ -280,24 +295,28 @@ html.maximized-card {
|
||||||
|
|
||||||
// Color varaity
|
// Color varaity
|
||||||
.danger {
|
.danger {
|
||||||
border-left-color: theme-color("danger");
|
border-left-color: theme-color('danger');
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
border-left-color: theme-color("warning");
|
border-left-color: theme-color('warning');
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
border-left-color: theme-color("info");
|
border-left-color: theme-color('info');
|
||||||
}
|
}
|
||||||
|
|
||||||
.success {
|
.success {
|
||||||
border-left-color: theme-color("success");
|
border-left-color: theme-color('success');
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary {
|
.primary {
|
||||||
border-left-color: theme-color("primary");
|
border-left-color: theme-color('primary');
|
||||||
}
|
}
|
||||||
|
|
||||||
.handle {
|
.handle {
|
||||||
display: inline-block;
|
|
||||||
cursor: move;
|
cursor: move;
|
||||||
|
display: inline-block;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -315,6 +334,7 @@ html.maximized-card {
|
||||||
.card-header {
|
.card-header {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
|
||||||
&,
|
&,
|
||||||
a {
|
a {
|
||||||
color: color-yiq($color);
|
color: color-yiq($color);
|
||||||
|
|
@ -332,6 +352,7 @@ html.maximized-card {
|
||||||
.card-#{$name}:not(.card-outline) {
|
.card-#{$name}:not(.card-outline) {
|
||||||
.btn-tool {
|
.btn-tool {
|
||||||
color: rgba(color-yiq($color), 0.8);
|
color: rgba(color-yiq($color), 0.8);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: color-yiq($color);
|
color: color-yiq($color);
|
||||||
}
|
}
|
||||||
|
|
@ -345,7 +366,7 @@ html.maximized-card {
|
||||||
.table th {
|
.table th {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
table thead tr:first-child th:hover,
|
table thead tr:first-child th:hover,
|
||||||
table td.day:hover,
|
table td.day:hover,
|
||||||
table td.hour:hover,
|
table td.hour:hover,
|
||||||
|
|
@ -355,7 +376,6 @@ html.maximized-card {
|
||||||
color: color-yiq($color);
|
color: color-yiq($color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table td.active,
|
table td.active,
|
||||||
table td.active:hover {
|
table td.active:hover {
|
||||||
background: lighten($color, 10%);
|
background: lighten($color, 10%);
|
||||||
|
|
|
||||||
|
|
@ -2,17 +2,24 @@
|
||||||
* Component: Carousel
|
* Component: Carousel
|
||||||
* -------------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.carousel-control {
|
.carousel-control {
|
||||||
&.left,
|
&.left,
|
||||||
&.right {
|
&.right {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
> .fa {
|
|
||||||
|
> .fa,
|
||||||
|
> .fas,
|
||||||
|
> .far,
|
||||||
|
> .fab,
|
||||||
|
> .glyphicon,
|
||||||
|
> .ion {
|
||||||
|
display: inline-block;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
margin-top: -20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
display: inline-block;
|
|
||||||
margin-top: -20px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,183 @@
|
||||||
|
/*
|
||||||
|
* Misc: Colors
|
||||||
|
* ------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Background colors (theme colors)
|
||||||
|
@each $name, $color in $theme-colors {
|
||||||
|
.bg-#{$name} {
|
||||||
|
&,
|
||||||
|
> a {
|
||||||
|
color: color-yiq($color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.btn {
|
||||||
|
&.disabled,
|
||||||
|
&:disabled,
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||||
|
border-color: darken($color, 10%);
|
||||||
|
color: color-yiq(darken($color, 7.5%));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 10%));
|
||||||
|
border-color: darken($color, 12.5%);
|
||||||
|
color: color-yiq(darken($color, 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Background colors (colors)
|
||||||
|
@each $name, $color in $colors {
|
||||||
|
.bg-#{$name} {
|
||||||
|
background-color: #{$color};
|
||||||
|
|
||||||
|
&,
|
||||||
|
> a {
|
||||||
|
color: color-yiq($color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.btn {
|
||||||
|
&.disabled,
|
||||||
|
&:disabled,
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||||
|
border-color: darken($color, 10%);
|
||||||
|
color: color-yiq(darken($color, 7.5%));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 10%));
|
||||||
|
border-color: darken($color, 12.5%);
|
||||||
|
color: color-yiq(darken($color, 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-gray {
|
||||||
|
background-color: $gray-500;
|
||||||
|
color: color-yiq($gray-500);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-gray-light {
|
||||||
|
background-color: lighten($gray-200, 3%);
|
||||||
|
color: color-yiq(lighten($gray-200, 3%)) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-black {
|
||||||
|
background-color: $black;
|
||||||
|
color: color-yiq($black) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-white {
|
||||||
|
background-color: $white;
|
||||||
|
color: color-yiq($white) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gradient Background colors (theme colors)
|
||||||
|
@each $name, $color in $theme-colors {
|
||||||
|
.bg-gradient-#{$name} {
|
||||||
|
@include bg-gradient-variant('&', $color);
|
||||||
|
color: color-yiq($color);
|
||||||
|
|
||||||
|
&.btn {
|
||||||
|
&.disabled,
|
||||||
|
&:disabled,
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||||
|
border-color: darken($color, 10%);
|
||||||
|
color: color-yiq(darken($color, 7.5%));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 10%));
|
||||||
|
border-color: darken($color, 12.5%);
|
||||||
|
color: color-yiq(darken($color, 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gradient Background colors (colors)
|
||||||
|
@each $name, $color in $colors {
|
||||||
|
.bg-gradient-#{$name} {
|
||||||
|
@include bg-gradient-variant('&', $color);
|
||||||
|
color: color-yiq($color);
|
||||||
|
|
||||||
|
&.btn {
|
||||||
|
&.disabled,
|
||||||
|
&:disabled,
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 7.5%));
|
||||||
|
border-color: darken($color, 10%);
|
||||||
|
color: color-yiq(darken($color, 7.5%));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
@include bg-gradient-variant('&', darken($color, 10%));
|
||||||
|
border-color: darken($color, 12.5%);
|
||||||
|
color: color-yiq(darken($color, 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Backgrund Color Disabled
|
||||||
|
[class^='bg-'].disabled {
|
||||||
|
opacity: .65;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Text muted hover
|
||||||
|
a.text-muted:hover {
|
||||||
|
color: theme-color(primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Link Styles
|
||||||
|
.link-muted {
|
||||||
|
color: darken($gray-500, 30%);
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: darken($gray-500, 40%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.link-black {
|
||||||
|
color: $gray-600;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: lighten($gray-500, 20%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,25 +1,26 @@
|
||||||
/*
|
/*
|
||||||
* Component: Control sidebar. By default, this is the right sidebar.
|
* Component: Control Sidebar
|
||||||
|
* --------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.control-sidebar {
|
.control-sidebar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: $main-header-height;
|
top: $main-header-height;
|
||||||
z-index: 830;
|
z-index: 830;
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
width: $control-sidebar-width;
|
|
||||||
right: -$control-sidebar-width;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
right: -$control-sidebar-width;
|
||||||
|
width: $control-sidebar-width;
|
||||||
@include transition(right $transition-speed $transition-fn);
|
@include transition(right $transition-speed $transition-fn);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
top: 0;
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
content: " ";
|
top: 0;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -29,7 +30,7 @@
|
||||||
@include media-breakpoint-up(md) {
|
@include media-breakpoint-up(md) {
|
||||||
.control-sidebar {
|
.control-sidebar {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -43,7 +44,7 @@
|
||||||
@include media-breakpoint-down(md) {
|
@include media-breakpoint-down(md) {
|
||||||
.control-sidebar {
|
.control-sidebar {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -54,7 +55,7 @@
|
||||||
.control-sidebar-slide-open {
|
.control-sidebar-slide-open {
|
||||||
.control-sidebar {
|
.control-sidebar {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -70,7 +71,7 @@
|
||||||
|
|
||||||
// Background
|
// Background
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
background: $sidebar-dark-bg;
|
background: $sidebar-dark-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -91,8 +92,8 @@
|
||||||
|
|
||||||
// Tabs
|
// Tabs
|
||||||
.nav-tabs {
|
.nav-tabs {
|
||||||
border-bottom: 0;
|
|
||||||
background-color: $sidebar-dark-hover-bg;
|
background-color: $sidebar-dark-hover-bg;
|
||||||
|
border-bottom: 0;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
||||||
.nav-item {
|
.nav-item {
|
||||||
|
|
@ -100,10 +101,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
position: relative;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
text-align: center;
|
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|
@ -117,8 +118,8 @@
|
||||||
&:active,
|
&:active,
|
||||||
&:focus,
|
&:focus,
|
||||||
&.active {
|
&.active {
|
||||||
border-left-color: transparent;
|
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
|
border-left-color: transparent;
|
||||||
border-top-color: transparent;
|
border-top-color: transparent;
|
||||||
color: $sidebar-dark-hover-color;
|
color: $sidebar-dark-hover-color;
|
||||||
}
|
}
|
||||||
|
|
@ -140,7 +141,7 @@
|
||||||
|
|
||||||
// Background
|
// Background
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
background: $sidebar-light-bg;
|
background: $sidebar-light-bg;
|
||||||
border-left: 1px solid $gray-500;
|
border-left: 1px solid $gray-500;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,14 @@
|
||||||
* Component: Direct Chat
|
* Component: Direct Chat
|
||||||
* ----------------------
|
* ----------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.direct-chat {
|
.direct-chat {
|
||||||
.card-body {
|
.card-body {
|
||||||
position: relative;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.chat-pane-open {
|
&.chat-pane-open {
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
@include translate(0, 0);
|
@include translate(0, 0);
|
||||||
|
|
@ -17,9 +19,9 @@
|
||||||
|
|
||||||
.direct-chat-messages {
|
.direct-chat-messages {
|
||||||
@include translate(0, 0);
|
@include translate(0, 0);
|
||||||
padding: 10px;
|
|
||||||
height: 250px;
|
height: 250px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-msg,
|
.direct-chat-msg,
|
||||||
|
|
@ -28,7 +30,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-msg {
|
.direct-chat-msg {
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -42,44 +44,47 @@
|
||||||
@include border-radius($border-radius-lg);
|
@include border-radius($border-radius-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
position: relative;
|
|
||||||
padding: 5px 10px;
|
|
||||||
background: $direct-chat-default-msg-bg;
|
background: $direct-chat-default-msg-bg;
|
||||||
border: 1px solid $direct-chat-default-msg-border-color;
|
border: 1px solid $direct-chat-default-msg-border-color;
|
||||||
margin: 5px 0 0 50px;
|
|
||||||
color: $direct-chat-default-font-color;
|
color: $direct-chat-default-font-color;
|
||||||
|
margin: 5px 0 0 50px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
//Create the arrow
|
//Create the arrow
|
||||||
&:after,
|
&::after,
|
||||||
&:before {
|
&::before {
|
||||||
position: absolute;
|
|
||||||
right: 100%;
|
|
||||||
top: 15px;
|
|
||||||
border: solid transparent;
|
border: solid transparent;
|
||||||
border-right-color: $direct-chat-default-msg-border-color;
|
border-right-color: $direct-chat-default-msg-border-color;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
height: 0;
|
height: 0;
|
||||||
width: 0;
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 100%;
|
||||||
|
top: 15px;
|
||||||
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
}
|
}
|
||||||
&:before {
|
|
||||||
|
&::before {
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right & {
|
.right & {
|
||||||
margin-right: 50px;
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
&:after,
|
margin-right: 50px;
|
||||||
&:before {
|
|
||||||
right: auto;
|
&::after,
|
||||||
left: 100%;
|
&::before {
|
||||||
border-right-color: transparent;
|
|
||||||
border-left-color: $direct-chat-default-msg-border-color;
|
border-left-color: $direct-chat-default-msg-border-color;
|
||||||
|
border-right-color: transparent;
|
||||||
|
left: 100%;
|
||||||
|
right: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -87,8 +92,9 @@
|
||||||
.direct-chat-img {
|
.direct-chat-img {
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
float: left;
|
float: left;
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
|
||||||
.right & {
|
.right & {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
@ -96,8 +102,8 @@
|
||||||
|
|
||||||
.direct-chat-info {
|
.direct-chat-info {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 2px;
|
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
|
margin-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-name {
|
.direct-chat-name {
|
||||||
|
|
@ -105,7 +111,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-timestamp {
|
.direct-chat-timestamp {
|
||||||
color: #999;
|
color: darken($gray-500, 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
//Direct chat contacts pane
|
//Direct chat contacts pane
|
||||||
|
|
@ -117,24 +123,26 @@
|
||||||
|
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
@include translate(101%, 0);
|
@include translate(101%, 0);
|
||||||
|
background: $gray-900;
|
||||||
|
bottom: 0;
|
||||||
|
color: $white;
|
||||||
|
height: 250px;
|
||||||
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
|
||||||
height: 250px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #222d32;
|
|
||||||
color: $white;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Contacts list -- for displaying contacts in direct chat contacts pane
|
//Contacts list -- for displaying contacts in direct chat contacts pane
|
||||||
.contacts-list {
|
.contacts-list {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
border-bottom: 1px solid rgba($black, 0.2);
|
||||||
padding: 10px;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
@ -143,13 +151,13 @@
|
||||||
|
|
||||||
.contacts-list-img {
|
.contacts-list-img {
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
width: 40px;
|
|
||||||
float: left;
|
float: left;
|
||||||
|
width: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contacts-list-info {
|
.contacts-list-info {
|
||||||
margin-left: 45px;
|
|
||||||
color: $white;
|
color: $white;
|
||||||
|
margin-left: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contacts-list-name,
|
.contacts-list-name,
|
||||||
|
|
@ -166,31 +174,31 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.contacts-list-date {
|
.contacts-list-date {
|
||||||
color: #aaa;
|
color: $gray-500;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contacts-list-msg {
|
.contacts-list-msg {
|
||||||
color: #999;
|
color: darken($gray-500, 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
//Direct Chat Variants
|
//Direct Chat Variants
|
||||||
.direct-chat-danger {
|
.direct-chat-danger {
|
||||||
@include direct-chat-variant(theme-color("danger"));
|
@include direct-chat-variant(theme-color('danger'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-primary {
|
.direct-chat-primary {
|
||||||
@include direct-chat-variant(theme-color("primary"));
|
@include direct-chat-variant(theme-color('primary'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-warning {
|
.direct-chat-warning {
|
||||||
@include direct-chat-variant(theme-color("warning"));
|
@include direct-chat-variant(theme-color('warning'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-info {
|
.direct-chat-info {
|
||||||
@include direct-chat-variant(theme-color("info"));
|
@include direct-chat-variant(theme-color('info'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-chat-success {
|
.direct-chat-success {
|
||||||
@include direct-chat-variant(theme-color("success"));
|
@include direct-chat-variant(theme-color('success'));
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Component: Dropdown menus
|
* Component: Dropdown
|
||||||
* -------------------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// General Dropdown Rules
|
// General Dropdown Rules
|
||||||
|
|
@ -20,35 +20,38 @@
|
||||||
|
|
||||||
// Dropdown Sizes
|
// Dropdown Sizes
|
||||||
.dropdown-menu-lg {
|
.dropdown-menu-lg {
|
||||||
min-width: 280px;
|
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
min-width: 280px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.dropdown-divider {
|
.dropdown-divider {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
padding: $dropdown-padding-y $dropdown-item-padding-x;
|
padding: $dropdown-padding-y $dropdown-item-padding-x;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
white-space: normal;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
white-space: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dropdown header and footer
|
// Dropdown header and footer
|
||||||
.dropdown-footer,
|
.dropdown-footer,
|
||||||
.dropdown-header {
|
.dropdown-header {
|
||||||
text-align: center;
|
|
||||||
display: block;
|
display: block;
|
||||||
padding: .5rem $dropdown-item-padding-x;
|
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
|
padding: .5rem $dropdown-item-padding-x;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add fade animation to dropdown menus by appending
|
/* Add fade animation to dropdown menus by appending
|
||||||
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
||||||
.open:not(.dropup) > .animated-dropdown-menu {
|
.open:not(.dropup) > .animated-dropdown-menu {
|
||||||
backface-visibility: visible !important;
|
|
||||||
@include animation(flipInX .7s both);
|
@include animation(flipInX .7s both);
|
||||||
|
backface-visibility: visible !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes flipInX {
|
@keyframes flipInX {
|
||||||
|
|
@ -178,7 +181,7 @@
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
border-bottom: 1px solid #f4f4f4;
|
border-bottom: 1px solid #f4f4f4;
|
||||||
border-top: 1px solid #dddddd;
|
border-top: 1px solid #dddddd;
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
a {
|
a {
|
||||||
color: #444 !important;
|
color: #444 !important;
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
|
|
@ -192,7 +195,7 @@
|
||||||
> .user-footer {
|
> .user-footer {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
.btn-default {
|
.btn-default {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
@ -217,4 +220,4 @@
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,28 @@
|
||||||
|
/*
|
||||||
|
* Component: Elevation
|
||||||
|
* --------------------
|
||||||
|
*/
|
||||||
|
|
||||||
.elevation-0 {
|
.elevation-0 {
|
||||||
box-shadow: none;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elevation-1 {
|
.elevation-1 {
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
box-shadow: 0 1px 3px rgba($black, 0.12), 0 1px 2px rgba($black, 0.24) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elevation-2 {
|
.elevation-2 {
|
||||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
box-shadow: 0 3px 6px rgba($black, 0.16), 0 3px 6px rgba($black, 0.23) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elevation-3 {
|
.elevation-3 {
|
||||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
box-shadow: 0 10px 20px rgba($black, 0.19), 0 6px 6px rgba($black, 0.23) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elevation-4 {
|
.elevation-4 {
|
||||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
box-shadow: 0 14px 28px rgba($black, 0.25), 0 10px 10px rgba($black, 0.22) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elevation-5 {
|
.elevation-5 {
|
||||||
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
|
box-shadow: 0 19px 38px rgba($black, 0.30), 0 15px 12px rgba($black, 0.22) !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,28 +1,31 @@
|
||||||
/*
|
/*
|
||||||
* Component: Form
|
* Component: Forms
|
||||||
* ---------------
|
* ----------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.form-group {
|
.form-group {
|
||||||
&.has-icon {
|
&.has-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
padding-right: 35px;
|
padding-right: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-icon {
|
.form-icon {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 1rem;
|
||||||
|
// margin-top: -3px;
|
||||||
|
padding: $input-btn-padding-y $input-btn-padding-x;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 3px;
|
right: 3px;
|
||||||
top: 0;
|
top: 0;
|
||||||
padding: $input-btn-padding-y $input-btn-padding-x;
|
|
||||||
// margin-top: -3px;
|
|
||||||
border: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* button groups */
|
// Button groups
|
||||||
.btn-group-vertical {
|
.btn-group-vertical {
|
||||||
.btn {
|
.btn {
|
||||||
&.btn-flat:first-of-type, &.btn-flat:last-of-type {
|
&.btn-flat:first-of-type, &.btn-flat:last-of-type {
|
||||||
|
|
@ -31,44 +34,66 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Support Font Awesome icons in form-control */
|
// Support icons in form-control
|
||||||
.form-control-feedback {
|
.form-control-feedback {
|
||||||
&.fa,
|
&.fa,
|
||||||
&.fas,
|
&.fas,
|
||||||
&.far,
|
&.far,
|
||||||
&.fab {
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
line-height: $input-height;
|
line-height: $input-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-lg + .form-control-feedback.fa,
|
.input-lg + .form-control-feedback,
|
||||||
.input-group-lg + .form-control-feedback.fa,
|
.input-group-lg + .form-control-feedback {
|
||||||
.form-group-lg .form-control + .form-control-feedback.fa,
|
&.fa,
|
||||||
.input-lg + .form-control-feedback.fas,
|
&.fas,
|
||||||
.input-group-lg + .form-control-feedback.fas,
|
&.far,
|
||||||
.form-group-lg .form-control + .form-control-feedback.fas,
|
&.fab,
|
||||||
.input-lg + .form-control-feedback.far,
|
&.glyphicon,
|
||||||
.input-group-lg + .form-control-feedback.far,
|
&.ion {
|
||||||
.form-group-lg .form-control + .form-control-feedback.far,
|
line-height: $input-height-lg;
|
||||||
.input-lg + .form-control-feedback.fab,
|
}
|
||||||
.input-group-lg + .form-control-feedback.fab,
|
|
||||||
.form-group-lg .form-control + .form-control-feedback.fab {
|
|
||||||
line-height: $input-height-lg;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-sm + .form-control-feedback.fa,
|
.form-group-lg {
|
||||||
.input-group-sm + .form-control-feedback.fa,
|
.form-control + .form-control-feedback {
|
||||||
.form-group-sm .form-control + .form-control-feedback.fa,
|
&.fa,
|
||||||
.input-sm + .form-control-feedback.fas,
|
&.fas,
|
||||||
.input-group-sm + .form-control-feedback.fas,
|
&.far,
|
||||||
.form-group-sm .form-control + .form-control-feedback.fas,
|
&.fab,
|
||||||
.input-sm + .form-control-feedback.far,
|
&.glyphicon,
|
||||||
.input-group-sm + .form-control-feedback.far,
|
&.ion {
|
||||||
.form-group-sm .form-control + .form-control-feedback.far,
|
line-height: $input-height-lg;
|
||||||
.input-sm + .form-control-feedback.fab,
|
}
|
||||||
.input-group-sm + .form-control-feedback.fab,
|
}
|
||||||
.form-group-sm .form-control + .form-control-feedback.fab {
|
}
|
||||||
line-height: $input-height-sm;
|
|
||||||
|
.input-sm + .form-control-feedback,
|
||||||
|
.input-group-sm + .form-control-feedback {
|
||||||
|
&.fa,
|
||||||
|
&.fas,
|
||||||
|
&.far,
|
||||||
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
|
line-height: $input-height-sm;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group-sm {
|
||||||
|
.form-control + .form-control-feedback {
|
||||||
|
&.fa,
|
||||||
|
&.fas,
|
||||||
|
&.far,
|
||||||
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
|
line-height: $input-height-sm;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
label:not(.form-check-label, .custom-file-label) {
|
label:not(.form-check-label, .custom-file-label) {
|
||||||
|
|
@ -76,26 +101,26 @@ label:not(.form-check-label, .custom-file-label) {
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-feedback {
|
.warning-feedback {
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: $form-feedback-margin-top;
|
|
||||||
@include font-size($form-feedback-font-size);
|
@include font-size($form-feedback-font-size);
|
||||||
color: theme-color('warning');
|
color: theme-color('warning');
|
||||||
|
display: none;
|
||||||
|
margin-top: $form-feedback-margin-top;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-tooltip {
|
.warning-tooltip {
|
||||||
|
@include border-radius($form-feedback-tooltip-border-radius);
|
||||||
|
@include font-size($form-feedback-tooltip-font-size);
|
||||||
|
background-color: rgba(theme-color('warning'), $form-feedback-tooltip-opacity);
|
||||||
|
color: color-yiq(theme-color('warning'));
|
||||||
|
display: none;
|
||||||
|
line-height: $form-feedback-tooltip-line-height;
|
||||||
|
margin-top: .1rem;
|
||||||
|
max-width: 100%; // Contain to parent when possible
|
||||||
|
padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
display: none;
|
|
||||||
max-width: 100%; // Contain to parent when possible
|
|
||||||
padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
|
|
||||||
margin-top: .1rem;
|
|
||||||
@include font-size($form-feedback-tooltip-font-size);
|
|
||||||
line-height: $form-feedback-tooltip-line-height;
|
|
||||||
color: color-yiq(theme-color('warning'));
|
|
||||||
background-color: rgba(theme-color('warning'), $form-feedback-tooltip-opacity);
|
|
||||||
@include border-radius($form-feedback-tooltip-border-radius);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
|
|
@ -176,36 +201,34 @@ textarea.form-control {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-control-input {
|
.custom-control-input.is-warning {
|
||||||
&.is-warning {
|
~ .custom-control-label {
|
||||||
~ .custom-control-label {
|
color: theme-color('warning');
|
||||||
color: theme-color('warning');
|
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
border-color: theme-color('warning');
|
border-color: theme-color('warning');
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
@include gradient-bg(lighten(theme-color('warning'), 10%));
|
||||||
|
border-color: lighten(theme-color('warning'), 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
||||||
}
|
}
|
||||||
|
|
||||||
~ .warning-feedback,
|
&:not(:checked) ~ .custom-control-label::before {
|
||||||
~ .warning-tooltip {
|
border-color: theme-color('warning');
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:checked {
|
|
||||||
~ .custom-control-label::before {
|
|
||||||
border-color: lighten(theme-color('warning'), 10%);
|
|
||||||
@include gradient-bg(lighten(theme-color('warning'), 10%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
~ .custom-control-label::before {
|
|
||||||
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:checked) ~ .custom-control-label::before {
|
|
||||||
border-color: theme-color('warning');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -234,20 +257,23 @@ textarea.form-control {
|
||||||
// custom switch color variations
|
// custom switch color variations
|
||||||
.custom-switch {
|
.custom-switch {
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
&.custom-switch-off-#{$name} {
|
&.custom-switch-off-#{$name} {
|
||||||
& .custom-control-input ~ .custom-control-label::before {
|
& .custom-control-input ~ .custom-control-label::before {
|
||||||
background: #{$color};
|
background: #{$color};
|
||||||
border-color: darken($color, 20%);
|
border-color: darken($color, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& .custom-control-input ~ .custom-control-label::after {
|
& .custom-control-input ~ .custom-control-label::after {
|
||||||
background: darken($color, 25%);
|
background: darken($color, 25%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.custom-switch-on-#{$name} {
|
|
||||||
|
&.custom-switch-on-#{$name} {
|
||||||
& .custom-control-input:checked ~ .custom-control-label::before {
|
& .custom-control-input:checked ~ .custom-control-label::before {
|
||||||
background: #{$color};
|
background: #{$color};
|
||||||
border-color: darken($color, 20%);
|
border-color: darken($color, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& .custom-control-input:checked ~ .custom-control-label::after {
|
& .custom-control-input:checked ~ .custom-control-label::after {
|
||||||
background: lighten($color, 30%);
|
background: lighten($color, 30%);
|
||||||
}
|
}
|
||||||
|
|
@ -255,31 +281,34 @@ textarea.form-control {
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $name, $color in $colors {
|
@each $name, $color in $colors {
|
||||||
&.custom-switch-off-#{$name} {
|
&.custom-switch-off-#{$name} {
|
||||||
& .custom-control-input ~ .custom-control-label::before {
|
& .custom-control-input ~ .custom-control-label::before {
|
||||||
background: #{$color};
|
background: #{$color};
|
||||||
border-color: darken($color, 20%);
|
border-color: darken($color, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& .custom-control-input ~ .custom-control-label::after {
|
& .custom-control-input ~ .custom-control-label::after {
|
||||||
background: darken($color, 25%);
|
background: darken($color, 25%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.custom-switch-on-#{$name} {
|
|
||||||
|
&.custom-switch-on-#{$name} {
|
||||||
& .custom-control-input:checked ~ .custom-control-label::before {
|
& .custom-control-input:checked ~ .custom-control-label::before {
|
||||||
background: #{$color};
|
background: #{$color};
|
||||||
border-color: darken($color, 20%);
|
border-color: darken($color, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
& .custom-control-input:checked ~ .custom-control-label::after {
|
& .custom-control-input:checked ~ .custom-control-label::after {
|
||||||
background: lighten($color, 30%);
|
background: lighten($color, 30%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// custom range color variations
|
// custom range color variations
|
||||||
.custom-range {
|
.custom-range {
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
&.custom-range-#{$name} {
|
&.custom-range-#{$name} {
|
||||||
&:focus {
|
&:focus {
|
||||||
&::-webkit-slider-thumb {
|
&::-webkit-slider-thumb {
|
||||||
background-color: lighten($color, 35%);
|
background-color: lighten($color, 35%);
|
||||||
|
|
@ -293,7 +322,7 @@ textarea.form-control {
|
||||||
background-color: lighten($color, 35%);
|
background-color: lighten($color, 35%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-slider-thumb {
|
&::-webkit-slider-thumb {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
}
|
}
|
||||||
|
|
@ -323,7 +352,7 @@ textarea.form-control {
|
||||||
background-color: lighten($color, 35%);
|
background-color: lighten($color, 35%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-slider-thumb {
|
&::-webkit-slider-thumb {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
}
|
}
|
||||||
|
|
@ -336,7 +365,5 @@ textarea.form-control {
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,20 +2,22 @@
|
||||||
* Component: Info Box
|
* Component: Info Box
|
||||||
* -------------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.info-box {
|
.info-box {
|
||||||
@extend .d-flex;
|
@extend .d-flex;
|
||||||
@extend .mb-3;
|
@extend .mb-3;
|
||||||
@include box-shadow($card-shadow);
|
@include box-shadow($card-shadow);
|
||||||
@include border-radius($border-radius);
|
@include border-radius($border-radius);
|
||||||
|
|
||||||
padding: .5rem;
|
|
||||||
min-height: 80px;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
|
min-height: 80px;
|
||||||
|
padding: .5rem;
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
background-color: rgba(0, 0, 0, 0.125);
|
background-color: rgba($black, 0.125);
|
||||||
margin: 5px 0;
|
|
||||||
height: 2px;
|
height: 2px;
|
||||||
|
margin: 5px 0;
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
}
|
}
|
||||||
|
|
@ -32,9 +34,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
width: 70px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
text-align: center;
|
||||||
|
width: 70px;
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
@ -42,8 +44,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-box-content {
|
.info-box-content {
|
||||||
padding: 5px 10px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-box-number {
|
.info-box-number {
|
||||||
|
|
@ -54,18 +56,20 @@
|
||||||
.progress-description,
|
.progress-description,
|
||||||
.info-box-text {
|
.info-box-text {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.info-box.bg-#{$name},
|
.info-box {
|
||||||
.info-box.bg-gradient-#{$name} {
|
.bg-#{$name},
|
||||||
color: color-yiq($color);
|
.bg-gradient-#{$name} {
|
||||||
|
color: color-yiq($color);
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
background-color: color-yiq($color);
|
background-color: color-yiq($color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
/*
|
/*
|
||||||
* Component: Label
|
* Component: Labels
|
||||||
* ----------------
|
* -----------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.label-default {
|
.label-default {
|
||||||
background-color: $gray-500;
|
background-color: $gray-500;
|
||||||
color: #444;
|
color: $gray-700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-danger {
|
.label-danger {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* Core: General Layout Style
|
* Core: Layout
|
||||||
* -------------------------
|
* ------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body,
|
body,
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
|
@ -18,10 +19,10 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-boxed & {
|
.layout-boxed & {
|
||||||
@include box-shadow(0 0 10px rgba(0, 0, 0, .3));
|
@include box-shadow(0 0 10px rgba($black, .3));
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: $boxed-layout-max-width;
|
max-width: $boxed-layout-max-width;
|
||||||
}
|
}
|
||||||
|
|
@ -37,21 +38,21 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
position: fixed;
|
|
||||||
z-index: $zindex-main-sidebar - 1;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: $zindex-main-sidebar - 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-footer-fixed & {
|
.layout-footer-fixed & {
|
||||||
.main-footer {
|
.main-footer {
|
||||||
position: fixed;
|
|
||||||
z-index: $zindex-main-sidebar - 1;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
z-index: $zindex-main-sidebar - 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -69,7 +70,7 @@ body,
|
||||||
height: 33px;
|
height: 33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
& .main-sidebar{
|
& .main-sidebar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -97,7 +98,7 @@ body,
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -113,7 +114,7 @@ body,
|
||||||
|
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
$local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
|
$local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
|
||||||
@include transition($local-sidebar-transition);
|
@include transition($local-sidebar-transition);
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
|
|
@ -121,21 +122,21 @@ body,
|
||||||
|
|
||||||
.sidebar-collapse & {
|
.sidebar-collapse & {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
margin-left: -$sidebar-width;
|
margin-left: -$sidebar-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
box-shadow: none!important;
|
box-shadow: none !important;
|
||||||
margin-left: -$sidebar-width;
|
margin-left: -$sidebar-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-open & {
|
.sidebar-open & {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -144,10 +145,10 @@ body,
|
||||||
|
|
||||||
:not(.layout-fixed) {
|
:not(.layout-fixed) {
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
height: inherit;
|
height: inherit;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -155,9 +156,9 @@ body,
|
||||||
|
|
||||||
&.sidebar-collapse {
|
&.sidebar-collapse {
|
||||||
.brand-link {
|
.brand-link {
|
||||||
|
height: 57px;
|
||||||
transition: width $transition-speed $transition-fn;
|
transition: width $transition-speed $transition-fn;
|
||||||
width: $sidebar-mini-width;
|
width: $sidebar-mini-width;
|
||||||
height: 57px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-sidebar:hover {
|
.main-sidebar:hover {
|
||||||
|
|
@ -168,18 +169,17 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
margin-top: 57px;
|
margin-top: 57px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-link {
|
.brand-link {
|
||||||
transition: width $transition-speed $transition-fn;
|
|
||||||
position: fixed;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: $zindex-main-sidebar + 1;
|
transition: width $transition-speed $transition-fn;
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
|
z-index: $zindex-main-sidebar + 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Sidebar variants
|
// Sidebar variants
|
||||||
|
|
@ -196,21 +196,21 @@ body,
|
||||||
|
|
||||||
.layout-fixed {
|
.layout-fixed {
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
height: 100vh;
|
||||||
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.main-footer {
|
.main-footer {
|
||||||
padding: $main-footer-padding;
|
|
||||||
color: #555;
|
|
||||||
border-top: $main-footer-border-top;
|
|
||||||
background: $main-footer-bg;
|
background: $main-footer-bg;
|
||||||
|
border-top: $main-footer-border-top;
|
||||||
|
color: lighten($gray-700, 25%);
|
||||||
|
padding: $main-footer-padding;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-header {
|
.content-header {
|
||||||
|
|
@ -220,11 +220,12 @@ body,
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
margin-bottom: 0;
|
|
||||||
padding: 0;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
line-height: 1.8rem;
|
line-height: 1.8rem;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -232,6 +233,6 @@ body,
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-header,
|
.main-header,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
transition: none!important;
|
transition: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,26 +2,30 @@
|
||||||
* Component: Main Header
|
* Component: Main Header
|
||||||
* ----------------------
|
* ----------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
z-index: $zindex-main-header;
|
z-index: $zindex-main-header;
|
||||||
|
|
||||||
.navbar-nav .nav-item {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
position: relative;
|
|
||||||
height: $nav-link-height;
|
height: $nav-link-height;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-nav[class*="-right"] {
|
.navbar-nav {
|
||||||
.dropdown-menu {
|
.nav-item {
|
||||||
margin-top: -3px;
|
margin: 0;
|
||||||
right: 0;
|
}
|
||||||
left: auto;
|
|
||||||
@media (max-width: breakpoint-max(xs)) {
|
&[class*='-right'] {
|
||||||
left: 0;
|
.dropdown-menu {
|
||||||
right: auto;
|
left: auto;
|
||||||
|
margin-top: -3px;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
|
@media (max-width: breakpoint-max(xs)) {
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -35,21 +39,22 @@
|
||||||
|
|
||||||
// Navbar badge
|
// Navbar badge
|
||||||
.navbar-badge {
|
.navbar-badge {
|
||||||
position: absolute;
|
|
||||||
top: 9px;
|
|
||||||
right: 5px;
|
|
||||||
font-size: .6rem;
|
font-size: .6rem;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-navbar {
|
.btn-navbar {
|
||||||
border-left-width: 0;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
border-left-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control-navbar {
|
.form-control-navbar {
|
||||||
border-right-width: 0;
|
border-right-width: 0;
|
||||||
|
|
||||||
& + .input-group-append {
|
& + .input-group-append {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -89,8 +94,8 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
&,
|
&,
|
||||||
& + .input-group-append .btn-navbar {
|
& + .input-group-append .btn-navbar {
|
||||||
border: $main-header-dark-form-control-focused-border !important;
|
|
||||||
background-color: $main-header-dark-form-control-focused-bg;
|
background-color: $main-header-dark-form-control-focused-bg;
|
||||||
|
border: $main-header-dark-form-control-focused-border !important;
|
||||||
color: $main-header-dark-form-control-focused-color;
|
color: $main-header-dark-form-control-focused-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -126,8 +131,8 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
&,
|
&,
|
||||||
& + .input-group-append .btn-navbar {
|
& + .input-group-append .btn-navbar {
|
||||||
border: $main-header-light-form-control-focused-border !important;
|
|
||||||
background-color: $main-header-light-form-control-focused-bg;
|
background-color: $main-header-light-form-control-focused-bg;
|
||||||
|
border: $main-header-light-form-control-focused-border !important;
|
||||||
color: $main-header-light-form-control-focused-color;
|
color: $main-header-light-form-control-focused-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,32 +1,32 @@
|
||||||
/**
|
/**
|
||||||
* Component: Sidebar
|
* Component: Main Sidebar
|
||||||
* ------------------
|
* -----------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
z-index: $zindex-main-sidebar;
|
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
z-index: $zindex-main-sidebar;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
height: calc(100% - 4rem);
|
||||||
|
overflow-y: auto;
|
||||||
padding-bottom: $sidebar-padding-y;
|
padding-bottom: $sidebar-padding-y;
|
||||||
padding-top: $sidebar-padding-y;
|
|
||||||
padding-left: $sidebar-padding-x;
|
padding-left: $sidebar-padding-x;
|
||||||
padding-right: $sidebar-padding-x;
|
padding-right: $sidebar-padding-x;
|
||||||
overflow-y: auto;
|
padding-top: $sidebar-padding-y;
|
||||||
height: calc(100% - 4rem);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Sidebar user panel
|
// Sidebar user panel
|
||||||
.user-panel {
|
.user-panel {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
[class*="sidebar-dark"] & {
|
[class*='sidebar-dark'] & {
|
||||||
border-bottom: 1px solid lighten($dark, 12%);
|
border-bottom: 1px solid lighten($dark, 12%);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="sidebar-light"] & {
|
[class*='sidebar-light'] & {
|
||||||
border-bottom: 1px solid $gray-300;
|
border-bottom: 1px solid $gray-300;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -37,13 +37,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
padding-left: $nav-link-padding-x - .2;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
padding-left: $nav-link-padding-x - .2;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: $sidebar-user-image-width;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
|
width: $sidebar-user-image-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
|
|
@ -63,6 +63,7 @@
|
||||||
.nav-item {
|
.nav-item {
|
||||||
> .nav-link {
|
> .nav-link {
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: 0.2rem;
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
@include transition(transform $transition-fn $transition-speed);
|
@include transition(transform $transition-fn $transition-speed);
|
||||||
}
|
}
|
||||||
|
|
@ -104,7 +105,9 @@
|
||||||
&.fa,
|
&.fa,
|
||||||
&.fas,
|
&.fas,
|
||||||
&.far,
|
&.far,
|
||||||
&.fab {
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -151,13 +154,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar-overlay {
|
#sidebar-overlay {
|
||||||
position: fixed;
|
background-color: rgba($black, 0.1);
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: none;
|
display: none;
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
z-index: $zindex-main-sidebar - 1;
|
z-index: $zindex-main-sidebar - 1;
|
||||||
|
|
||||||
@include media-breakpoint-down(md) {
|
@include media-breakpoint-down(md) {
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,7 @@
|
||||||
/*
|
/*
|
||||||
* General: Miscellaneous
|
* Misc: Miscellaneous
|
||||||
* ----------------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
a.text-muted:hover {
|
|
||||||
color: theme-color(primary) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border-transparent {
|
.border-transparent {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
|
|
@ -15,172 +12,23 @@ a.text-muted:hover {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&.margin-bottom {
|
&.margin-bottom {
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .description-header {
|
> .description-header {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-weight: 600;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .description-text {
|
> .description-text {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Background colors (theme colors)
|
|
||||||
@each $name, $color in $theme-colors {
|
|
||||||
.bg-#{$name} {
|
|
||||||
&,
|
|
||||||
a {
|
|
||||||
color: color-yiq($color) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Background colors (colors)
|
|
||||||
@each $name, $color in $colors {
|
|
||||||
.bg-#{$name} {
|
|
||||||
background-color: #{$color};
|
|
||||||
&,
|
|
||||||
a {
|
|
||||||
color: color-yiq($color) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-gray {
|
|
||||||
color: #000;
|
|
||||||
background-color: $gray-500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-gray-light {
|
|
||||||
background-color: lighten($gray-200, 3%);
|
|
||||||
color: color-yiq(lighten($gray-200, 3%)) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-black {
|
|
||||||
background-color: $black;
|
|
||||||
color: color-yiq($black) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-white {
|
|
||||||
background-color: $white;
|
|
||||||
color: color-yiq($white) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Gradient Background colors (theme colors)
|
|
||||||
@each $name, $color in $theme-colors {
|
|
||||||
.bg-gradient-#{$name} {
|
|
||||||
@include bg-gradient-variant('&', $color);
|
|
||||||
color: color-yiq($color);
|
|
||||||
|
|
||||||
&.btn {
|
|
||||||
&.disabled,
|
|
||||||
&:disabled,
|
|
||||||
&:not(:disabled):not(.disabled):active,
|
|
||||||
&:not(:disabled):not(.disabled).active,
|
|
||||||
.show > &.dropdown-toggle {
|
|
||||||
background-image: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: color-yiq(darken($color, 7.5%));
|
|
||||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
|
||||||
border-color: darken($color, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
color: color-yiq(darken($color, 10%));
|
|
||||||
@include bg-gradient-variant('&', darken($color, 10%));
|
|
||||||
border-color: darken($color, 12.5%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Gradient Background colors (colors)
|
|
||||||
@each $name, $color in $colors {
|
|
||||||
.bg-gradient-#{$name} {
|
|
||||||
@include bg-gradient-variant('&', $color);
|
|
||||||
color: color-yiq($color);
|
|
||||||
|
|
||||||
&.btn {
|
|
||||||
&.disabled,
|
|
||||||
&:disabled,
|
|
||||||
&:not(:disabled):not(.disabled):active,
|
|
||||||
&:not(:disabled):not(.disabled).active,
|
|
||||||
.show > &.dropdown-toggle {
|
|
||||||
background-image: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: color-yiq(darken($color, 7.5%));
|
|
||||||
@include bg-gradient-variant('&', darken($color, 7.5%));
|
|
||||||
border-color: darken($color, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
color: color-yiq(darken($color, 10%));
|
|
||||||
@include bg-gradient-variant('&', darken($color, 10%));
|
|
||||||
border-color: darken($color, 12.5%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Backgrund Color Disabled
|
|
||||||
[class^="bg-"].disabled {
|
|
||||||
opacity: .65;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Link Styles
|
|
||||||
.link-muted {
|
|
||||||
color: darken($gray-500, 30%);
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: darken($gray-500, 40%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-black {
|
|
||||||
color: #666;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide elements by display none only
|
|
||||||
.hide {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove borders
|
|
||||||
.no-border {
|
|
||||||
border: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove box shadow
|
|
||||||
.no-shadow {
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove border radius
|
|
||||||
.flat {
|
|
||||||
@include border-radius(0 !important);
|
|
||||||
}
|
|
||||||
|
|
||||||
// _fix for sparkline tooltip
|
|
||||||
.jqstooltip {
|
|
||||||
padding: 5px !important;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Description Block Extension
|
// Description Block Extension
|
||||||
.description-block {
|
.description-block {
|
||||||
.description-icon {
|
.description-icon {
|
||||||
|
|
@ -189,76 +37,78 @@ a.text-muted:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
// List utility classes
|
// List utility classes
|
||||||
.list-unstyled {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-group-unbordered {
|
.list-group-unbordered {
|
||||||
> .list-group-item {
|
> .list-group-item {
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
border-right: 0;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
border-right: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-header {
|
.list-header {
|
||||||
|
color: $gray-600;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
padding: 10px 4px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #666;
|
padding: 10px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-seperator {
|
.list-seperator {
|
||||||
height: 1px;
|
|
||||||
background: $card-border-color;
|
background: $card-border-color;
|
||||||
|
height: 1px;
|
||||||
margin: 15px 0 9px 0;
|
margin: 15px 0 9px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-link {
|
.list-link {
|
||||||
> a {
|
> a {
|
||||||
|
color: $gray-600;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
color: #777;
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #222;
|
color: $gray-900;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// User block
|
// User block
|
||||||
.user-block {
|
.user-block {
|
||||||
@include clearfix();
|
@include clearfix;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
float: left;
|
float: left;
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username,
|
.username,
|
||||||
.description,
|
.description,
|
||||||
.comment {
|
.comment {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.user-block-sm {
|
&.user-block-sm {
|
||||||
img {
|
img {
|
||||||
@extend .img-sm;
|
@extend .img-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username,
|
.username,
|
||||||
.description,
|
.description,
|
||||||
.comment {
|
.comment {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
@ -273,8 +123,9 @@ a.text-muted:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-sm {
|
.img-sm {
|
||||||
width: 30px !important;
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
|
width: 30px !important;
|
||||||
|
|
||||||
+ .img-push {
|
+ .img-push {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
@ -283,6 +134,7 @@ a.text-muted:hover {
|
||||||
.img-md {
|
.img-md {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
|
|
||||||
+ .img-push {
|
+ .img-push {
|
||||||
margin-left: 70px;
|
margin-left: 70px;
|
||||||
}
|
}
|
||||||
|
|
@ -291,6 +143,7 @@ a.text-muted:hover {
|
||||||
.img-lg {
|
.img-lg {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
|
||||||
+ .img-push {
|
+ .img-push {
|
||||||
margin-left: 110px;
|
margin-left: 110px;
|
||||||
}
|
}
|
||||||
|
|
@ -344,79 +197,50 @@ a.text-muted:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-32 {
|
.size-32 {
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
height: 32px;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
|
width: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-40 {
|
.size-40 {
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
|
width: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-50 {
|
.size-50 {
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
|
width: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// General attachemnt block
|
// General attachemnt block
|
||||||
.attachment-block {
|
.attachment-block {
|
||||||
|
background: $gray-100;
|
||||||
border: 1px solid $card-border-color;
|
border: 1px solid $card-border-color;
|
||||||
padding: 5px;
|
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
background: #f7f7f7;
|
padding: 5px;
|
||||||
|
|
||||||
.attachment-img {
|
.attachment-img {
|
||||||
max-width: 100px;
|
|
||||||
max-height: 100px;
|
|
||||||
height: auto;
|
|
||||||
float: left;
|
float: left;
|
||||||
|
height: auto;
|
||||||
|
max-height: 100px;
|
||||||
|
max-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.attachment-pushed {
|
.attachment-pushed {
|
||||||
margin-left: 110px;
|
margin-left: 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.attachment-heading {
|
.attachment-heading {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.attachment-text {
|
.attachment-text {
|
||||||
color: #555;
|
color: #555;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.connectedSortable {
|
|
||||||
min-height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-helper-hidden-accessible {
|
|
||||||
border: 0;
|
|
||||||
clip: rect(0 0 0 0);
|
|
||||||
height: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sort-highlight {
|
|
||||||
background: #f4f4f4;
|
|
||||||
border: 1px dashed #ddd;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Charts
|
|
||||||
.chart {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-1 {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Overlays for Card, InfoBox & SmallBox
|
// Overlays for Card, InfoBox & SmallBox
|
||||||
.card,
|
.card,
|
||||||
.overlay-wrapper,
|
.overlay-wrapper,
|
||||||
|
|
@ -425,36 +249,107 @@ a.text-muted:hover {
|
||||||
// Box overlay for LOADING STATE effect
|
// Box overlay for LOADING STATE effect
|
||||||
> .overlay,
|
> .overlay,
|
||||||
> .loading-img {
|
> .loading-img {
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay {
|
.overlay {
|
||||||
|
@include border-radius($border-radius);
|
||||||
|
align-items: center;
|
||||||
|
background: rgba($white, 0.7);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
background: rgba(255, 255, 255, 0.7);
|
|
||||||
@include border-radius($border-radius);
|
> .fa,
|
||||||
> .fa,
|
|
||||||
> .fas,
|
> .fas,
|
||||||
> .far,
|
> .far,
|
||||||
> .fab {
|
> .fab,
|
||||||
|
> .glyphicon,
|
||||||
|
> .ion {
|
||||||
color: $gray-800;
|
color: $gray-800;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.dark {
|
&.dark {
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba($black, 0.5);
|
||||||
> .fa,
|
|
||||||
|
> .fa,
|
||||||
> .fas,
|
> .fas,
|
||||||
> .far,
|
> .far,
|
||||||
> .fab {
|
> .fab,
|
||||||
|
> .glyphicon,
|
||||||
|
> .ion {
|
||||||
color: $gray-400;
|
color: $gray-400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Ribbon
|
||||||
|
.ribbon-wrapper {
|
||||||
|
height: $ribbon-wrapper-size;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
right: -2px;
|
||||||
|
top: -2px;
|
||||||
|
z-index: 10;
|
||||||
|
width: $ribbon-wrapper-size;
|
||||||
|
|
||||||
|
&.ribbon-lg {
|
||||||
|
height: $ribbon-lg-wrapper-size;
|
||||||
|
width: $ribbon-lg-wrapper-size;
|
||||||
|
|
||||||
|
.ribbon {
|
||||||
|
top: $ribbon-lg-top;
|
||||||
|
right: $ribbon-lg-right;
|
||||||
|
width: $ribbon-lg-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ribbon-xl {
|
||||||
|
height: $ribbon-xl-wrapper-size;
|
||||||
|
width: $ribbon-xl-wrapper-size;
|
||||||
|
|
||||||
|
.ribbon {
|
||||||
|
top: $ribbon-xl-top;
|
||||||
|
right: $ribbon-xl-right;
|
||||||
|
width: $ribbon-xl-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ribbon {
|
||||||
|
box-shadow: 0 0 $ribbon-border-size rgba($black, .3);
|
||||||
|
font-size: $ribbon-font-size;
|
||||||
|
line-height: $ribbon-line-height;
|
||||||
|
padding: $ribbon-padding;
|
||||||
|
position: relative;
|
||||||
|
right: $ribbon-right;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 -1px 0 rgba($black, .4);
|
||||||
|
text-transform: uppercase;
|
||||||
|
top: $ribbon-top;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
width: $ribbon-width;
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
border-left: $ribbon-border-size solid transparent;
|
||||||
|
border-right: $ribbon-border-size solid transparent;
|
||||||
|
border-top: $ribbon-border-size solid #9e9e9e;
|
||||||
|
bottom: -$ribbon-border-size;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
// AdminLTE mixins
|
/*
|
||||||
// ===============
|
* General: Mixins
|
||||||
|
* ---------------
|
||||||
|
*/
|
||||||
|
|
||||||
// Changes the color and the hovering properties of the navbar
|
// Changes the color and the hovering properties of the navbar
|
||||||
@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) {
|
@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) {
|
||||||
|
|
@ -25,8 +27,8 @@
|
||||||
color: $font-color;
|
color: $font-color;
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: $hover-color;
|
|
||||||
background: $hover-bg;
|
background: $hover-bg;
|
||||||
|
color: $hover-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -34,8 +36,8 @@
|
||||||
// Logo color variation
|
// Logo color variation
|
||||||
@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
|
@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
|
||||||
background-color: $bg-color;
|
background-color: $bg-color;
|
||||||
color: $color;
|
|
||||||
border-bottom: $border-bottom-width solid $border-bottom-color;
|
border-bottom: $border-bottom-width solid $border-bottom-color;
|
||||||
|
color: $color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
|
|
@ -46,10 +48,12 @@
|
||||||
// Box solid color variantion creator
|
// Box solid color variantion creator
|
||||||
@mixin box-solid-variant($color, $text-color: #fff) {
|
@mixin box-solid-variant($color, $text-color: #fff) {
|
||||||
border: 1px solid $color;
|
border: 1px solid $color;
|
||||||
|
|
||||||
> .card-header {
|
> .card-header {
|
||||||
color: $text-color;
|
|
||||||
background: $color;
|
background: $color;
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
|
color: $text-color;
|
||||||
|
|
||||||
a,
|
a,
|
||||||
.btn {
|
.btn {
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
|
|
@ -63,16 +67,15 @@
|
||||||
background: $bg-color;
|
background: $bg-color;
|
||||||
border-color: $bg-color;
|
border-color: $bg-color;
|
||||||
color: color-yiq($bg-color);
|
color: color-yiq($bg-color);
|
||||||
|
|
||||||
&:after,
|
&:after,
|
||||||
&:before {
|
&::before {
|
||||||
border-left-color: $bg-color;
|
border-left-color: $bg-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin translate($x, $y) {
|
@mixin translate($x, $y) {
|
||||||
-webkit-transform: translate($x, $y);
|
|
||||||
-ms-transform: translate($x, $y); // IE9 only
|
|
||||||
transform: translate($x, $y);
|
transform: translate($x, $y);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -118,19 +121,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
color: $sidebar-dark-color;
|
|
||||||
background: $sidebar-dark-hover-bg;
|
background: $sidebar-dark-hover-bg;
|
||||||
|
color: $sidebar-dark-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
color: $sidebar-dark-hover-color;
|
|
||||||
background: darken($sidebar-dark-hover-bg, 3%);
|
background: darken($sidebar-dark-hover-bg, 3%);
|
||||||
|
color: $sidebar-dark-hover-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
border-color: darken($sidebar-dark-hover-bg, 5%);
|
|
||||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||||
|
border-color: darken($sidebar-dark-hover-bg, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
|
|
@ -152,13 +156,14 @@
|
||||||
&.menu-open > .nav-link,
|
&.menu-open > .nav-link,
|
||||||
&:hover > .nav-link,
|
&:hover > .nav-link,
|
||||||
& > .nav-link:focus {
|
& > .nav-link:focus {
|
||||||
color: $sidebar-dark-hover-color;
|
|
||||||
background-color: $sidebar-dark-hover-bg;
|
background-color: $sidebar-dark-hover-bg;
|
||||||
|
color: $sidebar-dark-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .nav-link.active {
|
> .nav-link.active {
|
||||||
color: $sidebar-dark-hover-color;
|
|
||||||
background-color: $link-hover-border-color;
|
background-color: $link-hover-border-color;
|
||||||
|
color: $sidebar-dark-hover-color;
|
||||||
|
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
@extend .elevation-1;
|
@extend .elevation-1;
|
||||||
}
|
}
|
||||||
|
|
@ -172,13 +177,14 @@
|
||||||
|
|
||||||
// Section Heading
|
// Section Heading
|
||||||
.nav-header {
|
.nav-header {
|
||||||
color: lighten($sidebar-dark-color, 5%);
|
|
||||||
background: inherit; //darken($sidebar-dark-bg, 3%);
|
background: inherit; //darken($sidebar-dark-bg, 3%);
|
||||||
|
color: lighten($sidebar-dark-color, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
// All links within the sidebar menu
|
// All links within the sidebar menu
|
||||||
.sidebar a {
|
.sidebar a {
|
||||||
color: $sidebar-dark-color;
|
color: $sidebar-dark-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -193,8 +199,8 @@
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
|
background-color: $sidebar-dark-submenu-hover-bg;
|
||||||
color: $sidebar-dark-submenu-hover-color;
|
color: $sidebar-dark-submenu-hover-color;
|
||||||
background-color: $sidebar-dark-submenu-hover-bg
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -202,8 +208,8 @@
|
||||||
&,
|
&,
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: $sidebar-dark-submenu-active-color;
|
|
||||||
background-color: $sidebar-dark-submenu-active-bg;
|
background-color: $sidebar-dark-submenu-active-bg;
|
||||||
|
color: $sidebar-dark-submenu-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -222,19 +228,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
color: $sidebar-light-color;
|
|
||||||
background: $sidebar-light-hover-bg;
|
background: $sidebar-light-hover-bg;
|
||||||
|
color: $sidebar-light-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
color: $sidebar-light-hover-color;
|
|
||||||
background: darken($sidebar-light-hover-bg, 3%);
|
background: darken($sidebar-light-hover-bg, 3%);
|
||||||
|
color: $sidebar-light-hover-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
border-color: darken($sidebar-light-hover-bg, 5%);
|
|
||||||
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
@include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
|
||||||
|
border-color: darken($sidebar-light-hover-bg, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
|
|
@ -256,13 +263,14 @@
|
||||||
// Hover and active states
|
// Hover and active states
|
||||||
&.menu-open > .nav-link,
|
&.menu-open > .nav-link,
|
||||||
&:hover > .nav-link {
|
&:hover > .nav-link {
|
||||||
color: $sidebar-light-hover-color;
|
|
||||||
background-color: $sidebar-light-hover-bg;
|
background-color: $sidebar-light-hover-bg;
|
||||||
|
color: $sidebar-light-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .nav-link.active {
|
> .nav-link.active {
|
||||||
color: $sidebar-light-active-color;
|
|
||||||
background-color: $link-hover-border-color;
|
background-color: $link-hover-border-color;
|
||||||
|
color: $sidebar-light-active-color;
|
||||||
|
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
@extend .elevation-1;
|
@extend .elevation-1;
|
||||||
}
|
}
|
||||||
|
|
@ -276,13 +284,14 @@
|
||||||
|
|
||||||
// Section Heading
|
// Section Heading
|
||||||
.nav-header {
|
.nav-header {
|
||||||
color: darken($sidebar-light-color, 5%);
|
|
||||||
background: inherit;
|
background: inherit;
|
||||||
|
color: darken($sidebar-light-color, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
// All links within the sidebar menu
|
// All links within the sidebar menu
|
||||||
.sidebar a {
|
.sidebar a {
|
||||||
color: $sidebar-light-color;
|
color: $sidebar-light-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
@ -298,8 +307,8 @@
|
||||||
> .nav-link.active {
|
> .nav-link.active {
|
||||||
&,
|
&,
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $sidebar-light-submenu-active-color;
|
|
||||||
background-color: $sidebar-light-submenu-active-bg;
|
background-color: $sidebar-light-submenu-active-bg;
|
||||||
|
color: $sidebar-light-submenu-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,25 @@
|
||||||
/*
|
/*
|
||||||
* General: Modals
|
* Component: Modals
|
||||||
* ----------------------
|
* ---------
|
||||||
|
------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Overlay
|
// Overlay
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
.overlay {
|
.overlay {
|
||||||
display: block;
|
background-color: $black;
|
||||||
position: absolute;
|
display: block;
|
||||||
z-index: ($zindex-modal + 2);
|
height: 100%;
|
||||||
background: rgba(255, 255, 255, 0.7);
|
left: 0;
|
||||||
top: 0;
|
opacity: .7;
|
||||||
left: 0;
|
position: absolute;
|
||||||
width: 100%;
|
top: 0;
|
||||||
height: 100%;
|
width: 100%;
|
||||||
|
z-index: ($zindex-modal + 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// BG Color Variations Fixes
|
// BG Color Variations Fixes
|
||||||
.modal-content {
|
.modal-content {
|
||||||
&.bg-warning {
|
&.bg-warning {
|
||||||
|
|
@ -25,14 +28,13 @@
|
||||||
border-color: $gray-800;
|
border-color: $gray-800;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.modal-content {
|
|
||||||
&.bg-primary,
|
&.bg-primary,
|
||||||
&.bg-secondary,
|
&.bg-secondary,
|
||||||
&.bg-info,
|
&.bg-info,
|
||||||
&.bg-danger,
|
&.bg-danger,
|
||||||
&.bg-success, {
|
&.bg-success, {
|
||||||
.close{
|
.close {
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,13 @@
|
||||||
* Component: Nav
|
* Component: Nav
|
||||||
* --------------
|
* --------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.nav-pills {
|
.nav-pills {
|
||||||
.nav-link {
|
.nav-link {
|
||||||
color: $gray-600;
|
color: $gray-600;
|
||||||
|
|
||||||
&:not(.active):hover {
|
&:not(.active):hover {
|
||||||
color: theme-color("primary")
|
color: theme-color('primary')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.nav-item {
|
.nav-item {
|
||||||
|
|
@ -19,12 +20,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// Vertical Tabs
|
// Vertical Tabs
|
||||||
//
|
|
||||||
.nav-tabs.flex-column {
|
.nav-tabs.flex-column {
|
||||||
border-right: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
border-right: $nav-tabs-border-width solid $nav-tabs-border-color;
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
margin-right: -$nav-tabs-border-width;
|
margin-right: -$nav-tabs-border-width;
|
||||||
|
|
@ -40,8 +39,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.nav-tabs-right {
|
&.nav-tabs-right {
|
||||||
border-right: 0;
|
|
||||||
border-left: $nav-tabs-border-width solid $nav-tabs-border-color;
|
border-left: $nav-tabs-border-width solid $nav-tabs-border-color;
|
||||||
|
border-right: 0;
|
||||||
|
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
|
|
@ -59,9 +58,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// Color variants
|
// Color variants
|
||||||
//
|
|
||||||
@each $color, $value in $theme-colors {
|
@each $color, $value in $theme-colors {
|
||||||
@if $color==dark or $color==light {
|
@if $color==dark or $color==light {
|
||||||
.navbar-#{$color} {
|
.navbar-#{$color} {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* Misc: print
|
* Misc: Print
|
||||||
* -----------
|
* -----------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
//Add to elements that you do not want to show when printing
|
//Add to elements that you do not want to show when printing
|
||||||
.no-print {
|
.no-print {
|
||||||
|
|
@ -18,9 +19,9 @@
|
||||||
//This is the only element that should appear, so let's remove the margins
|
//This is the only element that should appear, so let's remove the margins
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
|
@include translate(0, 0);
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
min-height: 0 !important;
|
min-height: 0 !important;
|
||||||
@include translate(0, 0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-fixed .content-wrapper {
|
.layout-fixed .content-wrapper {
|
||||||
|
|
@ -29,10 +30,10 @@
|
||||||
|
|
||||||
//Invoice printing
|
//Invoice printing
|
||||||
.invoice {
|
.invoice {
|
||||||
width: 100%;
|
|
||||||
border: 0;
|
border: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-col {
|
.invoice-col {
|
||||||
|
|
@ -43,6 +44,7 @@
|
||||||
//Make sure table content displays properly
|
//Make sure table content displays properly
|
||||||
.table-responsive {
|
.table-responsive {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
> .table tr th,
|
> .table tr th,
|
||||||
> .table tr td {
|
> .table tr td {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
|
|
|
||||||
|
|
@ -1,44 +1,51 @@
|
||||||
/*
|
/*
|
||||||
* Component: Products List
|
* Component: Products
|
||||||
* ------------------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
.products-list {
|
.products-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
> .item {
|
> .item {
|
||||||
|
@include clearfix;
|
||||||
|
|
||||||
@if $enable-rounded {
|
@if $enable-rounded {
|
||||||
@include border-radius($border-radius);
|
@include border-radius($border-radius);
|
||||||
}
|
}
|
||||||
@include clearfix();
|
|
||||||
padding: 10px 0;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-img {
|
.product-img {
|
||||||
float: left;
|
float: left;
|
||||||
img {
|
img {
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-info {
|
.product-info {
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-title {
|
.product-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-description {
|
.product-description {
|
||||||
display: block;
|
|
||||||
color: $gray-600;
|
color: $gray-600;
|
||||||
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-list-in-card > .item {
|
.product-list-in-card > .item {
|
||||||
@include border-radius(0);
|
@include border-radius(0);
|
||||||
border-bottom: 1px solid $card-border-color;
|
border-bottom: 1px solid $card-border-color;
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,37 @@
|
||||||
.progress {
|
.progress {
|
||||||
@include box-shadow(none);
|
@include box-shadow(none);
|
||||||
@include border-radius($progress-bar-border-radius);
|
@include border-radius($progress-bar-border-radius);
|
||||||
|
|
||||||
|
// Vertical bars
|
||||||
|
&.vertical {
|
||||||
|
display: inline-block;
|
||||||
|
height: 200px;
|
||||||
|
margin-right: 10px;
|
||||||
|
position: relative;
|
||||||
|
width: 30px;
|
||||||
|
|
||||||
|
> .progress-bar {
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
//Sizes
|
||||||
|
&.sm,
|
||||||
|
&.progress-sm {
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.xs,
|
||||||
|
&.progress-xs {
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.xxs,
|
||||||
|
&.progress-xxs {
|
||||||
|
width: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-group {
|
.progress-group {
|
||||||
|
|
@ -26,35 +57,6 @@
|
||||||
height: 3px;
|
height: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Vertical bars
|
|
||||||
.progress.vertical {
|
|
||||||
position: relative;
|
|
||||||
width: 30px;
|
|
||||||
height: 200px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 10px;
|
|
||||||
> .progress-bar {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Sizes
|
|
||||||
&.sm,
|
|
||||||
&.progress-sm {
|
|
||||||
width: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.xs,
|
|
||||||
&.progress-xs {
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
&.xxs,
|
|
||||||
&.progress-xxs {
|
|
||||||
width: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove margins from progress bars when put in a table
|
// Remove margins from progress bars when put in a table
|
||||||
.table {
|
.table {
|
||||||
tr > td .progress {
|
tr > td .progress {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Component: Sidebar Mini
|
* Component: Sidebar Mini
|
||||||
|
* -----------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Mixin
|
// Mixin
|
||||||
|
|
@ -38,9 +39,9 @@
|
||||||
.sidebar .user-panel > .info,
|
.sidebar .user-panel > .info,
|
||||||
.nav-sidebar .nav-link p,
|
.nav-sidebar .nav-link p,
|
||||||
.brand-text {
|
.brand-text {
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Modify the sidebar to shrink instead of disappearing
|
// Modify the sidebar to shrink instead of disappearing
|
||||||
|
|
@ -48,7 +49,7 @@
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:before {
|
&::before {
|
||||||
// Don't go away! Just shrink
|
// Don't go away! Just shrink
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
width: $sidebar-mini-width;
|
width: $sidebar-mini-width;
|
||||||
|
|
@ -63,8 +64,10 @@
|
||||||
&:hover,
|
&:hover,
|
||||||
&.sidebar-focused {
|
&.sidebar-focused {
|
||||||
width: $sidebar-width;
|
width: $sidebar-width;
|
||||||
|
|
||||||
.user-panel {
|
.user-panel {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
@ -73,10 +76,10 @@
|
||||||
.user-panel > .info,
|
.user-panel > .info,
|
||||||
.nav-sidebar .nav-link p,
|
.nav-sidebar .nav-link p,
|
||||||
.brand-text {
|
.brand-text {
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
margin-left: 0;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-left: 0;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-image {
|
.brand-image {
|
||||||
|
|
@ -108,17 +111,19 @@
|
||||||
// Add sidebar-mini class to the body tag to activate this feature
|
// Add sidebar-mini class to the body tag to activate this feature
|
||||||
.sidebar-mini {
|
.sidebar-mini {
|
||||||
@include media-breakpoint-up(lg) {
|
@include media-breakpoint-up(lg) {
|
||||||
@include sidebar-mini-breakpoint();
|
@include sidebar-mini-breakpoint;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-mini-md {
|
.sidebar-mini-md {
|
||||||
@include media-breakpoint-up(md) {
|
@include media-breakpoint-up(md) {
|
||||||
@include sidebar-mini-breakpoint();
|
@include sidebar-mini-breakpoint;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-sidebar {
|
.nav-sidebar {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
@ -132,11 +137,12 @@
|
||||||
|
|
||||||
.nav-sidebar .nav-item > .nav-link {
|
.nav-sidebar .nav-item > .nav-link {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
> .float-right {
|
> .float-right {
|
||||||
|
margin-top: -7px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -7px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,9 @@
|
||||||
@include box-shadow($card-shadow);
|
@include box-shadow($card-shadow);
|
||||||
@extend .mb-3;
|
@extend .mb-3;
|
||||||
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
// content wrapper
|
// content wrapper
|
||||||
> .inner {
|
> .inner {
|
||||||
|
|
@ -18,18 +18,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
> .small-box-footer {
|
> .small-box-footer {
|
||||||
|
background: rgba($black, 0.1);
|
||||||
|
color: $white;
|
||||||
|
color: rgba($white, 0.8);
|
||||||
|
display: block;
|
||||||
|
padding: 3px 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 3px 0;
|
|
||||||
color: $white;
|
|
||||||
color: rgba(255, 255, 255, 0.8);
|
|
||||||
display: block;
|
|
||||||
z-index: 10;
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
background: rgba($black, 0.15);
|
||||||
color: $white;
|
color: $white;
|
||||||
background: rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -37,16 +38,17 @@
|
||||||
font-size: 38px;
|
font-size: 38px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
white-space: nowrap;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
||||||
> small {
|
> small {
|
||||||
display: block;
|
|
||||||
color: #f9f9f9;
|
color: #f9f9f9;
|
||||||
|
display: block;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -58,20 +60,22 @@
|
||||||
|
|
||||||
// the icon
|
// the icon
|
||||||
.icon {
|
.icon {
|
||||||
|
color: rgba($black, 0.15);
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
color: rgba(0, 0, 0, 0.15);
|
|
||||||
|
|
||||||
> i {
|
> i {
|
||||||
transition: all $transition-speed linear;
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
right: 15px;
|
|
||||||
font-size: 90px;
|
font-size: 90px;
|
||||||
|
position: absolute;
|
||||||
&.fa,
|
right: 15px;
|
||||||
|
top: 15px;
|
||||||
|
transition: all $transition-speed linear;
|
||||||
|
|
||||||
|
&.fa,
|
||||||
&.fas,
|
&.fas,
|
||||||
&.far,
|
&.far,
|
||||||
&.fab {
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
font-size: 70px;
|
font-size: 70px;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
|
|
@ -82,14 +86,17 @@
|
||||||
// Small box hover state
|
// Small box hover state
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
// Animate icons on small box hover
|
// Animate icons on small box hover
|
||||||
.icon > i {
|
.icon > i {
|
||||||
font-size: 95px;
|
font-size: 95px;
|
||||||
|
|
||||||
&.fa,
|
&.fa,
|
||||||
&.fas,
|
&.fas,
|
||||||
&.far,
|
&.far,
|
||||||
&.fab {
|
&.fab,
|
||||||
|
&.glyphicon,
|
||||||
|
&.ion {
|
||||||
font-size: 75px;
|
font-size: 75px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -100,9 +107,11 @@
|
||||||
// No need for icons on very small devices
|
// No need for icons on very small devices
|
||||||
.small-box {
|
.small-box {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,36 +10,42 @@
|
||||||
|
|
||||||
//User Widget Style 1
|
//User Widget Style 1
|
||||||
.widget-user {
|
.widget-user {
|
||||||
|
|
||||||
//User name container
|
//User name container
|
||||||
.widget-user-header {
|
.widget-user-header {
|
||||||
padding: 1rem;
|
|
||||||
height: 120px;
|
|
||||||
@if $enable-rounded {
|
@if $enable-rounded {
|
||||||
@include border-top-radius($border-radius);
|
@include border-top-radius($border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
height: 120px;
|
||||||
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
//User name
|
//User name
|
||||||
.widget-user-username {
|
.widget-user-username {
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
margin-bottom: 5px;
|
||||||
|
margin-top: 0;
|
||||||
|
text-shadow: 0 1px 1px rgba($black, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
//User single line description
|
//User single line description
|
||||||
.widget-user-desc {
|
.widget-user-desc {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
//User image container
|
//User image container
|
||||||
.widget-user-image {
|
.widget-user-image {
|
||||||
position: absolute;
|
|
||||||
top: 65px;
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -45px;
|
margin-left: -45px;
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
width: 90px;
|
|
||||||
height: auto;
|
|
||||||
border: 3px solid $white;
|
border: 3px solid $white;
|
||||||
|
height: auto;
|
||||||
|
width: 90px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -50,32 +56,37 @@
|
||||||
|
|
||||||
//User Widget Style 2
|
//User Widget Style 2
|
||||||
.widget-user-2 {
|
.widget-user-2 {
|
||||||
|
|
||||||
//User name container
|
//User name container
|
||||||
.widget-user-header {
|
.widget-user-header {
|
||||||
padding: 1rem;
|
|
||||||
@include border-top-radius($border-radius);
|
@include border-top-radius($border-radius);
|
||||||
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
//User name
|
//User name
|
||||||
.widget-user-username {
|
.widget-user-username {
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
//User single line description
|
//User single line description
|
||||||
.widget-user-desc {
|
.widget-user-desc {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-user-username,
|
.widget-user-username,
|
||||||
.widget-user-desc {
|
.widget-user-desc {
|
||||||
margin-left: 75px;
|
margin-left: 75px;
|
||||||
}
|
}
|
||||||
|
|
||||||
//User image container
|
//User image container
|
||||||
.widget-user-image {
|
.widget-user-image {
|
||||||
> img {
|
> img {
|
||||||
width: 65px;
|
|
||||||
height: auto;
|
|
||||||
float: left;
|
float: left;
|
||||||
|
height: auto;
|
||||||
|
width: 65px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,9 @@
|
||||||
|
/*
|
||||||
|
* Component: Text
|
||||||
|
* -------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
// text modification
|
||||||
.text-bold {
|
.text-bold {
|
||||||
&, &.table td, &.table th {
|
&, &.table td, &.table th {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
@ -5,17 +11,25 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-sm {
|
.text-sm {
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-xs {
|
.text-xs {
|
||||||
font-size: $font-size-base;
|
font-size: $font-size-base !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-lg {
|
.text-lg {
|
||||||
font-size: $font-size-lg;
|
font-size: $font-size-lg !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-xl {
|
.text-xl {
|
||||||
font-size: $font-size-xl;
|
font-size: $font-size-xl !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// text color variations
|
||||||
|
@each $name, $color in $colors {
|
||||||
|
.text-#{$name} {
|
||||||
|
color: #{$color};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,39 +4,39 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.timeline {
|
.timeline {
|
||||||
position: relative;
|
list-style: none;
|
||||||
margin: 0 0 30px 0;
|
margin: 0 0 30px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
position: relative;
|
||||||
|
|
||||||
// The line
|
// The line
|
||||||
&:before {
|
&::before {
|
||||||
content: '';
|
@include border-radius($border-radius);
|
||||||
position: absolute;
|
background: $gray-300;
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 4px;
|
content: '';
|
||||||
background: #ddd;
|
|
||||||
left: 31px;
|
left: 31px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@include border-radius($border-radius);
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
position: relative;
|
@include clearfix;
|
||||||
margin-right: 10px;
|
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
@include clearfix();
|
margin-right: 10px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
// The content
|
// The content
|
||||||
> .timeline-item {
|
> .timeline-item {
|
||||||
@include box-shadow($card-shadow);
|
@include box-shadow($card-shadow);
|
||||||
@include border-radius($border-radius);
|
@include border-radius($border-radius);
|
||||||
margin-top: 0;
|
|
||||||
background: $white;
|
background: $white;
|
||||||
color: #444;
|
color: #444;
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
|
margin-top: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
@ -44,20 +44,23 @@
|
||||||
> .time {
|
> .time {
|
||||||
color: #999;
|
color: #999;
|
||||||
float: right;
|
float: right;
|
||||||
padding: 10px;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
|
||||||
> .timeline-header {
|
|
||||||
margin: 0;
|
|
||||||
color: #555;
|
|
||||||
border-bottom: 1px solid $card-border-color;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .timeline-header {
|
||||||
|
border-bottom: 1px solid $card-border-color;
|
||||||
|
color: #555;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Item body and footer
|
// Item body and footer
|
||||||
> .timeline-body, > .timeline-footer {
|
> .timeline-body, > .timeline-footer {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
@ -67,30 +70,33 @@
|
||||||
|
|
||||||
// The icons
|
// The icons
|
||||||
> .fa,
|
> .fa,
|
||||||
|
> .fas,
|
||||||
|
> .far,
|
||||||
|
> .fab,
|
||||||
> .glyphicon,
|
> .glyphicon,
|
||||||
> .ion {
|
> .ion {
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 30px;
|
|
||||||
position: absolute;
|
|
||||||
background: $gray-500;
|
background: $gray-500;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
text-align: center;
|
font-size: 15px;
|
||||||
|
height: 30px;
|
||||||
left: 18px;
|
left: 18px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
width: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Time label
|
// Time label
|
||||||
> .time-label {
|
> .time-label {
|
||||||
> span {
|
> span {
|
||||||
|
@include border-radius(4px);
|
||||||
|
|
||||||
|
background-color: $white;
|
||||||
|
display: inline-block;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
display: inline-block;
|
|
||||||
background-color: $white;
|
|
||||||
|
|
||||||
@include border-radius(4px);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -98,11 +104,12 @@
|
||||||
.timeline-inverse {
|
.timeline-inverse {
|
||||||
> li {
|
> li {
|
||||||
> .timeline-item {
|
> .timeline-item {
|
||||||
background: $gray-100;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
@include box-shadow(none);
|
@include box-shadow(none);
|
||||||
|
background: $gray-100;
|
||||||
|
border: 1px solid $gray-300;
|
||||||
|
|
||||||
> .timeline-header {
|
> .timeline-header {
|
||||||
border-bottom-color: #ddd;
|
border-bottom-color: $gray-300;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,18 +2,21 @@
|
||||||
* Component: Users List
|
* Component: Users List
|
||||||
* ---------------------
|
* ---------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.users-list {
|
.users-list {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
> li {
|
> li {
|
||||||
width: 25%;
|
|
||||||
float: left;
|
float: left;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
width: 25%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
> a:hover {
|
> a:hover {
|
||||||
&,
|
&,
|
||||||
.users-list-name {
|
.users-list-name {
|
||||||
|
|
@ -29,14 +32,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.users-list-name {
|
.users-list-name {
|
||||||
|
color: $gray-700;
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
color: #444;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.users-list-date {
|
.users-list-date {
|
||||||
color: #999;
|
color: darken($gray-500, 20%);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
// AdminLTE 3 Variables.less
|
/*
|
||||||
// =========================
|
* Core: Variables
|
||||||
|
* ---------------
|
||||||
|
*/
|
||||||
|
|
||||||
// COLORS
|
// COLORS
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
|
|
@ -159,3 +161,21 @@ $button-default-background-color: #f4f4f4 !default;
|
||||||
$button-default-color: #444 !default;
|
$button-default-color: #444 !default;
|
||||||
$button-default-border-color: #ddd !default;
|
$button-default-border-color: #ddd !default;
|
||||||
|
|
||||||
|
// RIBBON
|
||||||
|
// --------------------------------------------------------
|
||||||
|
$ribbon-border-size: 3px !default;
|
||||||
|
$ribbon-line-height: 100% !default;
|
||||||
|
$ribbon-padding: .375rem 0 !default;
|
||||||
|
$ribbon-font-size: .8rem !default;
|
||||||
|
$ribbon-width: 110px !default;
|
||||||
|
$ribbon-wrapper-size: 90px !default;
|
||||||
|
$ribbon-top: 9px !default;
|
||||||
|
$ribbon-right: -12px !default;
|
||||||
|
$ribbon-lg-wrapper-size: 180px !default;
|
||||||
|
$ribbon-lg-width: 160px !default;
|
||||||
|
$ribbon-lg-top: 26px !default;
|
||||||
|
$ribbon-lg-right: -59px !default;
|
||||||
|
$ribbon-xl-wrapper-size: 240px !default;
|
||||||
|
$ribbon-xl-width: 240px !default;
|
||||||
|
$ribbon-xl-top: 59px !default;
|
||||||
|
$ribbon-xl-right: -48px !default;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* Page: 400 and 500 error pages
|
* Pages: 400 and 500 error pages
|
||||||
* ------------------------------
|
* ------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.error-page {
|
.error-page {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
margin: 20px auto 0 auto;
|
margin: 20px auto 0 auto;
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
/*
|
||||||
|
* Pages: E-commerce
|
||||||
|
* -----------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
// product image
|
||||||
|
.product-image {
|
||||||
|
@include img-fluid;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// product image thumbnails list
|
||||||
|
.product-image-thumbs {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
// product image thumbnail
|
||||||
|
.product-image-thumb {
|
||||||
|
|
||||||
|
@include box-shadow($thumbnail-box-shadow);
|
||||||
|
@include border-radius($thumbnail-border-radius);
|
||||||
|
|
||||||
|
background-color: $thumbnail-bg;
|
||||||
|
border: $thumbnail-border-width solid $thumbnail-border-color;
|
||||||
|
display: flex;
|
||||||
|
margin-right: 1rem;
|
||||||
|
max-width: 6.5rem + ($thumbnail-padding * 2);
|
||||||
|
padding: $thumbnail-padding * 2;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include img-fluid;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// product share
|
||||||
|
.product-share a {
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Page: Invoice
|
* Pages: Invoice
|
||||||
* -------------
|
* --------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.invoice {
|
.invoice {
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Page: Lock Screen
|
* Pages: Lock Screen
|
||||||
* -----------------
|
* ------------------
|
||||||
*/
|
*/
|
||||||
/* ADD THIS CLASS TO THE <BODY> TAG */
|
/* ADD THIS CLASS TO THE <BODY> TAG */
|
||||||
.lockscreen {
|
.lockscreen {
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Page: Login & Register
|
* Pages: Login & Register
|
||||||
* ----------------------
|
* -----------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.login-logo,
|
.login-logo,
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Page: Mailbox
|
* Pages: Mailbox
|
||||||
* -------------
|
* --------------
|
||||||
*/
|
*/
|
||||||
.mailbox-messages {
|
.mailbox-messages {
|
||||||
> .table {
|
> .table {
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Page: Profile
|
* Pages: Profile
|
||||||
* -------------
|
* --------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.profile-user-img {
|
.profile-user-img {
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
/*
|
||||||
|
* Pages: Projects
|
||||||
|
* ---------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
.projects {
|
||||||
|
td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-inline {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// table avatar
|
||||||
|
img.table-avatar,
|
||||||
|
.table-avatar img{
|
||||||
|
border-radius: 50%;
|
||||||
|
display: inline;
|
||||||
|
width: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
// project state
|
||||||
|
.project-state {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Plugin: Bootstrap Slider
|
* Plugin: Bootstrap Slider
|
||||||
* ---------------------
|
* ------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Style override
|
// Style override
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Plugin: iCheck Bootstrap
|
* Plugin: iCheck Bootstrap
|
||||||
* ---------------------
|
* ------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// iCheck colors (theme colors)
|
// iCheck colors (theme colors)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
/*
|
||||||
|
* Plugins: Miscellaneous
|
||||||
|
* ----------------------
|
||||||
|
* Old plugin codes
|
||||||
|
*/
|
||||||
|
|
||||||
|
// _fix for sparkline tooltip
|
||||||
|
.jqstooltip {
|
||||||
|
height: auto !important;
|
||||||
|
padding: 5px !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// jQueryUI
|
||||||
|
.connectedSortable {
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-highlight {
|
||||||
|
background: $gray-100;
|
||||||
|
border: 1px dashed $gray-300;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Charts
|
||||||
|
.chart {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Plugin: SweetAlert2
|
* Plugin: SweetAlert2
|
||||||
* ---------------
|
* -------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Icon Colors
|
// Icon Colors
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* Plugin: Toastr
|
* Plugin: Toastr
|
||||||
* ---------------
|
* --------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Background to FontAwesome Icons
|
// Background to FontAwesome Icons
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
84
index.html
84
index.html
|
|
@ -388,7 +388,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/tables/data.html" class="nav-link">
|
<a href="pages/tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -453,6 +459,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/login.html" class="nav-link">
|
<a href="pages/examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -471,17 +524,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/404.html" class="nav-link">
|
<a href="pages/examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -506,12 +554,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -1008,7 +1050,7 @@
|
||||||
|
|
||||||
<!-- Map card -->
|
<!-- Map card -->
|
||||||
<div class="card bg-gradient-primary">
|
<div class="card bg-gradient-primary">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<h3 class="card-title">
|
<h3 class="card-title">
|
||||||
<i class="fas fa-map-marker-alt mr-1"></i>
|
<i class="fas fa-map-marker-alt mr-1"></i>
|
||||||
Visitors
|
Visitors
|
||||||
|
|
@ -1060,7 +1102,7 @@
|
||||||
|
|
||||||
<!-- solid sales graph -->
|
<!-- solid sales graph -->
|
||||||
<div class="card bg-gradient-info">
|
<div class="card bg-gradient-info">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<h3 class="card-title">
|
<h3 class="card-title">
|
||||||
<i class="fas fa-th mr-1"></i>
|
<i class="fas fa-th mr-1"></i>
|
||||||
Sales Graph
|
Sales Graph
|
||||||
|
|
@ -1111,7 +1153,7 @@
|
||||||
|
|
||||||
<!-- Calendar -->
|
<!-- Calendar -->
|
||||||
<div class="card bg-gradient-success">
|
<div class="card bg-gradient-success">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
|
|
||||||
<h3 class="card-title">
|
<h3 class="card-title">
|
||||||
<i class="far fa-calendar-alt"></i>
|
<i class="far fa-calendar-alt"></i>
|
||||||
|
|
|
||||||
80
index2.html
80
index2.html
|
|
@ -375,7 +375,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/tables/data.html" class="nav-link">
|
<a href="pages/tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -440,6 +446,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/login.html" class="nav-link">
|
<a href="pages/examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -458,17 +511,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/404.html" class="nav-link">
|
<a href="pages/examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -493,12 +541,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -778,7 +820,7 @@
|
||||||
<!-- /.card-header -->
|
<!-- /.card-header -->
|
||||||
<div class="card-body p-0">
|
<div class="card-body p-0">
|
||||||
<div class="d-md-flex">
|
<div class="d-md-flex">
|
||||||
<div class="p-1 flex-1" style="overflow: hidden">
|
<div class="p-1 flex-fill" style="overflow: hidden">
|
||||||
<!-- Map will be created here -->
|
<!-- Map will be created here -->
|
||||||
<div id="world-map-markers" style="height: 325px; overflow: hidden">
|
<div id="world-map-markers" style="height: 325px; overflow: hidden">
|
||||||
<div class="map"></div>
|
<div class="map"></div>
|
||||||
|
|
|
||||||
86
index3.html
86
index3.html
|
|
@ -385,7 +385,13 @@ to get the desired effect
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/tables/data.html" class="nav-link">
|
<a href="pages/tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -450,6 +456,53 @@ to get the desired effect
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/login.html" class="nav-link">
|
<a href="pages/examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -468,17 +521,12 @@ to get the desired effect
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/examples/404.html" class="nav-link">
|
<a href="pages/examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -503,12 +551,6 @@ to get the desired effect
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="pages/examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -570,7 +612,7 @@ to get the desired effect
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<div class="d-flex justify-content-between">
|
<div class="d-flex justify-content-between">
|
||||||
<h3 class="card-title">Online Store Visitors</h3>
|
<h3 class="card-title">Online Store Visitors</h3>
|
||||||
<a href="javascript:void(0);">View Report</a>
|
<a href="javascript:void(0);">View Report</a>
|
||||||
|
|
@ -609,7 +651,7 @@ to get the desired effect
|
||||||
<!-- /.card -->
|
<!-- /.card -->
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<h3 class="card-title">Products</h3>
|
<h3 class="card-title">Products</h3>
|
||||||
<div class="card-tools">
|
<div class="card-tools">
|
||||||
<a href="#" class="btn btn-tool btn-sm">
|
<a href="#" class="btn btn-tool btn-sm">
|
||||||
|
|
@ -717,7 +759,7 @@ to get the desired effect
|
||||||
<!-- /.col-md-6 -->
|
<!-- /.col-md-6 -->
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<div class="d-flex justify-content-between">
|
<div class="d-flex justify-content-between">
|
||||||
<h3 class="card-title">Sales</h3>
|
<h3 class="card-title">Sales</h3>
|
||||||
<a href="javascript:void(0);">View Report</a>
|
<a href="javascript:void(0);">View Report</a>
|
||||||
|
|
@ -756,7 +798,7 @@ to get the desired effect
|
||||||
<!-- /.card -->
|
<!-- /.card -->
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header no-border">
|
<div class="card-header border-0">
|
||||||
<h3 class="card-title">Online Store Overview</h3>
|
<h3 class="card-title">Online Store Overview</h3>
|
||||||
<div class="card-tools">
|
<div class="card-tools">
|
||||||
<a href="#" class="btn btn-sm btn-tool">
|
<a href="#" class="btn btn-sm btn-tool">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "admin-lte",
|
"name": "admin-lte",
|
||||||
"version": "3.0.0-beta.1",
|
"version": "3.0.0-beta.2",
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
@ -8142,6 +8142,11 @@
|
||||||
"integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
|
"integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"jsgrid": {
|
||||||
|
"version": "1.5.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/jsgrid/-/jsgrid-1.5.3.tgz",
|
||||||
|
"integrity": "sha1-sV/EJkgxU77itrVnMS9nXZKDSg0="
|
||||||
|
},
|
||||||
"json-parse-better-errors": {
|
"json-parse-better-errors": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
|
||||||
|
|
|
||||||
|
|
@ -69,6 +69,7 @@
|
||||||
"jquery-mousewheel": "^3.1.13",
|
"jquery-mousewheel": "^3.1.13",
|
||||||
"jquery-ui-dist": "^1.12.1",
|
"jquery-ui-dist": "^1.12.1",
|
||||||
"jqvmap": "github:CivilError/jqvmap",
|
"jqvmap": "github:CivilError/jqvmap",
|
||||||
|
"jsgrid": "^1.5.3",
|
||||||
"moment": "^2.24.0",
|
"moment": "^2.24.0",
|
||||||
"overlayscrollbars": "^1.7.2",
|
"overlayscrollbars": "^1.7.2",
|
||||||
"popper.js": "^1.15.0",
|
"popper.js": "^1.15.0",
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -411,7 +411,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -476,6 +482,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -494,17 +547,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -529,12 +577,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -381,7 +381,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -446,6 +452,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -464,17 +517,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -499,12 +547,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -383,7 +383,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -448,6 +454,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -466,17 +519,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -501,12 +549,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -382,7 +382,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -447,6 +453,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -465,17 +518,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -500,12 +548,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -383,7 +383,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="tables/data.html" class="nav-link">
|
<a href="tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -448,6 +454,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="examples/login.html" class="nav-link">
|
<a href="examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -466,17 +519,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="examples/404.html" class="nav-link">
|
<a href="examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -501,12 +549,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -379,7 +379,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -444,6 +450,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -462,17 +515,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -497,12 +545,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview menu-open">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link active">
|
<a href="../examples/404.html" class="nav-link active">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview menu-open">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -379,7 +379,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -444,6 +450,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -462,17 +515,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview menu-open">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -497,12 +545,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,948 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Contacts</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Contacts</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">Contacts</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card card-solid">
|
||||||
|
<div class="card-body pb-0">
|
||||||
|
<div class="row d-flex align-items-stretch">
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
|
||||||
|
<div class="card bg-light">
|
||||||
|
<div class="card-header text-muted border-bottom-0">
|
||||||
|
Digital Strategist
|
||||||
|
</div>
|
||||||
|
<div class="card-body pt-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-7">
|
||||||
|
<h2 class="lead"><b>Nicole Pearson</b></h2>
|
||||||
|
<p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee Lover </p>
|
||||||
|
<ul class="ml-4 mb-0 fa-ul text-muted">
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span> Address: Demo Street 123, Demo City 04312, NJ</li>
|
||||||
|
<li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> Phone #: + 800 - 12 12 23 52</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-5 text-center">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" alt="" class="img-circle img-fluid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="text-right">
|
||||||
|
<a href="#" class="btn btn-sm bg-teal">
|
||||||
|
<i class="fas fa-comments"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">
|
||||||
|
<i class="fas fa-user"></i> View Profile
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
<div class="card-footer">
|
||||||
|
<nav aria-label="Contacts Page Navigation">
|
||||||
|
<ul class="pagination justify-content-center m-0">
|
||||||
|
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">6</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">7</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">8</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-footer -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,778 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | E-commerce</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>E-commerce</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">E-commerce</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card card-solid">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-sm-6">
|
||||||
|
<h3 class="d-inline-block d-sm-none">LOWA Men’s Renegade GTX Mid Hiking Boots Review</h3>
|
||||||
|
<div class="col-12">
|
||||||
|
<img src="../../dist/img/prod-1.jpg" class="product-image" alt="Product Image">
|
||||||
|
</div>
|
||||||
|
<div class="col-12 product-image-thumbs">
|
||||||
|
<div class="product-image-thumb active"><img src="../../dist/img/prod-1.jpg" alt="Product Image"></div>
|
||||||
|
<div class="product-image-thumb" ><img src="../../dist/img/prod-2.jpg" alt="Product Image"></div>
|
||||||
|
<div class="product-image-thumb" ><img src="../../dist/img/prod-3.jpg" alt="Product Image"></div>
|
||||||
|
<div class="product-image-thumb" ><img src="../../dist/img/prod-4.jpg" alt="Product Image"></div>
|
||||||
|
<div class="product-image-thumb" ><img src="../../dist/img/prod-5.jpg" alt="Product Image"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-6">
|
||||||
|
<h3 class="my-3">LOWA Men’s Renegade GTX Mid Hiking Boots Review</h3>
|
||||||
|
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
<h4>Available Colors</h4>
|
||||||
|
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||||
|
<label class="btn btn-default text-center active">
|
||||||
|
<input type="radio" name="color_option" id="color_option1" autocomplete="off" checked="">
|
||||||
|
Green
|
||||||
|
<br>
|
||||||
|
<i class="fas fa-circle fa-2x text-green"></i>
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option2" autocomplete="off">
|
||||||
|
Blue
|
||||||
|
<br>
|
||||||
|
<i class="fas fa-circle fa-2x text-blue"></i>
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option3" autocomplete="off">
|
||||||
|
Purple
|
||||||
|
<br>
|
||||||
|
<i class="fas fa-circle fa-2x text-purple"></i>
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option4" autocomplete="off">
|
||||||
|
Red
|
||||||
|
<br>
|
||||||
|
<i class="fas fa-circle fa-2x text-red"></i>
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option5" autocomplete="off">
|
||||||
|
Orange
|
||||||
|
<br>
|
||||||
|
<i class="fas fa-circle fa-2x text-orange"></i>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="mt-3">Size <small>Please select one</small></h4>
|
||||||
|
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option1" autocomplete="off">
|
||||||
|
<span class="text-xl">S</span>
|
||||||
|
<br>
|
||||||
|
Small
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option1" autocomplete="off">
|
||||||
|
<span class="text-xl">M</span>
|
||||||
|
<br>
|
||||||
|
Medium
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option1" autocomplete="off">
|
||||||
|
<span class="text-xl">L</span>
|
||||||
|
<br>
|
||||||
|
Large
|
||||||
|
</label>
|
||||||
|
<label class="btn btn-default text-center">
|
||||||
|
<input type="radio" name="color_option" id="color_option1" autocomplete="off">
|
||||||
|
<span class="text-xl">XL</span>
|
||||||
|
<br>
|
||||||
|
Xtra-Large
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray py-2 px-3 mt-4">
|
||||||
|
<h2 class="mb-0">
|
||||||
|
$80.00
|
||||||
|
</h2>
|
||||||
|
<h4 class="mt-0">
|
||||||
|
<small>Ex Tax: $80.00 </small>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-4">
|
||||||
|
<div class="btn btn-primary btn-lg btn-flat">
|
||||||
|
<i class="fas fa-cart-plus fa-lg mr-2"></i>
|
||||||
|
Add to Cart
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn btn-default btn-lg btn-flat">
|
||||||
|
<i class="fas fa-heart fa-lg mr-2"></i>
|
||||||
|
Add to Wishlist
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-4 product-share">
|
||||||
|
<a href="#" class="text-gray">
|
||||||
|
<i class="fab fa-facebook-square fa-2x"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray">
|
||||||
|
<i class="fab fa-twitter-square fa-2x"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray">
|
||||||
|
<i class="fas fa-envelope-square fa-2x"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-gray">
|
||||||
|
<i class="fas fa-rss-square fa-2x"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mt-4">
|
||||||
|
<nav class="w-100">
|
||||||
|
<div class="nav nav-tabs" id="product-tab" role="tablist">
|
||||||
|
<a class="nav-item nav-link active" id="product-desc-tab" data-toggle="tab" href="#product-desc" role="tab" aria-controls="product-desc" aria-selected="true">Description</a>
|
||||||
|
<a class="nav-item nav-link" id="product-comments-tab" data-toggle="tab" href="#product-comments" role="tab" aria-controls="product-comments" aria-selected="false">Comments</a>
|
||||||
|
<a class="nav-item nav-link" id="product-rating-tab" data-toggle="tab" href="#product-rating" role="tab" aria-controls="product-rating" aria-selected="false">Rating</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="tab-content p-3" id="nav-tabContent">
|
||||||
|
<div class="tab-pane fade show active" id="product-desc" role="tabpanel" aria-labelledby="product-desc-tab"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae condimentum erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed posuere, purus at efficitur hendrerit, augue elit lacinia arcu, a eleifend sem elit et nunc. Sed rutrum vestibulum est, sit amet cursus dolor fermentum vel. Suspendisse mi nibh, congue et ante et, commodo mattis lacus. Duis varius finibus purus sed venenatis. Vivamus varius metus quam, id dapibus velit mattis eu. Praesent et semper risus. Vestibulum erat erat, condimentum at elit at, bibendum placerat orci. Nullam gravida velit mauris, in pellentesque urna pellentesque viverra. Nullam non pellentesque justo, et ultricies neque. Praesent vel metus rutrum, tempus erat a, rutrum ante. Quisque interdum efficitur nunc vitae consectetur. Suspendisse venenatis, tortor non convallis interdum, urna mi molestie eros, vel tempor justo lacus ac justo. Fusce id enim a erat fringilla sollicitudin ultrices vel metus. </div>
|
||||||
|
<div class="tab-pane fade" id="product-comments" role="tabpanel" aria-labelledby="product-comments-tab"> Vivamus rhoncus nisl sed venenatis luctus. Sed condimentum risus ut tortor feugiat laoreet. Suspendisse potenti. Donec et finibus sem, ut commodo lectus. Cras eget neque dignissim, placerat orci interdum, venenatis odio. Nulla turpis elit, consequat eu eros ac, consectetur fringilla urna. Duis gravida ex pulvinar mauris ornare, eget porttitor enim vulputate. Mauris hendrerit, massa nec aliquam cursus, ex elit euismod lorem, vehicula rhoncus nisl dui sit amet eros. Nulla turpis lorem, dignissim a sapien eget, ultrices venenatis dolor. Curabitur vel turpis at magna elementum hendrerit vel id dui. Curabitur a ex ullamcorper, ornare velit vel, tincidunt ipsum. </div>
|
||||||
|
<div class="tab-pane fade" id="product-rating" role="tabpanel" aria-labelledby="product-rating-tab"> Cras ut ipsum ornare, aliquam ipsum non, posuere elit. In hac habitasse platea dictumst. Aenean elementum leo augue, id fermentum risus efficitur vel. Nulla iaculis malesuada scelerisque. Praesent vel ipsum felis. Ut molestie, purus aliquam placerat sollicitudin, mi ligula euismod neque, non bibendum nibh neque et erat. Etiam dignissim aliquam ligula, aliquet feugiat nibh rhoncus ut. Aliquam efficitur lacinia lacinia. Morbi ac molestie lectus, vitae hendrerit nisl. Nullam metus odio, malesuada in vehicula at, consectetur nec justo. Quisque suscipit odio velit, at accumsan urna vestibulum a. Proin dictum, urna ut varius consectetur, sapien justo porta lectus, at mollis nisi orci et nulla. Donec pellentesque tortor vel nisl commodo ullamcorper. Donec varius massa at semper posuere. Integer finibus orci vitae vehicula placerat. </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
<img src="../../dist/img/credit/american-express.png" alt="American Express">
|
<img src="../../dist/img/credit/american-express.png" alt="American Express">
|
||||||
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
|
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
|
||||||
|
|
||||||
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
|
<p class="text-muted well well-sm shadow-none" style="margin-top: 10px;">
|
||||||
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr
|
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr
|
||||||
jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
|
jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -670,7 +712,7 @@
|
||||||
<img src="../../dist/img/credit/american-express.png" alt="American Express">
|
<img src="../../dist/img/credit/american-express.png" alt="American Express">
|
||||||
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
|
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
|
||||||
|
|
||||||
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
|
<p class="text-muted well well-sm shadow-none" style="margin-top: 10px;">
|
||||||
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem
|
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem
|
||||||
plugg
|
plugg
|
||||||
dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
|
dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
|
||||||
|
|
|
||||||
|
|
@ -406,7 +406,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -471,6 +477,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -489,17 +542,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link active">
|
||||||
<li class="nav-item has-treeview menu-open">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -524,12 +572,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link active">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -799,7 +841,7 @@
|
||||||
<div class="timeline-item">
|
<div class="timeline-item">
|
||||||
<span class="time"><i class="far fa-clock"></i> 5 mins ago</span>
|
<span class="time"><i class="far fa-clock"></i> 5 mins ago</span>
|
||||||
|
|
||||||
<h3 class="timeline-header no-border"><a href="#">Sarah Young</a> accepted your friend request
|
<h3 class="timeline-header border-0"><a href="#">Sarah Young</a> accepted your friend request
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,713 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Project Edit</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Project Add</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">Project Add</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="card card-primary">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">General</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputName">Project Name</label>
|
||||||
|
<input type="text" id="inputName" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputDescription">Project Description</label>
|
||||||
|
<textarea id="inputDescription" class="form-control" rows="4"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputStatus">Status</label>
|
||||||
|
<select class="form-control custom-select">
|
||||||
|
<option selected disabled>Select one</option>
|
||||||
|
<option>On Hold</option>
|
||||||
|
<option>Canceled</option>
|
||||||
|
<option>Success</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputClientCompany">Client Company</label>
|
||||||
|
<input type="text" id="inputClientCompany" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputProjectLeader">Project Leader</label>
|
||||||
|
<input type="text" id="inputProjectLeader" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="card card-secondary">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Budget</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputEstimatedBudget">Estimated budget</label>
|
||||||
|
<input type="number" id="inputEstimatedBudget" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputSpentBudget">Total amount spent</label>
|
||||||
|
<input type="number" id="inputSpentBudget" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputEstimatedDuration">Estimated project duration</label>
|
||||||
|
<input type="number" id="inputEstimatedDuration" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<a href="#" class="btn btn-secondary">Cancel</a>
|
||||||
|
<input type="submit" value="Create new Porject" class="btn btn-success float-right">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,785 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Project Detail</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Project Detail</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">Project Detail</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Projects Detail</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
|
||||||
|
<i class="fas fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-12 col-lg-8 order-2 order-md-1">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-sm-4">
|
||||||
|
<div class="info-box bg-light">
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-text text-center text-muted">Estimated budget</span>
|
||||||
|
<span class="info-box-number text-center text-muted mb-0">2300</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-4">
|
||||||
|
<div class="info-box bg-light">
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-text text-center text-muted">Total amount spent</span>
|
||||||
|
<span class="info-box-number text-center text-muted mb-0">2000</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-sm-4">
|
||||||
|
<div class="info-box bg-light">
|
||||||
|
<div class="info-box-content">
|
||||||
|
<span class="info-box-text text-center text-muted">Estimated project duration</span>
|
||||||
|
<span class="info-box-number text-center text-muted mb-0">20 <span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<h4>Recent Activity</h4>
|
||||||
|
<div class="post">
|
||||||
|
<div class="user-block">
|
||||||
|
<img class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg" alt="user image">
|
||||||
|
<span class="username">
|
||||||
|
<a href="#">Jonathan Burke Jr.</a>
|
||||||
|
</span>
|
||||||
|
<span class="description">Shared publicly - 7:45 PM today</span>
|
||||||
|
</div>
|
||||||
|
<!-- /.user-block -->
|
||||||
|
<p>
|
||||||
|
Lorem ipsum represents a long-held tradition for designers,
|
||||||
|
typographers and the like. Some people hate it and argue for
|
||||||
|
its demise, but others ignore.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="#" class="link-black text-sm"><i class="fas fa-link mr-1"></i> Demo File 1 v2</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post clearfix">
|
||||||
|
<div class="user-block">
|
||||||
|
<img class="img-circle img-bordered-sm" src="../../dist/img/user7-128x128.jpg" alt="User Image">
|
||||||
|
<span class="username">
|
||||||
|
<a href="#">Sarah Ross</a>
|
||||||
|
</span>
|
||||||
|
<span class="description">Sent you a message - 3 days ago</span>
|
||||||
|
</div>
|
||||||
|
<!-- /.user-block -->
|
||||||
|
<p>
|
||||||
|
Lorem ipsum represents a long-held tradition for designers,
|
||||||
|
typographers and the like. Some people hate it and argue for
|
||||||
|
its demise, but others ignore.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="#" class="link-black text-sm"><i class="fas fa-link mr-1"></i> Demo File 2</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<div class="user-block">
|
||||||
|
<img class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg" alt="user image">
|
||||||
|
<span class="username">
|
||||||
|
<a href="#">Jonathan Burke Jr.</a>
|
||||||
|
</span>
|
||||||
|
<span class="description">Shared publicly - 5 days ago</span>
|
||||||
|
</div>
|
||||||
|
<!-- /.user-block -->
|
||||||
|
<p>
|
||||||
|
Lorem ipsum represents a long-held tradition for designers,
|
||||||
|
typographers and the like. Some people hate it and argue for
|
||||||
|
its demise, but others ignore.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="#" class="link-black text-sm"><i class="fas fa-link mr-1"></i> Demo File 1 v1</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-12 col-lg-4 order-1 order-md-2">
|
||||||
|
<h3 class="text-primary"><i class="fas fa-paint-brush"></i> AdminLTE v3</h3>
|
||||||
|
<p class="text-muted">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p>
|
||||||
|
<br>
|
||||||
|
<div class="text-muted">
|
||||||
|
<p class="text-sm">Client Company
|
||||||
|
<b class="d-block">Deveint Inc</b>
|
||||||
|
</p>
|
||||||
|
<p class="text-sm">Project Leader
|
||||||
|
<b class="d-block">Tony Chicken</b>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h5 class="mt-5 text-muted">Project files</h5>
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li>
|
||||||
|
<a href="" class="btn-link text-secondary"><i class="far fa-fw fa-file-word"></i> Functional-requirements.docx</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="" class="btn-link text-secondary"><i class="far fa-fw fa-file-pdf"></i> UAT.pdf</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="" class="btn-link text-secondary"><i class="far fa-fw fa-envelope"></i> Email-from-flatbal.mln</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="" class="btn-link text-secondary"><i class="far fa-fw fa-image "></i> Logo.png</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="" class="btn-link text-secondary"><i class="far fa-fw fa-file-word"></i> Contract-10_12_2014.docx</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="text-center mt-5 mb-3">
|
||||||
|
<a href="#" class="btn btn-sm btn-primary">Add files</a>
|
||||||
|
<a href="#" class="btn btn-sm btn-warning">Report contact</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,785 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Project Edit</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Project Edit</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">Project Edit</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="card card-primary">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">General</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputName">Project Name</label>
|
||||||
|
<input type="text" id="inputName" class="form-control" value="AdminLTE">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputDescription">Project Description</label>
|
||||||
|
<textarea id="inputDescription" class="form-control" rows="4">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputStatus">Status</label>
|
||||||
|
<select class="form-control custom-select">
|
||||||
|
<option selected disabled>Select one</option>
|
||||||
|
<option>On Hold</option>
|
||||||
|
<option>Canceled</option>
|
||||||
|
<option selected>Success</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputClientCompany">Client Company</label>
|
||||||
|
<input type="text" id="inputClientCompany" class="form-control" value="Deveint Inc">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputProjectLeader">Project Leader</label>
|
||||||
|
<input type="text" id="inputProjectLeader" class="form-control" value="Tony Chicken">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="card card-secondary">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Budget</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputEstimatedBudget">Estimated budget</label>
|
||||||
|
<input type="number" id="inputEstimatedBudget" class="form-control" value="2300" step="1">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputSpentBudget">Total amount spent</label>
|
||||||
|
<input type="number" id="inputSpentBudget" class="form-control" value="2000" step="1">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputEstimatedDuration">Estimated project duration</label>
|
||||||
|
<input type="number" id="inputEstimatedDuration" class="form-control" value="20" step="0.1">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
<div class="card card-info">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Files</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-0">
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>File Name</th>
|
||||||
|
<th>File Size</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Functional-requirements.docx</td>
|
||||||
|
<td>49.8005 kb</td>
|
||||||
|
<td class="text-right py-0 align-middle">
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<a href="#" class="btn btn-info"><i class="fas fa-eye"></i></a>
|
||||||
|
<a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<tr>
|
||||||
|
<td>UAT.pdf</td>
|
||||||
|
<td>28.4883 kb</td>
|
||||||
|
<td class="text-right py-0 align-middle">
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<a href="#" class="btn btn-info"><i class="fas fa-eye"></i></a>
|
||||||
|
<a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<tr>
|
||||||
|
<td>Email-from-flatbal.mln</td>
|
||||||
|
<td>57.9003 kb</td>
|
||||||
|
<td class="text-right py-0 align-middle">
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<a href="#" class="btn btn-info"><i class="fas fa-eye"></i></a>
|
||||||
|
<a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<tr>
|
||||||
|
<td>Logo.png</td>
|
||||||
|
<td>50.5190 kb</td>
|
||||||
|
<td class="text-right py-0 align-middle">
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<a href="#" class="btn btn-info"><i class="fas fa-eye"></i></a>
|
||||||
|
<a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<tr>
|
||||||
|
<td>Contract-10_12_2014.docx</td>
|
||||||
|
<td>44.9715 kb</td>
|
||||||
|
<td class="text-right py-0 align-middle">
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<a href="#" class="btn btn-info"><i class="fas fa-eye"></i></a>
|
||||||
|
<a href="#" class="btn btn-danger"><i class="fas fa-trash"></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<a href="#" class="btn btn-secondary">Cancel</a>
|
||||||
|
<input type="submit" value="Save Changes" class="btn btn-success float-right">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -388,7 +388,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -453,6 +459,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -471,17 +524,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -506,12 +554,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -380,7 +380,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -445,6 +451,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -463,17 +516,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -498,12 +546,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -209,7 +209,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item has-treeview menu-open">
|
<li class="nav-item has-treeview menu-open">
|
||||||
<a href="#" class="nav-link">
|
<a href="#" class="nav-link active">
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
|
|
@ -379,7 +379,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -444,6 +450,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -462,17 +515,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -497,12 +545,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -209,7 +209,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item has-treeview menu-open">
|
<li class="nav-item has-treeview menu-open">
|
||||||
<a href="#" class="nav-link">
|
<a href="#" class="nav-link active">
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
|
|
@ -379,7 +379,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -445,21 +451,39 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Login</p>
|
<p>E-commerce</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/register.html" class="nav-link">
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Register</p>
|
<p>Projects</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/lockscreen.html" class="nav-link">
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Lockscreen</p>
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -208,7 +208,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item has-treeview menu-open">
|
<li class="nav-item has-treeview menu-open">
|
||||||
<a href="#" class="nav-link">
|
<a href="#" class="nav-link active">
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -208,7 +208,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item has-treeview menu-open">
|
<li class="nav-item has-treeview menu-open">
|
||||||
<a href="#" class="nav-link">
|
<a href="#" class="nav-link active">
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -210,7 +210,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item has-treeview menu-open">
|
<li class="nav-item has-treeview menu-open">
|
||||||
<a href="#" class="nav-link">
|
<a href="#" class="nav-link active">
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
|
|
@ -380,7 +380,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -445,6 +451,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -463,17 +516,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -498,12 +546,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -13,8 +13,8 @@
|
||||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
<!-- bootstrap wysihtml5 - text editor -->
|
<!-- summernote -->
|
||||||
<link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
|
<link rel="stylesheet" href="../../plugins/summernote/summernote-bs4.css">
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -380,7 +380,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -445,6 +451,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -463,17 +516,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -498,12 +546,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -730,13 +772,13 @@
|
||||||
<script src="../../dist/js/adminlte.min.js"></script>
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
<!-- AdminLTE for demo purposes -->
|
<!-- AdminLTE for demo purposes -->
|
||||||
<script src="../../dist/js/demo.js"></script>
|
<script src="../../dist/js/demo.js"></script>
|
||||||
<!-- Bootstrap WYSIHTML5 -->
|
<!-- Summernote -->
|
||||||
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
|
<script src="../../plugins/summernote/summernote-bs4.min.js"></script>
|
||||||
<!-- Page Script -->
|
<!-- Page Script -->
|
||||||
<script>
|
<script>
|
||||||
$(function () {
|
$(function () {
|
||||||
//Add text editor
|
//Add text editor
|
||||||
//$('#compose-textarea').wysihtml5()
|
$('#compose-textarea').summernote()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -379,7 +379,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -444,6 +450,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -462,17 +515,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -497,12 +545,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -378,7 +378,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -443,6 +449,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -461,17 +514,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -496,12 +544,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>AdminLTE 3 | Data Tables</title>
|
<title>AdminLTE 3 | DataTables</title>
|
||||||
<!-- Tell the browser to be responsive to screen width -->
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
|
@ -380,7 +380,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link active">
|
<a href="../tables/data.html" class="nav-link active">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -445,6 +451,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -463,17 +516,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -498,12 +546,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
@ -546,12 +588,12 @@
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row mb-2">
|
<div class="row mb-2">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<h1>Data Tables</h1>
|
<h1>DataTables</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<ol class="breadcrumb float-sm-right">
|
<ol class="breadcrumb float-sm-right">
|
||||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
<li class="breadcrumb-item active">Data Tables</li>
|
<li class="breadcrumb-item active">DataTables</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -564,7 +606,7 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Hover Data Table</h3>
|
<h3 class="card-title">DataTable with minimal features & hover style</h3>
|
||||||
</div>
|
</div>
|
||||||
<!-- /.card-header -->
|
<!-- /.card-header -->
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
@ -1004,7 +1046,7 @@
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Data Table With Full Features</h3>
|
<h3 class="card-title">DataTable with default features</h3>
|
||||||
</div>
|
</div>
|
||||||
<!-- /.card-header -->
|
<!-- /.card-header -->
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,673 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | jsGrid</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- jsGrid -->
|
||||||
|
<link rel="stylesheet" href="../../plugins/jsgrid/jsgrid.min.css">
|
||||||
|
<link rel="stylesheet" href="../../plugins/jsgrid/jsgrid-theme.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini">
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals & Alerts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/navbar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Navbar & Tabs</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link active">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Legacy User Menu</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>jsGrid</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">jsGrid</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">jsGrid</h3>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-header -->
|
||||||
|
<div class="card-body">
|
||||||
|
<div id="jsGrid1"></div>
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.2
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2019 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- jsGrid -->
|
||||||
|
<script src="../../plugins/jsgrid/demos/db.js"></script>
|
||||||
|
<script src="../../plugins/jsgrid/jsgrid.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
<!-- page script -->
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#jsGrid1").jsGrid({
|
||||||
|
height: "100%",
|
||||||
|
width: "100%",
|
||||||
|
|
||||||
|
sorting: true,
|
||||||
|
paging: true,
|
||||||
|
|
||||||
|
data: db.clients,
|
||||||
|
|
||||||
|
fields: [
|
||||||
|
{ name: "Name", type: "text", width: 150 },
|
||||||
|
{ name: "Age", type: "number", width: 50 },
|
||||||
|
{ name: "Address", type: "text", width: 200 },
|
||||||
|
{ name: "Country", type: "select", items: db.countries, valueField: "Id", textField: "Name" },
|
||||||
|
{ name: "Married", type: "checkbox", title: "Is Married" }
|
||||||
|
]
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../tables/data.html" class="nav-link">
|
<a href="../tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/login.html" class="nav-link">
|
<a href="../examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../examples/404.html" class="nav-link">
|
<a href="../examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,13 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="tables/data.html" class="nav-link">
|
<a href="tables/data.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Data Tables</p>
|
<p>DataTables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="tables/jsgrid.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>jsGrid</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -442,6 +448,53 @@
|
||||||
<p>Profile</p>
|
<p>Profile</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/e_commerce.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>E-commerce</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/projects.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Projects</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_add.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Add</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_edit.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Edit</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/project_detail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Project Detail</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="examples/contacts.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Contacts</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="examples/login.html" class="nav-link">
|
<a href="examples/login.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -460,17 +513,12 @@
|
||||||
<p>Lockscreen</p>
|
<p>Lockscreen</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="examples/legacy-user-menu.html" class="nav-link">
|
||||||
<li class="nav-item has-treeview">
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<a href="#" class="nav-link">
|
<p>Legacy User Menu</p>
|
||||||
<i class="nav-icon far fa-plus-square"></i>
|
</a>
|
||||||
<p>
|
</li>
|
||||||
Extras
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="examples/404.html" class="nav-link">
|
<a href="examples/404.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -495,12 +543,6 @@
|
||||||
<p>Starter Page</p>
|
<p>Starter Page</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
|
||||||
<a href="examples/legacy-user-menu.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Legacy User Menu</p>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-header">MISCELLANEOUS</li>
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>jsGrid - Basic Scenario</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="demos.css" />
|
||||||
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,400' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/jsgrid.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/theme.css" />
|
||||||
|
|
||||||
|
<script src="../external/jquery/jquery-1.8.3.js"></script>
|
||||||
|
<script src="db.js"></script>
|
||||||
|
|
||||||
|
<script src="../src/jsgrid.core.js"></script>
|
||||||
|
<script src="../src/jsgrid.load-indicator.js"></script>
|
||||||
|
<script src="../src/jsgrid.load-strategies.js"></script>
|
||||||
|
<script src="../src/jsgrid.sort-strategies.js"></script>
|
||||||
|
<script src="../src/jsgrid.field.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.text.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.number.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.select.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.checkbox.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.control.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Basic Scenario</h1>
|
||||||
|
<div id="jsGrid"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
|
||||||
|
$("#jsGrid").jsGrid({
|
||||||
|
height: "70%",
|
||||||
|
width: "100%",
|
||||||
|
filtering: true,
|
||||||
|
editing: true,
|
||||||
|
inserting: true,
|
||||||
|
sorting: true,
|
||||||
|
paging: true,
|
||||||
|
autoload: true,
|
||||||
|
pageSize: 15,
|
||||||
|
pageButtonCount: 5,
|
||||||
|
deleteConfirm: "Do you really want to delete the client?",
|
||||||
|
controller: db,
|
||||||
|
fields: [
|
||||||
|
{ name: "Name", type: "text", width: 150 },
|
||||||
|
{ name: "Age", type: "number", width: 50 },
|
||||||
|
{ name: "Address", type: "text", width: 200 },
|
||||||
|
{ name: "Country", type: "select", items: db.countries, valueField: "Id", textField: "Name" },
|
||||||
|
{ name: "Married", type: "checkbox", title: "Is Married", sorting: false },
|
||||||
|
{ type: "control" }
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,102 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>jsGrid - Batch Delete</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="demos.css" />
|
||||||
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,400' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/jsgrid.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/theme.css" />
|
||||||
|
|
||||||
|
<script src="../external/jquery/jquery-1.8.3.js"></script>
|
||||||
|
<script src="db.js"></script>
|
||||||
|
|
||||||
|
<script src="../src/jsgrid.core.js"></script>
|
||||||
|
<script src="../src/jsgrid.load-indicator.js"></script>
|
||||||
|
<script src="../src/jsgrid.load-strategies.js"></script>
|
||||||
|
<script src="../src/jsgrid.sort-strategies.js"></script>
|
||||||
|
<script src="../src/jsgrid.field.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.text.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.number.js"></script>
|
||||||
|
<script src="../src/fields/jsgrid.field.control.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Batch Delete</h1>
|
||||||
|
|
||||||
|
<div id="jsGrid"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
|
||||||
|
$("#jsGrid").jsGrid({
|
||||||
|
height: "50%",
|
||||||
|
width: "100%",
|
||||||
|
autoload: true,
|
||||||
|
confirmDeleting: false,
|
||||||
|
paging: true,
|
||||||
|
controller: {
|
||||||
|
loadData: function() {
|
||||||
|
return db.clients;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fields: [
|
||||||
|
{
|
||||||
|
headerTemplate: function() {
|
||||||
|
return $("<button>").attr("type", "button").text("Delete")
|
||||||
|
.on("click", function () {
|
||||||
|
deleteSelectedItems();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
itemTemplate: function(_, item) {
|
||||||
|
return $("<input>").attr("type", "checkbox")
|
||||||
|
.prop("checked", $.inArray(item, selectedItems) > -1)
|
||||||
|
.on("change", function () {
|
||||||
|
$(this).is(":checked") ? selectItem(item) : unselectItem(item);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
align: "center",
|
||||||
|
width: 50
|
||||||
|
},
|
||||||
|
{ name: "Name", type: "text", width: 150 },
|
||||||
|
{ name: "Age", type: "number", width: 50 },
|
||||||
|
{ name: "Address", type: "text", width: 200 }
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
var selectedItems = [];
|
||||||
|
|
||||||
|
var selectItem = function(item) {
|
||||||
|
selectedItems.push(item);
|
||||||
|
};
|
||||||
|
|
||||||
|
var unselectItem = function(item) {
|
||||||
|
selectedItems = $.grep(selectedItems, function(i) {
|
||||||
|
return i !== item;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
var deleteSelectedItems = function() {
|
||||||
|
if(!selectedItems.length || !confirm("Are you sure?"))
|
||||||
|
return;
|
||||||
|
|
||||||
|
deleteClientsFromDb(selectedItems);
|
||||||
|
|
||||||
|
var $grid = $("#jsGrid");
|
||||||
|
$grid.jsGrid("option", "pageIndex", 1);
|
||||||
|
$grid.jsGrid("loadData");
|
||||||
|
|
||||||
|
selectedItems = [];
|
||||||
|
};
|
||||||
|
|
||||||
|
var deleteClientsFromDb = function(deletingClients) {
|
||||||
|
db.clients = $.map(db.clients, function(client) {
|
||||||
|
return ($.inArray(client, deletingClients) > -1) ? null : client;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue