diff --git a/.gitignore b/.gitignore
index 90d9c1d..9158548 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,4 @@ phpunit.phar
# vagrant runtime
/.vagrant
/artweb/
+/storage
diff --git a/.htaccess b/.htaccess
index a4a88a2..5a2aa3f 100644
--- a/.htaccess
+++ b/.htaccess
@@ -16,7 +16,7 @@ AddDefaultCharset utf-8
RewriteRule ^admin(.*) /backend/web/$1 [L]
# if a directory or a file of the uploads folder exists, use the request directly
- RewriteCond %{REQUEST_URI} ^/uploads
+ RewriteCond %{REQUEST_URI} ^/storage
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# otherwise forward the request to index.php of grontend app
diff --git a/backend/assets/css/custom.css b/backend/assets/css/custom.css
new file mode 100644
index 0000000..ecbb677
--- /dev/null
+++ b/backend/assets/css/custom.css
@@ -0,0 +1,4241 @@
+
+html , body{
+
+ height:100%;
+
+}
+
+.full-width {
+
+ width:100%;
+
+ }
+
+.full-height{
+ height:100%;
+ }
+
+.daterangepicker .ranges li {
+ color: #73879C
+}
+.daterangepicker .ranges li.active,
+.daterangepicker .ranges li:hover {
+ background: #536A7F;
+ border: 1px solid #536A7F;
+ color: #fff
+}
+.daterangepicker .input-mini {
+ background-color: #eee;
+ border: 1px solid #ccc;
+ box-shadow: none !important
+}
+.daterangepicker .input-mini.active {
+ border: 1px solid #ccc
+}
+.daterangepicker select.monthselect,
+.daterangepicker select.yearselect,
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.secondselect,
+.daterangepicker select.ampmselect {
+ font-size: 12px;
+ padding: 1px;
+ height: auto;
+ margin: 0;
+ cursor: default;
+ height: 30px;
+ border: 1px solid #ADB2B5;
+ line-height: 30px;
+ border-radius: 0px !important
+}
+.daterangepicker select.monthselect {
+ margin-right: 2%
+}
+.daterangepicker td.in-range {
+ background: #E4E7EA;
+ color: #73879C
+}
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
+ background-color: #536A7F;
+ color: #fff
+}
+.daterangepicker th.available:hover {
+ background: #eee;
+ color: #34495E
+}
+.daterangepicker:before,
+.daterangepicker:after {
+ content: none
+}
+.daterangepicker .calendar.single {
+ margin: 0 0 4px 0
+}
+.daterangepicker .calendar.single .calendar-table {
+ width: 224px;
+ padding: 0 0 4px 0 !important
+}
+.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
+ padding: 8px 5px
+}
+.daterangepicker .calendar.single .calendar-table thead th {
+ border-radius: 0
+}
+.daterangepicker.picker_1 {
+ color: #fff;
+ background: #34495E
+}
+.daterangepicker.picker_1 .calendar-table {
+ background: #34495E
+}
+.daterangepicker.picker_1 .calendar-table thead tr {
+ background: #213345
+}
+.daterangepicker.picker_1 .calendar-table thead tr:first-child {
+ background: #1ABB9C
+}
+.daterangepicker.picker_1 .calendar-table td.off {
+ background: #34495E;
+ color: #999
+}
+.daterangepicker.picker_1 .calendar-table td.available:hover {
+ color: #34495E
+}
+.daterangepicker.picker_2 .calendar-table thead tr {
+ color: #1ABB9C
+}
+.daterangepicker.picker_2 .calendar-table thead tr:first-child {
+ color: #73879C
+}
+.daterangepicker.picker_3 .calendar-table thead tr:first-child {
+ color: #fff;
+ background: #1ABB9C
+}
+.daterangepicker.picker_4 .calendar-table thead tr:first-child {
+ color: #fff;
+ background: #34495E
+}
+.daterangepicker.picker_4 .calendar-table td,
+.daterangepicker.picker_4 .calendar-table td.off {
+ background: #ECF0F1;
+ border: 1px solid #fff;
+ border-radius: 0
+}
+.daterangepicker.picker_4 .calendar-table td.active {
+ background: #34495E
+}
+.calendar-exibit .show-calendar {
+ float: none;
+ display: block;
+ position: relative;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ margin-bottom: 20px;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ overflow: hidden
+}
+.calendar-exibit .show-calendar .calendar {
+ margin: 0 0 4px 0
+}
+.calendar-exibit .show-calendar.picker_1 {
+ background: #34495E
+}
+.calendar-exibit .calendar-table {
+ padding: 0 0 4px 0
+}
+.left_col {
+ background: #2A3F54
+}
+.nav-sm .container.body .col-md-3.left_col {
+ min-height: 100%;
+ width: 70px;
+ padding: 0;
+ z-index: 9999;
+ position: absolute
+}
+.nav-sm .container.body .col-md-3.left_col.menu_fixed {
+ position: fixed;
+ height: 100%
+}
+.nav-sm .container.body .col-md-3.left_col .mCSB_container,
+.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
+ overflow: visible
+}
+.nav-sm .hidden-small {
+ visibility: hidden
+}
+.nav-sm .container.body .right_col {
+ padding: 10px 20px;
+ margin-left: 70px;
+ z-index: 2
+}
+.nav-sm .navbar.nav_title {
+ width: 70px
+}
+.nav-sm .navbar.nav_title a span {
+ display: none
+}
+.nav-sm .navbar.nav_title a i {
+ font-size: 27px;
+ margin: 13px 0 0 3px
+}
+.site_title i {
+ border: 1px solid #EAEAEA;
+ padding: 5px 6px;
+ border-radius: 50%
+}
+.nav-sm .main_container .top_nav {
+ display: block;
+ margin-left: 70px;
+ z-index: 2
+}
+.nav-sm .nav.side-menu li a {
+ text-align: center !important;
+ font-weight: 400;
+ font-size: 10px;
+ padding: 10px 5px
+}
+.nav-sm .nav.child_menu li.active,
+.nav-sm .nav.side-menu li.active-sm {
+ border-right: 5px solid #1ABB9C
+}
+.nav-sm ul.nav.child_menu ul,
+.nav-sm .nav.side-menu li.active-sm ul ul {
+ position: static;
+ width: 200px;
+ background: none
+}
+.nav-sm>.nav.side-menu>li.active-sm>a {
+ color: #1ABB9C !important
+}
+.nav-sm .nav.side-menu li a i.toggle-up {
+ display: none !important
+}
+.nav-sm .nav.side-menu li a i {
+ font-size: 25px !important;
+ text-align: center;
+ width: 100% !important;
+ margin-bottom: 5px
+}
+.nav-sm ul.nav.child_menu {
+ left: 100%;
+ position: absolute;
+ top: 0;
+ width: 210px;
+ z-index: 4000;
+ background: #3E5367;
+ display: none
+}
+.nav-sm ul.nav.child_menu li {
+ padding: 0 10px
+}
+.nav-sm ul.nav.child_menu li a {
+ text-align: left !important
+}
+.nav-sm .profile {
+ display: none
+}
+.menu_section {
+ margin-bottom: 35px
+}
+.menu_section h3 {
+ padding-left: 15px;
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: .5px;
+ font-weight: bold;
+ font-size: 11px;
+ margin-bottom: 0;
+ margin-top: 0;
+ text-shadow: 1px 1px #000
+}
+.menu_section>ul {
+ margin-top: 10px
+}
+.profile_pic {
+ width: 35%;
+ float: left
+}
+.img-circle.profile_img {
+ width: 70%;
+ background: #fff;
+ margin-left: 15%;
+ z-index: 1000;
+ position: inherit;
+ margin-top: 20px;
+ border: 1px solid rgba(52, 73, 94, 0.44);
+ padding: 4px
+}
+.profile_info {
+ padding: 25px 10px 10px;
+ width: 65%;
+ float: left
+}
+.profile_info span {
+ font-size: 13px;
+ line-height: 30px;
+ color: #BAB8B8
+}
+.profile_info h2 {
+ font-size: 14px;
+ color: #ECF0F1;
+ margin: 0;
+ font-weight: 300
+}
+.profile.img_2 {
+ text-align: center
+}
+.profile.img_2 .profile_pic {
+ width: 100%
+}
+.profile.img_2 .profile_pic .img-circle.profile_img {
+ width: 50%;
+ margin: 10px 0 0
+}
+.profile.img_2 .profile_info {
+ padding: 15px 10px 0;
+ width: 100%;
+ margin-bottom: 10px;
+ float: left
+}
+.main_menu span.fa {
+ float: right;
+ text-align: center;
+ margin-top: 5px;
+ font-size: 10px;
+ min-width: inherit;
+ color: #C4CFDA
+}
+.active a span.fa {
+ text-align: right !important;
+ margin-right: 4px
+}
+.nav-sm .menu_section {
+ margin: 0
+}
+.nav-sm span.fa,
+.nav-sm .menu_section h3 {
+ display: none
+}
+.nav-sm li li span.fa {
+ display: inline-block
+}
+.nav_menu {
+ float: left;
+ background: #EDEDED;
+ border-bottom: 1px solid #D9DEE4;
+ margin-bottom: 10px;
+ width: 100%;
+ position: relative
+}
+@media (min-width: 480px) {
+ .nav_menu {
+ position: static
+ }
+}
+.nav-md .container.body .col-md-3.left_col {
+ min-height: 100%;
+ width: 230px;
+ padding: 0;
+ position: absolute;
+ display: -ms-flexbox;
+ display: flex;
+ z-index: 1
+}
+.nav-md .container.body .col-md-3.left_col.menu_fixed {
+ height: 100%;
+ position: fixed
+}
+body .container.body .right_col {
+ background: #F7F7F7
+}
+.nav-md .container.body .right_col {
+ padding: 10px 20px 0;
+ margin-left: 230px
+}
+.nav_title {
+ width: 230px;
+ float: left;
+ background: #2A3F54;
+ border-radius: 0;
+ height: 57px
+}
+@media (max-width: 991px) {
+ .nav-md .container.body .right_col,
+ .nav-md .container.body .top_nav {
+ width: 100%;
+ margin: 0
+ }
+ .nav-md .container.body .col-md-3.left_col {
+ display: none
+ }
+ .nav-md .container.body .right_col {
+ width: 100%;
+ padding-right: 0
+ }
+ .right_col {
+ padding: 10px !important
+ }
+}
+@media (max-width: 1200px) {
+ .x_title h2 {
+ width: 62%;
+ font-size: 17px
+ }
+ .tile,
+ .graph {
+ zoom: 85%;
+ height: inherit
+ }
+}
+@media (max-width: 1270px) and (min-width: 192px) {
+ .x_title h2 small {
+ display: none
+ }
+}
+.left_col .mCSB_scrollTools {
+ width: 6px
+}
+.left_col .mCSB_dragger {
+ max-height: 400px !important
+}
+.blue {
+ color: #3498DB
+}
+.purple {
+ color: #9B59B6
+}
+.green {
+ color: #1ABB9C
+}
+.aero {
+ color: #9CC2CB
+}
+.red {
+ color: #E74C3C
+}
+.dark {
+ color: #34495E
+}
+.border-blue {
+ border-color: #3498DB !important
+}
+.border-purple {
+ border-color: #9B59B6 !important
+}
+.border-green {
+ border-color: #1ABB9C !important
+}
+.border-aero {
+ border-color: #9CC2CB !important
+}
+.border-red {
+ border-color: #E74C3C !important
+}
+.border-dark {
+ border-color: #34495E !important
+}
+.bg-white {
+ background: #fff !important;
+ border: 1px solid #fff !important;
+ color: #73879C
+}
+.bg-green {
+ background: #1ABB9C !important;
+ border: 1px solid #1ABB9C !important;
+ color: #fff
+}
+.bg-red {
+ background: #E74C3C !important;
+ border: 1px solid #E74C3C !important;
+ color: #fff
+}
+.bg-blue {
+ background: #3498DB !important;
+ border: 1px solid #3498DB !important;
+ color: #fff
+}
+.bg-orange {
+ background: #F39C12 !important;
+ border: 1px solid #F39C12 !important;
+ color: #fff
+}
+.bg-purple {
+ background: #9B59B6 !important;
+ border: 1px solid #9B59B6 !important;
+ color: #fff
+}
+.bg-blue-sky {
+ background: #50C1CF !important;
+ border: 1px solid #50C1CF !important;
+ color: #fff
+}
+.container {
+ width: 100%;
+ padding: 0
+}
+.navbar-nav>li>a,
+.navbar-brand,
+.navbar-nav>li>a {
+ color: #fff !important
+}
+.top_nav .nav>li>a:focus,
+.top_nav .nav>li>a:hover,
+.top_nav .nav .open>a,
+.top_nav .nav .open>a:focus,
+.top_nav .nav .open>a:hover {
+ background: #D9DEE4
+}
+body {
+ color: #73879C;
+ background: #2A3F54;
+ font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
+ font-size: 13px;
+ font-weight: 400;
+ line-height: 1.471
+}
+.main_container .top_nav {
+ display: block;
+ margin-left: 230px
+}
+.no-padding {
+ padding: 0 !important
+}
+.page-title {
+ width: 100%;
+ height: 65px;
+ padding: 10px 0
+}
+.page-title .title_left {
+ width: 45%;
+ float: left;
+ display: block
+}
+.page-title .title_left h3 {
+ margin: 9px 0
+}
+.page-title .title_right {
+ width: 55%;
+ float: left;
+ display: block
+}
+.page-title .title_right .pull-right {
+ margin: 10px 0
+}
+.fixed_height_320 {
+ height: 320px
+}
+.fixed_height_390 {
+ height: 390px
+}
+.fixed_height_200 {
+ height: 200px
+}
+.overflow_hidden {
+ overflow: hidden
+}
+.progress-bar-dark {
+ background-color: #34495E !important
+}
+.progress-bar-gray {
+ background-color: #BDC3C7 !important
+}
+table.no-margin .progress {
+ margin-bottom: 0
+}
+.main_content {
+ padding: 10px 20px
+}
+.col-md-55 {
+ width: 50%;
+ margin-bottom: 10px
+}
+@media (min-width: 768px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 992px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 1200px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 192px) and (max-width: 1270px) {
+ table.tile_info span.right {
+ margin-right: 7px;
+ float: left
+ }
+}
+.center-margin {
+ margin: 0 auto;
+ float: none !important
+}
+.col-md-55,
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ float: left;
+ padding-right: 10px;
+ padding-left: 10px
+}
+.row {
+ margin-right: -10px;
+ margin-left: -10px
+}
+.grid_slider .col-md-6 {
+ padding: 0 40px
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 10px;
+ margin-bottom: 10px
+}
+a {
+ color: #5A738E;
+ text-decoration: none
+}
+a,
+a:visited,
+a:focus,
+a:active,
+:visited,
+:focus,
+:active,
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+ outline: 0
+}
+a:hover,
+a:focus {
+ text-decoration: none
+}
+.navbar {
+ margin-bottom: 0
+}
+.navbar-header {
+ background: #34495E
+}
+.navbar-right {
+ margin-right: 0
+}
+.top_nav .navbar-right {
+ margin: 0;
+ width: 70%;
+ float: right
+}
+.top_nav .navbar-right li {
+ display: inline-block;
+ float: right;
+ position: static
+}
+@media (min-width: 480px) {
+ .top_nav .navbar-right li {
+ position: relative
+ }
+}
+.top_nav .dropdown-menu li {
+ width: 100%
+}
+.top_nav .dropdown-menu li a {
+ width: 100%;
+ padding: 12px 20px
+}
+.top_nav li a i {
+ font-size: 15px
+}
+.navbar-static-top {
+ position: fixed;
+ top: 0;
+ width: 100%
+}
+.sidebar-header {
+ border-bottom: 0;
+ margin-top: 46px
+}
+.sidebar-header:first-of-type {
+ margin-top: 0
+}
+.nav.side-menu>li {
+ position: relative;
+ display: block;
+ cursor: pointer
+}
+.nav.side-menu>li>a {
+ margin-bottom: 6px
+}
+.nav.side-menu>li>a:hover {
+ color: #F2F5F7 !important
+}
+.nav.side-menu>li>a:hover,
+.nav>li>a:focus {
+ text-decoration: none;
+ background: transparent
+}
+.nav.child_menu {
+ display: none
+}
+.nav.child_menu li:hover,
+.nav.child_menu li.active {
+ background-color: rgba(255, 255, 255, 0.06)
+}
+.nav.child_menu li {
+ padding-left: 36px
+}
+.nav-md ul.nav.child_menu li:before {
+ background: #425668;
+ bottom: auto;
+ content: "";
+ height: 8px;
+ left: 23px;
+ margin-top: 15px;
+ position: absolute;
+ right: auto;
+ width: 8px;
+ z-index: 1;
+ border-radius: 50%
+}
+.nav-md ul.nav.child_menu li:after {
+ border-left: 1px solid #425668;
+ bottom: 0;
+ content: "";
+ left: 27px;
+ position: absolute;
+ top: 0
+}
+.nav.side-menu>li>a,
+.nav.child_menu>li>a {
+ color: #E7E7E7;
+ font-weight: 500
+}
+.nav.child_menu li li:hover,
+.nav.child_menu li li.active {
+ background: none
+}
+.nav.child_menu li li a:hover,
+.nav.child_menu li li a.active {
+ color: #fff
+}
+.nav>li>a {
+ position: relative;
+ display: block;
+ padding: 13px 15px 12px
+}
+.nav.side-menu>li.current-page,
+.nav.side-menu>li.active {
+ border-right: 5px solid #1ABB9C
+}
+.nav li.current-page {
+ background: rgba(255, 255, 255, 0.05)
+}
+.nav li li li.current-page {
+ background: none
+}
+.nav li li.current-page a {
+ color: #fff
+}
+.nav.side-menu>li.active>a {
+ text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
+ background: linear-gradient(#334556, #2C4257), #2A3F54;
+ box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
+}
+.navbar-brand,
+.navbar-nav>li>a {
+ font-weight: 500;
+ color: #ECF0F1 !important;
+ margin-left: 0 !important;
+ line-height: 32px
+}
+.site_title {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ font-weight: 400;
+ font-size: 22px;
+ width: 100%;
+ color: #ECF0F1 !important;
+ margin-left: 0 !important;
+ line-height: 59px;
+ display: block;
+ height: 55px;
+ margin: 0;
+ padding-left: 10px
+}
+.site_title:hover,
+.site_title:focus {
+ text-decoration: none
+}
+.nav.navbar-nav>li>a {
+ color: #515356 !important
+}
+.nav.top_menu>li>a {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ color: #34495E !important
+}
+.nav>li>a:hover,
+.nav>li>a:focus {
+ background-color: transparent
+}
+.top_search {
+ padding: 0
+}
+.top_search .form-control {
+ border-right: 0;
+ box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
+ border-radius: 25px 0px 0px 25px;
+ padding-left: 20px;
+ border: 1px solid rgba(221, 226, 232, 0.49)
+}
+.top_search .form-control:focus {
+ border: 1px solid rgba(221, 226, 232, 0.49);
+ border-right: 0
+}
+.top_search .input-group-btn button {
+ border-radius: 0px 25px 25px 0px;
+ border: 1px solid rgba(221, 226, 232, 0.49);
+ border-left: 0;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ color: #93A2B2;
+ margin-bottom: 0 !important
+}
+.toggle {
+ float: left;
+ margin: 0;
+ padding-top: 16px;
+ width: 70px
+}
+.toggle a {
+ padding: 15px 15px 0;
+ margin: 0;
+ cursor: pointer
+}
+.toggle a i {
+ font-size: 26px
+}
+.nav.child_menu>li>a {
+ color: rgba(255, 255, 255, 0.75);
+ font-size: 12px;
+ padding: 9px
+}
+.panel_toolbox {
+ float: right;
+ min-width: 70px
+}
+.panel_toolbox>li {
+ float: left;
+ cursor: pointer
+}
+.panel_toolbox>li>a {
+ padding: 5px;
+ color: #C5C7CB;
+ font-size: 14px
+}
+.panel_toolbox>li>a:hover {
+ background: #F5F7FA
+}
+.line_30 {
+ line-height: 30px
+}
+.main_menu_side {
+ padding: 0
+}
+.bs-docs-sidebar .nav>li>a {
+ display: block;
+ padding: 4px 6px
+}
+footer {
+ background: #fff;
+ padding: 15px 20px;
+ display: block
+}
+.nav-sm footer {
+ margin-left: 70px
+}
+.footer_fixed footer {
+ position: fixed;
+ left: 0px;
+ bottom: 0px;
+ width: 100%
+}
+@media (min-width: 768px) {
+ .footer_fixed footer {
+ margin-left: 0
+ }
+}
+@media (min-width: 768px) {
+ .footer_fixed .nav-sm footer {
+ margin-left: 0
+ }
+}
+.tile-stats.sparkline {
+ padding: 10px;
+ text-align: center
+}
+.jqstooltip {
+ background: #34495E !important;
+ width: 30px !important;
+ height: 22px !important;
+ text-decoration: none
+}
+.tooltip {
+ display: block !important
+}
+.tiles {
+ border-top: 1px solid #ccc;
+ margin-top: 15px;
+ padding-top: 5px;
+ margin-bottom: 0
+}
+.tile {
+ overflow: hidden
+}
+.top_tiles {
+ margin-bottom: 0
+}
+.top_tiles .tile h2 {
+ font-size: 30px;
+ line-height: 30px;
+ margin: 3px 0 7px;
+ font-weight: bold
+}
+article.media {
+ width: 100%
+}
+*,
+*:before,
+*:after {
+ box-sizing: border-box
+}
+#integration-list {
+ width: 100%;
+ margin: 0 auto;
+ display: table
+}
+#integration-list ul {
+ padding: 0;
+ margin: 20px 0;
+ color: #555
+}
+#integration-list ul>li {
+ list-style: none;
+ border-top: 1px solid #ddd;
+ display: block;
+ padding: 15px;
+ overflow: hidden
+}
+#integration-list ul:last-child {
+ border-bottom: 1px solid #ddd
+}
+#integration-list ul>li:hover {
+ background: #efefef
+}
+.expand {
+ display: block;
+ text-decoration: none;
+ color: #555;
+ cursor: pointer
+}
+.expand h2 {
+ width: 85%;
+ float: left
+}
+h2 {
+ font-size: 18px;
+ font-weight: 400
+}
+#left,
+#right {
+ display: table
+}
+#sup {
+ display: table-cell;
+ vertical-align: middle;
+ width: 80%
+}
+.detail a {
+ text-decoration: none;
+ color: #C0392B;
+ border: 1px solid #C0392B;
+ padding: 6px 10px 5px;
+ font-size: 13px;
+ margin-right: 7px
+}
+.detail {
+ margin: 10px 0 10px 0px;
+ display: none;
+ line-height: 22px;
+ height: 150px
+}
+.detail span {
+ margin: 0
+}
+.right-arrow {
+ width: 10px;
+ float: right;
+ font-weight: bold;
+ font-size: 20px
+}
+.accordion .panel {
+ margin-bottom: 5px;
+ border-radius: 0;
+ border-bottom: 1px solid #efefef
+}
+.accordion .panel-heading {
+ background: #F2F5F7;
+ padding: 13px;
+ width: 100%;
+ display: block
+}
+.accordion .panel:hover {
+ background: #F2F5F7
+}
+.x_panel {
+ position: relative;
+ width: 100%;
+ margin-bottom: 10px;
+ padding: 10px 17px;
+ display: inline-block;
+ background: #fff;
+ border: 1px solid #E6E9ED;
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ column-break-inside: avoid;
+ opacity: 1;
+ transition: all .2s ease
+}
+.x_title {
+ border-bottom: 2px solid #E6E9ED;
+ padding: 1px 5px 6px;
+ margin-bottom: 10px
+}
+.x_title .filter {
+ width: 40%;
+ float: right
+}
+.x_title h2 {
+ margin: 5px 0 6px;
+ float: left;
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap
+}
+.x_title h2 small {
+ margin-left: 10px
+}
+.x_title span {
+ color: #BDBDBD
+}
+.x_content {
+ padding: 0 5px 6px;
+ position: relative;
+ width: 100%;
+ float: left;
+ clear: both;
+ margin-top: 5px
+}
+.x_content h4 {
+ font-size: 16px;
+ font-weight: 500
+}
+legend {
+ padding-bottom: 7px
+}
+.demo-placeholder {
+ height: 280px
+}
+.profile_details:nth-child(3n) {
+ clear: both
+}
+.profile_details .profile_view {
+ display: inline-block;
+ padding: 10px 0 0;
+ background: #fff
+}
+.profile_details .profile_view .divider {
+ border-top: 1px solid #e5e5e5;
+ padding-top: 5px;
+ margin-top: 5px
+}
+.profile_details .profile_view .ratings {
+ margin-bottom: 0
+}
+.profile_details .profile_view .bottom {
+ background: #F2F5F7;
+ padding: 9px 0;
+ border-top: 1px solid #E6E9ED
+}
+.profile_details .profile_view .left {
+ margin-top: 20px
+}
+.profile_details .profile_view .left p {
+ margin-bottom: 3px
+}
+.profile_details .profile_view .right {
+ margin-top: 0px;
+ padding: 10px
+}
+.profile_details .profile_view .img-circle {
+ border: 1px solid #E6E9ED;
+ padding: 2px
+}
+.profile_details .profile_view h2 {
+ margin: 5px 0
+}
+.profile_details .profile_view .ratings {
+ text-align: left;
+ font-size: 16px
+}
+.profile_details .profile_view .brief {
+ margin: 0;
+ font-weight: 300
+}
+.profile_details .profile_left {
+ background: white
+}
+.pagination.pagination-split li {
+ display: inline-block;
+ margin-right: 3px
+}
+.pagination.pagination-split li a {
+ border-radius: 4px;
+ color: #768399;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px
+}
+table.tile h3,
+table.tile h4,
+table.tile span {
+ font-weight: bold;
+ vertical-align: middle !important
+}
+table.tile th,
+table.tile td {
+ text-align: center
+}
+table.tile th {
+ border-bottom: 1px solid #E6ECEE
+}
+table.tile td {
+ padding: 5px 0
+}
+table.tile td ul {
+ text-align: left;
+ padding-left: 0
+}
+table.tile td ul li {
+ list-style: none;
+ width: 100%
+}
+table.tile td ul li a {
+ width: 100%
+}
+table.tile td ul li a big {
+ right: 0;
+ float: right;
+ margin-right: 13px
+}
+table.tile_info {
+ width: 100%
+}
+table.tile_info td {
+ text-align: left;
+ padding: 1px;
+ font-size: 15px
+}
+table.tile_info td p {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin: 0;
+ line-height: 28px
+}
+table.tile_info td i {
+ margin-right: 8px;
+ font-size: 17px;
+ float: left;
+ width: 18px;
+ line-height: 28px
+}
+table.tile_info td:first-child {
+ width: 83%
+}
+td span {
+ line-height: 28px
+}
+.sidebar-widget {
+ overflow: hidden
+}
+.error-number {
+ font-size: 90px;
+ line-height: 90px;
+ margin: 20px 0
+}
+.col-middle {
+ margin-top: 5%
+}
+.mid_center {
+ width: 370px;
+ margin: 0 auto;
+ text-align: center;
+ padding: 10px 20px
+}
+h3.degrees {
+ font-size: 22px;
+ font-weight: 400;
+ text-align: center
+}
+.degrees:after {
+ content: "o";
+ position: relative;
+ top: -12px;
+ font-size: 13px;
+ font-weight: 300
+}
+.daily-weather .day {
+ font-size: 14px;
+ border-top: 2px solid rgba(115, 135, 156, 0.36);
+ text-align: center;
+ border-bottom: 2px solid rgba(115, 135, 156, 0.36);
+ padding: 5px 0
+}
+.weather-days .col-sm-2 {
+ overflow: hidden;
+ width: 16.66666667%
+}
+.weather .row {
+ margin-bottom: 0
+}
+.bulk-actions {
+ display: none
+}
+table.countries_list {
+ width: 100%
+}
+table.countries_list td {
+ padding: 0 10px;
+ line-height: 30px;
+ border-top: 1px solid #eeeeee
+}
+.dataTables_paginate a {
+ padding: 6px 9px !important;
+ background: #ddd !important;
+ border-color: #ddd !important
+}
+.paging_full_numbers a.paginate_active {
+ background-color: rgba(38, 185, 154, 0.59) !important;
+ border-color: rgba(38, 185, 154, 0.59) !important
+}
+button.DTTT_button,
+div.DTTT_button,
+a.DTTT_button {
+ border: 1px solid #E7E7E7 !important;
+ background: #E7E7E7 !important;
+ box-shadow: none !important
+}
+table.jambo_table {
+ border: 1px solid rgba(221, 221, 221, 0.78)
+}
+table.jambo_table thead {
+ background: rgba(52, 73, 94, 0.94);
+ color: #ECF0F1
+}
+table.jambo_table tbody tr:hover td {
+ background: rgba(38, 185, 154, 0.07);
+ border-top: 1px solid rgba(38, 185, 154, 0.11);
+ border-bottom: 1px solid rgba(38, 185, 154, 0.11)
+}
+table.jambo_table tbody tr.selected {
+ background: rgba(38, 185, 154, 0.16)
+}
+table.jambo_table tbody tr.selected td {
+ border-top: 1px solid rgba(38, 185, 154, 0.4);
+ border-bottom: 1px solid rgba(38, 185, 154, 0.4)
+}
+.dataTables_paginate a {
+ background: #ff0000
+}
+.dataTables_wrapper {
+ position: relative;
+ clear: both;
+ zoom: 1
+}
+.dataTables_processing {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 250px;
+ height: 30px;
+ margin-left: -125px;
+ margin-top: -15px;
+ padding: 14px 0 2px 0;
+ border: 1px solid #ddd;
+ text-align: center;
+ color: #999;
+ font-size: 14px;
+ background-color: white
+}
+.dataTables_length {
+ width: 40%;
+ float: left
+}
+.dataTables_filter {
+ width: 50%;
+ float: right;
+ text-align: right
+}
+.dataTables_info {
+ width: 60%;
+ float: left
+}
+.dataTables_paginate {
+ float: right;
+ text-align: right
+}
+table.dataTable th.focus,
+table.dataTable td.focus {
+ outline: 2px solid #1ABB9C !important;
+ outline-offset: -1px
+}
+table.display {
+ margin: 0 auto;
+ clear: both;
+ width: 100%
+}
+table.display thead th {
+ padding: 8px 18px 8px 10px;
+ border-bottom: 1px solid black;
+ font-weight: bold;
+ cursor: pointer
+}
+table.display tfoot th {
+ padding: 3px 18px 3px 10px;
+ border-top: 1px solid black;
+ font-weight: bold
+}
+table.display tr.heading2 td {
+ border-bottom: 1px solid #aaa
+}
+table.display td {
+ padding: 3px 10px
+}
+table.display td.center {
+ text-align: center
+}
+table.display thead th:active,
+table.display thead td:active {
+ outline: none
+}
+.dataTables_scroll {
+ clear: both
+}
+.dataTables_scrollBody {
+ *margin-top: -1px;
+ -webkit-overflow-scrolling: touch
+}
+.top .dataTables_info {
+ float: none
+}
+.clear {
+ clear: both
+}
+.dataTables_empty {
+ text-align: center
+}
+tfoot input {
+ margin: 0.5em 0;
+ width: 100%;
+ color: #444
+}
+tfoot input.search_init {
+ color: #999
+}
+td.group {
+ background-color: #d1cfd0;
+ border-bottom: 2px solid #A19B9E;
+ border-top: 2px solid #A19B9E
+}
+td.details {
+ background-color: #d1cfd0;
+ border: 2px solid #A19B9E
+}
+.example_alt_pagination div.dataTables_info {
+ width: 40%
+}
+.paging_full_numbers {
+ width: 400px;
+ height: 22px;
+ line-height: 22px
+}
+.paging_full_numbers a:active {
+ outline: none
+}
+.paging_full_numbers a:hover {
+ text-decoration: none
+}
+.paging_full_numbers a.paginate_button,
+.paging_full_numbers a.paginate_active {
+ border: 1px solid #aaa;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ padding: 2px 5px;
+ margin: 0 3px;
+ cursor: pointer
+}
+.paging_full_numbers a.paginate_button {
+ background-color: #ddd
+}
+.paging_full_numbers a.paginate_button:hover {
+ background-color: #ccc;
+ text-decoration: none !important
+}
+.paging_full_numbers a.paginate_active {
+ background-color: #99B3FF
+}
+table.display tr.even.row_selected td {
+ background-color: #B0BED9
+}
+table.display tr.odd.row_selected td {
+ background-color: #9FAFD1
+}
+div.box {
+ height: 100px;
+ padding: 10px;
+ overflow: auto;
+ border: 1px solid #8080FF;
+ background-color: #E5E5FF
+}
+ul.msg_list li {
+ background: #f7f7f7;
+ padding: 5px;
+ display: -ms-flexbox;
+ display: flex;
+ margin: 6px 6px 0;
+ width: 96% !important
+}
+ul.msg_list li:last-child {
+ margin-bottom: 6px;
+ padding: 10px
+}
+ul.msg_list li a {
+ padding: 3px 5px !important
+}
+ul.msg_list li a .image img {
+ border-radius: 2px 2px 2px 2px;
+ -webkit-border-radius: 2px 2px 2px 2px;
+ float: left;
+ margin-right: 10px;
+ width: 11%
+}
+ul.msg_list li a .time {
+ font-size: 11px;
+ font-style: italic;
+ font-weight: bold;
+ position: absolute;
+ right: 35px
+}
+ul.msg_list li a .message {
+ display: block !important;
+ font-size: 11px
+}
+.dropdown-menu.msg_list span {
+ white-space: normal
+}
+.dropdown-menu {
+ border: medium none;
+ box-shadow: none;
+ display: none;
+ float: left;
+ font-size: 12px;
+ left: 0;
+ list-style: none outside none;
+ padding: 0;
+ position: absolute;
+ text-shadow: none;
+ top: 100%;
+ z-index: 9998;
+ border: 1px solid #D9DEE4;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+.dropdown-menu>li>a {
+ color: #5A738E
+}
+.navbar-nav .open .dropdown-menu {
+ position: absolute;
+ background: #fff;
+ margin-top: 0;
+ border: 1px solid #D9DEE4;
+ -webkit-box-shadow: none;
+ right: 0;
+ left: auto;
+ width: 220px
+}
+.navbar-nav .open .dropdown-menu.msg_list {
+ width: 300px
+}
+.info-number .badge {
+ font-size: 10px;
+ font-weight: normal;
+ line-height: 13px;
+ padding: 2px 6px;
+ position: absolute;
+ right: 2px;
+ top: 8px
+}
+ul.to_do {
+ padding: 0
+}
+ul.to_do li {
+ background: #f3f3f3;
+ border-radius: 3px;
+ position: relative;
+ padding: 7px;
+ margin-bottom: 5px;
+ list-style: none
+}
+ul.to_do p {
+ margin: 0
+}
+.dashboard-widget {
+ background: #f6f6f6;
+ border-top: 5px solid #79C3DF;
+ border-radius: 3px;
+ padding: 5px 10px 10px
+}
+.dashboard-widget .dashboard-widget-title {
+ font-weight: normal;
+ border-bottom: 1px solid #c1cdcd;
+ margin: 0 0 10px 0;
+ padding-bottom: 5px;
+ padding-left: 40px;
+ line-height: 30px
+}
+.dashboard-widget .dashboard-widget-title i {
+ font-size: 100%;
+ margin-left: -35px;
+ margin-right: 10px;
+ color: #33a1c9;
+ padding: 3px 6px;
+ border: 1px solid #abd9ea;
+ border-radius: 5px;
+ background: #fff
+}
+ul.quick-list {
+ width: 45%;
+ padding-left: 0;
+ display: inline-block
+}
+ul.quick-list li {
+ padding-left: 10px;
+ list-style: none;
+ margin: 0;
+ padding-bottom: 6px;
+ padding-top: 4px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+ul.quick-list li i {
+ padding-right: 10px;
+ color: #757679
+}
+.dashboard-widget-content {
+ padding-top: 9px
+}
+.dashboard-widget-content .sidebar-widget {
+ width: 50%;
+ display: inline-block;
+ vertical-align: top;
+ background: #fff;
+ border: 1px solid #abd9ea;
+ border-radius: 5px;
+ text-align: center;
+ float: right;
+ padding: 2px;
+ margin-top: 10px
+}
+.widget_summary {
+ width: 100%;
+ display: -ms-inline-flexbox;
+ display: inline-flex
+}
+.widget_summary .w_left {
+ float: left;
+ text-align: left
+}
+.widget_summary .w_center {
+ float: left
+}
+.widget_summary .w_right {
+ float: left;
+ text-align: right
+}
+.widget_summary .w_right span {
+ font-size: 20px
+}
+.w_20 {
+ width: 20%
+}
+.w_25 {
+ width: 25%
+}
+.w_55 {
+ width: 55%
+}
+h5.graph_title {
+ text-align: left;
+ margin-left: 10px
+}
+h5.graph_title i {
+ margin-right: 10px;
+ font-size: 17px
+}
+span.right {
+ float: right;
+ font-size: 14px !important
+}
+.tile_info a {
+ text-overflow: ellipsis
+}
+.sidebar-footer {
+ bottom: 0px;
+ clear: both;
+ display: block;
+ padding: 5px 0 0 0;
+ position: fixed;
+ width: 230px;
+ background: #2A3F54;
+ z-index:999;
+}
+.sidebar-footer a {
+ padding: 7px 0 3px;
+ text-align: center;
+ width: 25%;
+ font-size: 17px;
+ display: block;
+ float: left;
+ background: #172D44;
+ cursor: pointer;
+}
+.sidebar-footer a:hover {
+ background: #425567
+}
+.tile_count {
+ margin-bottom: 20px;
+ margin-top: 20px
+}
+.tile_count .tile_stats_count {
+ border-bottom: 1px solid #D9DEE4;
+ padding: 0 10px 0 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ position: relative
+}
+@media (min-width: 992px) {
+ footer {
+ margin-left: 230px
+ }
+}
+@media (min-width: 992px) {
+ .tile_count .tile_stats_count {
+ margin-bottom: 10px;
+ border-bottom: 0;
+ padding-bottom: 10px
+ }
+}
+.tile_count .tile_stats_count:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ height: 65px;
+ border-left: 2px solid #ADB2B5;
+ margin-top: 10px
+}
+@media (min-width: 992px) {
+ .tile_count .tile_stats_count:first-child:before {
+ border-left: 0
+ }
+}
+.tile_count .tile_stats_count .count {
+ font-size: 30px;
+ line-height: 47px;
+ font-weight: 600
+}
+@media (min-width: 768px) {
+ .tile_count .tile_stats_count .count {
+ font-size: 40px
+ }
+}
+@media (min-width: 992px) and (max-width: 1100px) {
+ .tile_count .tile_stats_count .count {
+ font-size: 30px
+ }
+}
+.tile_count .tile_stats_count span {
+ font-size: 12px
+}
+@media (min-width: 768px) {
+ .tile_count .tile_stats_count span {
+ font-size: 13px
+ }
+}
+.tile_count .tile_stats_count .count_bottom i {
+ width: 12px
+}
+.dashboard_graph {
+ background: #fff;
+ padding: 7px 10px
+}
+.dashboard_graph .col-md-9,
+.dashboard_graph .col-md-3 {
+ padding: 0
+}
+a.user-profile {
+ color: #5E6974 !important
+}
+.user-profile img {
+ width: 29px;
+ height: 29px;
+ border-radius: 50%;
+ margin-right: 10px
+}
+ul.top_profiles {
+ height: 330px;
+ width: 100%
+}
+ul.top_profiles li {
+ margin: 0;
+ padding: 3px 5px
+}
+ul.top_profiles li:nth-child(odd) {
+ background-color: #eee
+}
+.media .profile_thumb {
+ border: 1px solid;
+ width: 50px;
+ height: 50px;
+ margin: 5px 10px 5px 0;
+ border-radius: 50%;
+ padding: 9px 12px
+}
+.media .profile_thumb i {
+ font-size: 30px
+}
+.media .date {
+ background: #ccc;
+ width: 52px;
+ margin-right: 10px;
+ border-radius: 10px;
+ padding: 5px
+}
+.media .date .month {
+ margin: 0;
+ text-align: center;
+ color: #fff
+}
+.media .date .day {
+ text-align: center;
+ color: #fff;
+ font-size: 27px;
+ margin: 0;
+ line-height: 27px;
+ font-weight: bold
+}
+.event .media-body a.title {
+ font-weight: bold
+}
+.event .media-body p {
+ margin-bottom: 0
+}
+h4.graph_title {
+ margin: 7px;
+ text-align: center
+}
+.fontawesome-icon-list .fa-hover a:hover {
+ background-color: #ddd;
+ color: #fff;
+ text-decoration: none
+}
+.fontawesome-icon-list .fa-hover a {
+ display: block;
+ line-height: 32px;
+ height: 32px;
+ padding-left: 10px;
+ border-radius: 4px
+}
+.fontawesome-icon-list .fa-hover a:hover .fa {
+ font-size: 28px;
+ vertical-align: -6px
+}
+.fontawesome-icon-list .fa-hover a .fa {
+ width: 32px;
+ font-size: 16px;
+ display: inline-block;
+ text-align: right;
+ margin-right: 10px
+}
+.main_menu .fa {
+ width: 26px;
+ opacity: .99;
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 18px;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+.tile-stats {
+ position: relative;
+ display: block;
+ margin-bottom: 12px;
+ border: 1px solid #E4E4E4;
+ -webkit-border-radius: 5px;
+ overflow: hidden;
+ padding-bottom: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ background: #FFF;
+ transition: all 300ms ease-in-out
+}
+.tile-stats:hover .icon i {
+ animation-name: tansformAnimation;
+ animation-duration: .5s;
+ animation-iteration-count: 1;
+ color: rgba(58, 58, 58, 0.41);
+ animation-timing-function: ease;
+ animation-fill-mode: forwards;
+ -webkit-animation-name: tansformAnimation;
+ -webkit-animation-duration: .5s;
+ -webkit-animation-iteration-count: 1;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-fill-mode: forwards;
+ -moz-animation-name: tansformAnimation;
+ -moz-animation-duration: .5s;
+ -moz-animation-iteration-count: 1;
+ -moz-animation-timing-function: ease;
+ -moz-animation-fill-mode: forwards
+}
+.tile-stats .icon {
+ width: 20px;
+ height: 20px;
+ color: #BAB8B8;
+ position: absolute;
+ right: 53px;
+ top: 22px;
+ z-index: 1
+}
+.tile-stats .icon i {
+ margin: 0;
+ font-size: 60px;
+ line-height: 0;
+ vertical-align: bottom;
+ padding: 0
+}
+.tile-stats .count {
+ font-size: 38px;
+ font-weight: bold;
+ line-height: 1.65857
+}
+.tile-stats .count,
+.tile-stats h3,
+.tile-stats p {
+ position: relative;
+ margin: 0;
+ margin-left: 10px;
+ z-index: 5;
+ padding: 0
+}
+.tile-stats h3 {
+ color: #BAB8B8
+}
+.tile-stats p {
+ margin-top: 5px;
+ font-size: 12px
+}
+.tile-stats>.dash-box-footer {
+ position: relative;
+ text-align: center;
+ margin-top: 5px;
+ padding: 3px 0;
+ color: #fff;
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ z-index: 10;
+ background: rgba(0, 0, 0, 0.1);
+ text-decoration: none
+}
+.tile-stats>.dash-box-footer:hover {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.15)
+}
+.tile-stats>.dash-box-footer:hover {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.15)
+}
+table.tile_info {
+ padding: 10px 15px
+}
+table.tile_info span.right {
+ margin-right: 0;
+ float: right;
+ position: absolute;
+ right: 4%
+}
+.tile:hover {
+ text-decoration: none
+}
+.tile_header {
+ border-bottom: transparent;
+ padding: 7px 15px;
+ margin-bottom: 15px;
+ background: #E7E7E7
+}
+.tile_head h4 {
+ margin-top: 0;
+ margin-bottom: 5px
+}
+.tiles-bottom {
+ padding: 5px 10px;
+ margin-top: 10px;
+ background: rgba(194, 194, 194, 0.3);
+ text-align: left
+}
+a.star {
+ color: #428bca !important
+}
+.mail_content {
+ background: none repeat scroll 0 0 #FFFFFF;
+ border-radius: 4px;
+ margin-top: 20px;
+ min-height: 500px;
+ padding: 10px 11px;
+ width: 100%
+}
+.list-btn-mail {
+ margin-bottom: 15px
+}
+.list-btn-mail.active {
+ border-bottom: 1px solid #39B3D7;
+ padding: 0 0 14px
+}
+.list-btn-mail>i {
+ float: left;
+ font-size: 18px;
+ font-style: normal;
+ width: 33px
+}
+.list-btn-mail>.cn {
+ background: none repeat scroll 0 0 #39B3D7;
+ border-radius: 12px;
+ color: #FFFFFF;
+ float: right;
+ font-style: normal;
+ padding: 0 5px
+}
+.button-mail {
+ margin: 0 0 15px !important;
+ text-align: left;
+ width: 100%
+}
+button,
+.buttons,
+.btn,
+.modal-footer .btn+.btn {
+ margin-bottom: 5px;
+ margin-right: 5px
+}
+.btn-group-vertical .btn,
+.btn-group .btn {
+ margin-bottom: 0;
+ margin-right: 0
+}
+.mail_list_column {
+ border-left: 1px solid #DBDBDB
+}
+.mail_view {
+ border-left: 1px solid #DBDBDB
+}
+.mail_list {
+ width: 100%;
+ border-bottom: 1px solid #DBDBDB;
+ margin-bottom: 2px;
+ display: inline-block
+}
+.mail_list .left {
+ width: 5%;
+ float: left;
+ margin-right: 3%
+}
+.mail_list .right {
+ width: 90%;
+ float: left
+}
+.mail_list h3 {
+ font-size: 15px;
+ font-weight: bold;
+ margin: 0px 0 6px
+}
+.mail_list h3 small {
+ float: right;
+ color: #ADABAB;
+ font-size: 11px;
+ line-height: 20px
+}
+.mail_list .badge {
+ padding: 3px 6px;
+ font-size: 8px;
+ background: #BAB7B7
+}
+@media (max-width: 767px) {
+ .mail_list {
+ margin-bottom: 5px;
+ display: inline-block
+ }
+}
+.mail_heading h4 {
+ font-size: 18px;
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 10px;
+ margin-top: 20px
+}
+.attachment {
+ margin-top: 30px
+}
+.attachment ul {
+ width: 100%;
+ list-style: none;
+ padding-left: 0;
+ display: inline-block;
+ margin-bottom: 30px
+}
+.attachment ul li {
+ float: left;
+ width: 150px;
+ margin-right: 10px;
+ margin-bottom: 10px
+}
+.attachment ul li img {
+ height: 150px;
+ border: 1px solid #ddd;
+ padding: 5px;
+ margin-bottom: 10px
+}
+.attachment ul li span {
+ float: right
+}
+.attachment .file-name {
+ float: left
+}
+.attachment .links {
+ width: 100%;
+ display: inline-block
+}
+.compose {
+ padding: 0;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ background: #fff;
+ border: 1px solid #D9DEE4;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-left-radius: 5px;
+ z-index: 9999;
+ display: none
+}
+.compose .compose-header {
+ padding: 5px;
+ background: #169F85;
+ color: #fff;
+ border-top-left-radius: 5px
+}
+.compose .compose-header .close {
+ text-shadow: 0 1px 0 #ffffff;
+ line-height: .8
+}
+.compose .compose-body .editor.btn-toolbar {
+ margin: 0
+}
+.compose .compose-body .editor-wrapper {
+ height: 100%;
+ min-height: 50px;
+ max-height: 180px;
+ border-radius: 0;
+ border-left: none;
+ border-right: none;
+ overflow: auto
+}
+.compose .compose-footer {
+ padding: 10px
+}
+.editor.btn-toolbar {
+ zoom: 1;
+ background: #F7F7F7;
+ margin: 5px 2px;
+ padding: 3px 0;
+ border: 1px solid #EFEFEF
+}
+.input-group {
+ margin-bottom: 10px
+}
+.ln_solid {
+ border-top: 1px solid #e5e5e5;
+ color: #ffffff;
+ background-color: #ffffff;
+ height: 1px;
+ margin: 20px 0
+}
+span.section {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5
+}
+.form-control {
+ border-radius: 0;
+ width: 100%
+}
+.form-horizontal .control-label {
+ padding-top: 8px
+}
+.form-control:focus {
+ border-color: #CCD0D7;
+ box-shadow: none !important
+}
+legend {
+ font-size: 18px;
+ color: inherit
+}
+.form-horizontal .form-group {
+ margin-right: 0;
+ margin-left: 0
+}
+.form-control-feedback {
+ margin-top: 8px;
+ height: 23px;
+ color: #bbb;
+ line-height: 24px;
+ font-size: 15px
+}
+.form-control-feedback.left {
+ border-right: 1px solid #ccc;
+ left: 13px
+}
+.form-control-feedback.right {
+ border-left: 1px solid #ccc;
+ right: 13px
+}
+.form-control.has-feedback-left {
+ padding-left: 45px
+}
+.form-control.has-feedback-right {
+ padding-right: 45px
+}
+.form-group {
+ margin-bottom: 10px
+}
+.validate {
+ margin-top: 10px
+}
+.invalid-form-error-message {
+ margin-top: 10px;
+ padding: 5px
+}
+.invalid-form-error-message.filled {
+ border-left: 2px solid #E74C3C
+}
+p.parsley-success {
+ color: #468847;
+ background-color: #DFF0D8;
+ border: 1px solid #D6E9C6
+}
+p.parsley-error {
+ color: #B94A48;
+ background-color: #F2DEDE;
+ border: 1px solid #EED3D7
+}
+ul.parsley-errors-list {
+ list-style: none;
+ color: #E74C3C;
+ padding-left: 0
+}
+input.parsley-error,
+textarea.parsley-error,
+select.parsley-error {
+ background: #FAEDEC;
+ border: 1px solid #E85445
+}
+.btn-group .parsley-errors-list {
+ display: none
+}
+.bad input,
+.bad select,
+.bad textarea {
+ border: 1px solid #CE5454;
+ box-shadow: 0 0 4px -2px #CE5454;
+ position: relative;
+ left: 0;
+ -moz-animation: .7s 1 shake linear;
+ -webkit-animation: 0.7s 1 shake linear
+}
+.item input,
+.item textarea {
+ transition: 0.42s
+}
+.item .alert {
+ float: left;
+ margin: 0 0 0 20px;
+ padding: 3px 10px;
+ color: #FFF;
+ border-radius: 3px 4px 4px 3px;
+ background-color: #CE5454;
+ max-width: 170px;
+ white-space: pre;
+ position: relative;
+ left: -15px;
+ opacity: 0;
+ z-index: 1;
+ transition: 0.15s ease-out
+}
+.item .alert::after {
+ content: '';
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #CE5454 transparent transparent;
+ border-style: solid;
+ border-width: 11px 7px;
+ position: absolute;
+ left: -13px;
+ top: 1px
+}
+.item.bad .alert {
+ left: 0;
+ opacity: 1
+}
+.inl-bl {
+ display: inline-block
+}
+.well .markup {
+ background: #fff;
+ color: #777;
+ position: relative;
+ padding: 45px 15px 15px;
+ margin: 15px 0 0 0;
+ background-color: #fff;
+ border-radius: 0 0 4px 4px;
+ box-shadow: none
+}
+.well .markup::after {
+ content: "Example";
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ font-size: 12px;
+ font-weight: bold;
+ color: #bbb;
+ text-transform: uppercase;
+ letter-spacing: 1px
+}
+.autocomplete-suggestions {
+ border: 1px solid #e4e4e4;
+ background: #F4F4F4;
+ cursor: default;
+ overflow: auto
+}
+.autocomplete-suggestion {
+ padding: 2px 5px;
+ font-size: 1.2em;
+ white-space: nowrap;
+ overflow: hidden
+}
+.autocomplete-selected {
+ background: #f0f0f0
+}
+.autocomplete-suggestions strong {
+ font-weight: normal;
+ color: #3399ff;
+ font-weight: bolder
+}
+.btn {
+ border-radius: 3px
+}
+a.btn-success,
+a.btn-primary,
+a.btn-warning,
+a.btn-danger {
+ color: #fff
+}
+.btn-success {
+ background: #26B99A;
+ border: 1px solid #169F85
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ background: #169F85
+}
+.btn-dark {
+ color: #E9EDEF;
+ background-color: #4B5F71;
+ border-color: #364B5F
+}
+.btn-dark:hover,
+.btn-dark:focus,
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+ color: #FFFFFF;
+ background-color: #394D5F;
+ border-color: #394D5F
+}
+.btn-round {
+ border-radius: 30px
+}
+.btn.btn-app {
+ position: relative;
+ padding: 15px 5px;
+ margin: 0 0 10px 10px;
+ min-width: 80px;
+ height: 60px;
+ box-shadow: none;
+ border-radius: 0;
+ text-align: center;
+ color: #666;
+ border: 1px solid #ddd;
+ background-color: #fafafa;
+ font-size: 12px
+}
+.btn.btn-app>.fa,
+.btn.btn-app>.glyphicon,
+.btn.btn-app>.ion {
+ font-size: 20px;
+ display: block
+}
+.btn.btn-app:hover {
+ background: #f4f4f4;
+ color: #444;
+ border-color: #aaa
+}
+.btn.btn-app:active,
+.btn.btn-app:focus {
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
+}
+.btn.btn-app>.badge {
+ position: absolute;
+ top: -3px;
+ right: -10px;
+ font-size: 10px;
+ font-weight: 400
+}
+textarea {
+ padding: 10px;
+ vertical-align: top;
+ width: 200px
+}
+textarea:focus {
+ outline-style: solid;
+ outline-width: 2px
+}
+.btn_ {
+ display: inline-block;
+ padding: 3px 9px;
+ margin-bottom: 0;
+ font-size: 14px;
+ line-height: 20px;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ color: #333333;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ background-color: #f5f5f5;
+ background-image: linear-gradient(to bottom, #fff, #e6e6e6);
+ background-repeat: repeat-x;
+ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
+ border: 1px solid #cccccc;
+ border-bottom-color: #b3b3b3;
+ border-radius: 4px;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
+}
+.bs-glyphicons {
+ margin: 0 -10px 20px;
+ overflow: hidden
+}
+.bs-glyphicons-list {
+ padding-left: 0;
+ list-style: none
+}
+.bs-glyphicons li {
+ float: left;
+ width: 25%;
+ height: 115px;
+ padding: 10px;
+ font-size: 10px;
+ line-height: 1.4;
+ text-align: center;
+ background-color: #f9f9f9;
+ border: 1px solid #fff
+}
+.bs-glyphicons .glyphicon {
+ margin-top: 5px;
+ margin-bottom: 10px;
+ font-size: 24px
+}
+.bs-glyphicons .glyphicon-class {
+ display: block;
+ text-align: center;
+ word-wrap: break-word
+}
+.bs-glyphicons li:hover {
+ color: #fff;
+ background-color: #1ABB9C
+}
+@media (min-width: 768px) {
+ .bs-glyphicons {
+ margin-right: 0;
+ margin-left: 0
+ }
+ .bs-glyphicons li {
+ width: 12.5%;
+ font-size: 12px
+ }
+}
+.tagsinput {
+ border: 1px solid #CCC;
+ background: #FFF;
+ padding: 6px 6px 0;
+ width: 300px;
+ overflow-y: auto
+}
+span.tag {
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ display: block;
+ float: left;
+ padding: 5px 9px;
+ text-decoration: none;
+ background: #1ABB9C;
+ color: #F1F6F7;
+ margin-right: 5px;
+ font-weight: 500;
+ margin-bottom: 5px;
+ font-family: helvetica
+}
+span.tag a {
+ color: #F1F6F7 !important
+}
+.tagsinput span.tag a {
+ font-weight: bold;
+ color: #82ad2b;
+ text-decoration: none;
+ font-size: 11px
+}
+.tagsinput input {
+ width: 80px;
+ margin: 0px;
+ font-family: helvetica;
+ font-size: 13px;
+ border: 1px solid transparent;
+ padding: 3px;
+ background: transparent;
+ color: #000;
+ outline: 0px
+}
+.tagsinput div {
+ display: block;
+ float: left
+}
+.tags_clear {
+ clear: both;
+ width: 100%;
+ height: 0px
+}
+.not_valid {
+ background: #FBD8DB !important;
+ color: #90111A !important
+}
+ul.bar_tabs {
+ overflow: visible;
+ background: #F5F7FA;
+ height: 25px;
+ margin: 21px 0 14px;
+ padding-left: 14px;
+ position: relative;
+ z-index: 1;
+ width: 100%;
+ border-bottom: 1px solid #E6E9ED
+}
+ul.bar_tabs>li {
+ border: 1px solid #E6E9ED;
+ color: #333 !important;
+ margin-top: -17px;
+ margin-left: 8px;
+ background: #fff;
+ border-bottom: none;
+ border-radius: 4px 4px 0 0
+}
+ul.bar_tabs>li.active {
+ border-right: 6px solid #D3D6DA;
+ border-top: 0;
+ margin-top: -15px
+}
+ul.bar_tabs>li a {
+ padding: 10px 17px;
+ background: #F5F7FA;
+ margin: 0;
+ border-top-right-radius: 0
+}
+ul.bar_tabs>li a:hover {
+ border: 1px solid transparent
+}
+ul.bar_tabs>li.active a {
+ border-bottom: none
+}
+ul.bar_tabs.right {
+ padding-right: 14px
+}
+ul.bar_tabs.right li {
+ float: right
+}
+a:focus {
+ outline: none
+}
+ul.timeline li {
+ position: relative;
+ border-bottom: 1px solid #e8e8e8;
+ clear: both
+}
+.timeline .block {
+ margin: 0;
+ border-left: 3px solid #e8e8e8;
+ overflow: visible;
+ padding: 10px 15px;
+ margin-left: 105px
+}
+.timeline.widget {
+ min-width: 0;
+ max-width: inherit
+}
+.timeline.widget .block {
+ margin-left: 5px
+}
+.timeline .tags {
+ position: absolute;
+ top: 15px;
+ left: 0;
+ width: 84px
+}
+.timeline .tag {
+ display: block;
+ height: 30px;
+ font-size: 13px;
+ padding: 8px
+}
+.timeline .tag span {
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+.tag {
+ line-height: 1;
+ background: #1ABB9C;
+ color: #fff !important
+}
+.tag:after {
+ content: " ";
+ height: 30px;
+ width: 0;
+ position: absolute;
+ left: 100%;
+ top: 0;
+ margin: 0;
+ pointer-events: none;
+ border-top: 14px solid transparent;
+ border-bottom: 14px solid transparent;
+ border-left: 11px solid #1ABB9C
+}
+.timeline h2.title {
+ position: relative;
+ font-size: 16px;
+ margin: 0
+}
+.timeline h2.title:before {
+ content: "";
+ position: absolute;
+ left: -23px;
+ top: 3px;
+ display: block;
+ width: 14px;
+ height: 14px;
+ border: 3px solid #d2d3d2;
+ border-radius: 14px;
+ background: #f9f9f9
+}
+.timeline .byline {
+ padding: .25em 0
+}
+.byline {
+ -webkit-font-smoothing: antialiased;
+ font-style: italic;
+ font-size: .9375em;
+ line-height: 1.3;
+ color: #aab6aa
+}
+ul.social li {
+ border: 0
+}
+.social-sidebar,
+.social-body {
+ float: right
+}
+.social-sidebar {
+ background: #EDEDED;
+ width: 22%
+}
+.social-body {
+ border: 1px solid #ccc;
+ width: 78%
+}
+.thumb img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%
+}
+.chat .thumb img {
+ width: 27px;
+ height: 27px;
+ border-radius: 50%
+}
+.chat .status {
+ float: left;
+ margin: 16px 0 0 -16px;
+ font-size: 14px;
+ font-weight: bold;
+ width: 12px;
+ height: 12px;
+ display: block;
+ border: 2px solid #FFF;
+ z-index: 12312;
+ border-radius: 50%
+}
+.chat .status.online {
+ background: #1ABB9C
+}
+.chat .status.away {
+ background: #F39C12
+}
+.chat .status.offline {
+ background: #ccc
+}
+.chat .media-body {
+ padding-top: 5px
+}
+.dashboard_graph .x_title {
+ padding: 5px 5px 7px
+}
+.dashboard_graph .x_title h3 {
+ margin: 0;
+ font-weight: normal
+}
+.chart {
+ position: relative;
+ display: inline-block;
+ width: 110px;
+ height: 110px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ text-align: center
+}
+.chart canvas {
+ position: absolute;
+ top: 0;
+ left: 0
+}
+.percent {
+ display: inline-block;
+ line-height: 110px;
+ z-index: 2;
+ font-size: 18px
+}
+.percent:after {
+ content: '%';
+ margin-left: 0.1em;
+ font-size: .8em
+}
+.angular {
+ margin-top: 100px
+}
+.angular .chart {
+ margin-top: 0
+}
+.widget {
+ min-width: 250px;
+ max-width: 310px
+}
+.widget_tally_box .btn-group button {
+ text-align: center
+}
+.widget_tally_box .btn-group button {
+ color: inherit;
+ font-weight: 500;
+ background-color: #f5f5f5;
+ border: 1px solid #e7e7e7
+}
+ul.widget_tally,
+ul.widget_tally li {
+ width: 100%
+}
+ul.widget_tally li {
+ padding: 2px 10px;
+ border-bottom: 1px solid #ECECEC;
+ padding-bottom: 4px
+}
+ul.widget_tally .month {
+ width: 70%;
+ float: left
+}
+ul.widget_tally .count {
+ width: 30%;
+ float: left;
+ text-align: right
+}
+.pie_bg {
+ border-bottom: 1px solid rgba(101, 204, 182, 0.16);
+ padding-bottom: 15px;
+ border-radius: 4px;
+ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+ filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
+ padding-bottom: 10px;
+ box-shadow: 0 4px 6px -6px #222
+}
+.widget_tally_box .flex {
+ display: -ms-flexbox;
+ display: flex
+}
+ul.widget_profile_box {
+ width: 100%;
+ height: 42px;
+ padding: 3px;
+ background: #ececec;
+ margin-top: 40px;
+ margin-left: 1px
+}
+ul.widget_profile_box li:first-child {
+ width: 25%;
+ float: left
+}
+ul.widget_profile_box li:first-child a {
+ float: left
+}
+ul.widget_profile_box li:last-child {
+ width: 25%;
+ float: right
+}
+ul.widget_profile_box li:last-child a {
+ float: right
+}
+ul.widget_profile_box li a {
+ font-size: 22px;
+ text-align: center;
+ width: 35px;
+ height: 35px;
+ border: 1px solid rgba(52, 73, 94, 0.44);
+ display: block;
+ border-radius: 50%;
+ padding: 0px
+}
+ul.widget_profile_box li a:hover {
+ color: #1ABB9C !important;
+ border: 1px solid #26b99a
+}
+ul.widget_profile_box li .profile_img {
+ width: 85px;
+ height: 85px;
+ margin: 0;
+ margin-top: -28px
+}
+.widget_tally_box p,
+.widget_tally_box span {
+ text-align: center
+}
+.widget_tally_box .name {
+ text-align: center;
+ margin: 25px
+}
+.widget_tally_box .name_title {
+ text-align: center;
+ margin: 5px
+}
+.widget_tally_box ul.legend {
+ margin: 0
+}
+.widget_tally_box ul.legend p,
+.widget_tally_box ul.legend span {
+ text-align: left
+}
+.widget_tally_box ul.legend li .icon {
+ font-size: 20px;
+ float: left;
+ width: 14px
+}
+.widget_tally_box ul.legend li .name {
+ font-size: 14px;
+ margin: 5px 0 0 14px;
+ text-overflow: ellipsis;
+ float: left
+}
+.widget_tally_box ul.legend p {
+ display: inline-block;
+ margin: 0
+}
+.widget_tally_box ul.verticle_bars li {
+ height: 140px;
+ width: 23%
+}
+.widget .verticle_bars li .progress.vertical.progress_wide {
+ width: 65%
+}
+ul.count2 {
+ width: 100%;
+ margin-left: 1px;
+ border: 1px solid #ddd;
+ border-left: 0;
+ border-right: 0;
+ padding: 10px 0
+}
+ul.count2 li {
+ width: 30%;
+ text-align: center
+}
+ul.count2 li h3 {
+ font-weight: 400;
+ margin: 0
+}
+ul.count2 li span {
+ font-weight: 300
+}
+.divider {
+ border-bottom: 1px solid #ddd;
+ margin: 10px
+}
+.divider-dashed {
+ border-top: 1px dashed #e7eaec;
+ background-color: #ffffff;
+ height: 1px;
+ margin: 10px 0
+}
+ul.messages {
+ padding: 0;
+ list-style: none
+}
+ul.messages li,
+.tasks li {
+ border-bottom: 1px dotted #e6e6e6;
+ padding: 8px 0
+}
+ul.messages li img.avatar,
+img.avatar {
+ height: 32px;
+ width: 32px;
+ float: left;
+ display: inline-block;
+ border-radius: 2px;
+ padding: 2px;
+ background: #f7f7f7;
+ border: 1px solid #e6e6e6
+}
+ul.messages li .message_date {
+ float: right;
+ text-align: right
+}
+ul.messages li .message_wrapper {
+ margin-left: 50px;
+ margin-right: 40px
+}
+ul.messages li .message_wrapper h4.heading {
+ font-weight: 600;
+ margin: 0;
+ cursor: pointer;
+ margin-bottom: 10px;
+ line-height: 100%
+}
+ul.messages li .message_wrapper blockquote {
+ padding: 0px 10px;
+ margin: 0;
+ border-left: 5px solid #eee
+}
+ul.user_data li {
+ margin-bottom: 6px
+}
+ul.user_data li p {
+ margin-bottom: 0
+}
+ul.user_data li .progress {
+ width: 90%
+}
+.project_progress .progress {
+ margin-bottom: 3px !important;
+ margin-top: 5px
+}
+.projects .list-inline {
+ margin: 0
+}
+.profile_title {
+ background: #F5F7FA;
+ border: 0;
+ padding: 7px 0;
+ display: -ms-flexbox;
+ display: flex
+}
+ul.stats-overview {
+ border-bottom: 1px solid #e8e8e8;
+ padding-bottom: 10px;
+ margin-bottom: 10px
+}
+ul.stats-overview li {
+ display: inline-block;
+ text-align: center;
+ padding: 0 15px;
+ width: 30%;
+ font-size: 14px;
+ border-right: 1px solid #e8e8e8
+}
+ul.stats-overview li:last-child {
+ border-right: 0
+}
+ul.stats-overview li .name {
+ font-size: 12px
+}
+ul.stats-overview li .value {
+ font-size: 14px;
+ font-weight: bold;
+ display: block
+}
+ul.stats-overview li:first-child {
+ padding-left: 0
+}
+ul.project_files li {
+ margin-bottom: 5px
+}
+ul.project_files li a i {
+ width: 20px
+}
+.project_detail p {
+ margin-bottom: 10px
+}
+.project_detail p.title {
+ font-weight: bold;
+ margin-bottom: 0
+}
+.avatar img {
+ border-radius: 50%;
+ max-width: 45px
+}
+.pricing {
+ background: #fff
+}
+.pricing .title {
+ background: #1ABB9C;
+ height: 110px;
+ color: #fff;
+ padding: 15px 0 0;
+ text-align: center
+}
+.pricing .title h2 {
+ text-transform: capitalize;
+ font-size: 18px;
+ border-radius: 5px 5px 0 0;
+ margin: 0;
+ font-weight: 400
+}
+.pricing .title h1 {
+ font-size: 30px;
+ margin: 12px
+}
+.pricing .title span {
+ background: rgba(51, 51, 51, 0.28);
+ padding: 2px 5px
+}
+.pricing_features {
+ background: #FAFAFA;
+ padding: 20px 15px;
+ min-height: 230px;
+ font-size: 13.5px
+}
+.pricing_features ul li {
+ margin-top: 10px
+}
+.pricing_footer {
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ text-align: center;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px
+}
+.pricing_footer p {
+ font-size: 13px;
+ padding: 10px 0 2px;
+ display: block
+}
+.ui-ribbon-container {
+ position: relative
+}
+.ui-ribbon-container .ui-ribbon-wrapper {
+ position: absolute;
+ overflow: hidden;
+ width: 85px;
+ height: 88px;
+ top: -3px;
+ right: -3px
+}
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
+ background-color: #5b90bf
+}
+.ui-ribbon-container .ui-ribbon {
+ position: relative;
+ display: block;
+ text-align: center;
+ font-size: 15px;
+ font-weight: 700;
+ color: #fff;
+ transform: rotate(45deg);
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ line-height: 20px;
+ background-color: #555;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
+}
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
+ border-top: 2px solid #5b90bf
+}
+.ui-ribbon-container .ui-ribbon:before {
+ left: 0;
+ bottom: -1px
+}
+.ui-ribbon-container .ui-ribbon:before {
+ right: 0
+}
+.ui-ribbon-container .ui-ribbon:after,
+.ui-ribbon-container .ui-ribbon:before {
+ position: absolute;
+ content: " ";
+ line-height: 0;
+ border-top: 2px solid #555;
+ border-left: 2px solid transparent;
+ border-right: 2px solid transparent
+}
+.thumbnail .image {
+ height: 120px;
+ overflow: hidden
+}
+.caption {
+ padding: 9px 5px;
+ background: #F7F7F7
+}
+.caption p {
+ margin-bottom: 5px
+}
+.thumbnail {
+ height: 190px;
+ overflow: hidden
+}
+.view {
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ box-shadow: 1px 1px 2px #e6e6e6;
+ cursor: default
+}
+.view .mask,
+.view .content {
+ position: absolute;
+ width: 100%;
+ overflow: hidden;
+ top: 0;
+ left: 0
+}
+.view img {
+ display: block;
+ position: relative
+}
+.view .tools {
+ text-transform: uppercase;
+ color: #fff;
+ text-align: center;
+ position: relative;
+ font-size: 17px;
+ padding: 3px;
+ background: rgba(0, 0, 0, 0.35);
+ margin: 43px 0 0 0
+}
+.mask.no-caption .tools {
+ margin: 90px 0 0 0
+}
+.view .tools a {
+ display: inline-block;
+ color: #FFF;
+ font-size: 18px;
+ font-weight: 400;
+ padding: 0 4px
+}
+.view p {
+ font-family: Georgia, serif;
+ font-style: italic;
+ font-size: 12px;
+ position: relative;
+ color: #fff;
+ padding: 10px 20px 20px;
+ text-align: center
+}
+.view a.info {
+ display: inline-block;
+ text-decoration: none;
+ padding: 7px 14px;
+ background: #000;
+ color: #fff;
+ text-transform: uppercase;
+ box-shadow: 0 0 1px #000
+}
+.view-first img {
+ transition: all 0.2s linear
+}
+.view-first .mask {
+ opacity: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ transition: all 0.4s ease-in-out
+}
+.view-first .tools {
+ transform: translateY(-100px);
+ opacity: 0;
+ transition: all 0.2s ease-in-out
+}
+.view-first p {
+ transform: translateY(100px);
+ opacity: 0;
+ transition: all 0.2s linear
+}
+.view-first:hover img {
+ transform: scale(1.1)
+}
+.view-first:hover .mask {
+ opacity: 1
+}
+.view-first:hover .tools,
+.view-first:hover p {
+ opacity: 1;
+ transform: translateY(0px)
+}
+.view-first:hover p {
+ transition-delay: 0.1s
+}
+.form-group.has-feedback span {
+ display: block !important;
+}
+.form-group .btn {
+ margin-bottom: -6px;
+}
+
+.input-group-btn .btn { margin-bottom:0; }
+
+/*!
+ * bootstrap-vertical-tabs - v1.2.1
+ * https://dbtek.github.io/bootstrap-vertical-tabs
+ * 2014-11-07
+ * Copyright (c) 2014 İsmail Demirbilek
+ * License: MIT
+ */
+
+.tabs-left,
+.tabs-right {
+ border-bottom: none;
+ padding-top: 2px
+}
+.tabs-left {
+ border-right: 1px solid #F7F7F7
+}
+.tabs-right {
+ border-left: 1px solid #F7F7F7
+}
+.tabs-left>li,
+.tabs-right>li {
+ float: none;
+ margin-bottom: 2px
+}
+.tabs-left>li {
+ margin-right: -1px
+}
+.tabs-right>li {
+ margin-left: -1px
+}
+.tabs-left>li.active>a,
+.tabs-left>li.active>a:hover,
+.tabs-left>li.active>a:focus {
+ border-bottom-color: #F7F7F7;
+ border-right-color: transparent
+}
+.tabs-right>li.active>a,
+.tabs-right>li.active>a:hover,
+.tabs-right>li.active>a:focus {
+ border-bottom: 1px solid #F7F7F7;
+ border-left-color: transparent
+}
+.tabs-left>li>a {
+ border-radius: 4px 0 0 4px;
+ margin-right: 0;
+ display: block;
+ background: #F7F7F7;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+.tabs-right>li>a {
+ border-radius: 0 4px 4px 0;
+ margin-right: 0;
+ background: #F7F7F7;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+.sideways {
+ margin-top: 50px;
+ border: none;
+ position: relative
+}
+.sideways>li {
+ height: 20px;
+ width: 120px;
+ margin-bottom: 100px
+}
+.sideways>li>a {
+ border-bottom: 1px solid #ddd;
+ border-right-color: transparent;
+ text-align: center;
+ border-radius: 4px 4px 0px 0px
+}
+.sideways>li.active>a,
+.sideways>li.active>a:hover,
+.sideways>li.active>a:focus {
+ border-bottom-color: transparent;
+ border-right-color: #ddd;
+ border-left-color: #ddd
+}
+.sideways.tabs-left {
+ left: -50px
+}
+.sideways.tabs-right {
+ right: -50px
+}
+.sideways.tabs-right>li {
+ transform: rotate(90deg)
+}
+.sideways.tabs-left>li {
+ transform: rotate(-90deg)
+}
+.morris-hover {
+ position: absolute;
+ z-index: 1000
+}
+.morris-hover.morris-default-style {
+ padding: 6px;
+ color: #666;
+ background: rgba(243, 242, 243, 0.8);
+ border: solid 2px rgba(195, 194, 196, 0.8);
+ font-family: sans-serif;
+ font-size: 12px;
+ text-align: center
+}
+.morris-hover.morris-default-style .morris-hover-row-label {
+ font-weight: bold;
+ margin: 0.25em 0
+}
+.morris-hover.morris-default-style .morris-hover-point {
+ white-space: nowrap;
+ margin: 0.1em 0
+}
+.price {
+ font-size: 40px;
+ font-weight: 400;
+ color: #26B99A;
+ margin: 0
+}
+.prod_title {
+ border-bottom: 1px solid #DFDFDF;
+ padding-bottom: 5px;
+ margin: 30px 0;
+ font-size: 20px;
+ font-weight: 400
+}
+.product-image img {
+ width: 90%
+}
+.prod_color li {
+ margin: 0 10px
+}
+.prod_color li p {
+ margin-bottom: 0
+}
+.prod_size li {
+ padding: 0
+}
+.prod_color .color {
+ width: 25px;
+ height: 25px;
+ border: 2px solid rgba(51, 51, 51, 0.28) !important;
+ padding: 2px;
+ border-radius: 50px
+}
+.product_gallery a {
+ width: 100px;
+ height: 100px;
+ float: left;
+ margin: 10px;
+ border: 1px solid #e5e5e5
+}
+.product_gallery a img {
+ width: 100%;
+ margin-top: 15px
+}
+.product_price {
+ margin: 20px 0;
+ padding: 5px 10px;
+ background-color: #FFFFFF;
+ text-align: left;
+ border: 2px dashed #E0E0E0
+}
+.price-tax {
+ font-size: 18px
+}
+.product_social {
+ margin: 20px 0
+}
+.product_social ul li a i {
+ font-size: 35px
+}
+.login {
+ background: #F7F7F7
+}
+.login .fa-paw {
+ font-size: 26px
+}
+a.hiddenanchor {
+ display: none
+}
+.login_wrapper {
+ right: 0px;
+ margin: 0px auto;
+ margin-top: 5%;
+ max-width: 350px;
+ position: relative
+}
+.registration_form,
+.login_form {
+ position: absolute;
+ top: 0px;
+ width: 100%
+}
+.registration_form {
+ z-index: 21;
+ opacity: 0;
+ width: 100%
+}
+.login_form {
+ z-index: 22
+}
+#signup:target ~ .login_wrapper .registration_form,
+#signin:target ~ .login_wrapper .login_form {
+ z-index: 22;
+ animation-name: fadeInLeft;
+ animation-delay: .1s
+}
+#signup:target ~ .login_wrapper .login_form,
+#signin:target ~ .login_wrapper .registration_form {
+ animation-name: fadeOutLeft
+}
+.animate {
+ -webkit-animation-duration: 0.5s;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-fill-mode: both;
+ -moz-animation-duration: 0.5s;
+ -moz-animation-timing-function: ease;
+ -moz-animation-fill-mode: both;
+ -o-animation-duration: 0.5s;
+ -o-animation-timing-function: ease;
+ -o-animation-fill-mode: both;
+ -ms-animation-duration: 0.5s;
+ -ms-animation-timing-function: ease;
+ -ms-animation-fill-mode: both;
+ animation-duration: 0.5s;
+ animation-timing-function: ease;
+ animation-fill-mode: both
+}
+.login_box {
+ padding: 20px;
+ margin: auto
+}
+.left {
+ float: left
+}
+.alignleft {
+ float: left;
+ margin-right: 15px
+}
+.alignright {
+ float: right;
+ margin-left: 15px
+}
+.clearfix:after,
+form:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden
+}
+.login_content {
+ margin: 0 auto;
+ padding: 25px 0 0;
+ position: relative;
+ text-align: center;
+ text-shadow: 0 1px 0 #fff;
+ min-width: 280px
+}
+.login_content a,
+.login_content .btn-default:hover {
+ text-decoration: none
+}
+.login_content a:hover {
+ text-decoration: underline
+}
+.login_content h1 {
+ font: normal 25px Helvetica, Arial, sans-serif;
+ letter-spacing: -0.05em;
+ line-height: 20px;
+ margin: 10px 0 30px
+}
+.login_content h1:before,
+.login_content h1:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ top: 10px;
+ width: 27%
+}
+.login_content h1:after {
+ background: #7e7e7e;
+ background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
+ right: 0
+}
+.login_content h1:before {
+ background: #7e7e7e;
+ background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
+ left: 0
+}
+.login_content h1:before,
+.login_content h1:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ top: 10px;
+ width: 20%
+}
+.login_content h1:after {
+ background: #7e7e7e;
+ background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
+ right: 0
+}
+.login_content h1:before {
+ background: #7e7e7e;
+ background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
+ left: 0
+}
+.login_content form {
+ margin: 20px 0;
+ position: relative
+}
+.login_content form input[type="text"],
+.login_content form input[type="email"],
+.login_content form input[type="password"] {
+ border-radius: 3px;
+ -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ border: 1px solid #c8c8c8;
+ color: #777;
+ margin: 0 0 20px;
+ width: 100%
+}
+.login_content form input[type="text"]:focus,
+.login_content form input[type="email"]:focus,
+.login_content form input[type="password"]:focus {
+ -ms-box-shadow: 0 0 2px #ed1c24 inset;
+ -o-box-shadow: 0 0 2px #ed1c24 inset;
+ box-shadow: 0 0 2px #A97AAD inset;
+ background-color: #fff;
+ border: 1px solid #A878AF;
+ outline: none
+}
+#username {
+ background-position: 10px 10px !important
+}
+#password {
+ background-position: 10px -53px !important
+}
+.login_content form div a {
+ font-size: 12px;
+ margin: 10px 15px 0 0
+}
+.reset_pass {
+ margin-top: 10px !important
+}
+.login_content div .reset_pass {
+ margin-top: 13px !important;
+ margin-right: 39px;
+ float: right
+}
+.separator {
+ border-top: 1px solid #D8D8D8;
+ margin-top: 10px;
+ padding-top: 10px
+}
+.button {
+ background: #f7f9fa;
+ background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
+ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
+ -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ border-radius: 0 0 5px 5px;
+ border-top: 1px solid #CFD5D9;
+ padding: 15px 0
+}
+.login_content form input[type="submit"],
+#content form .submit {
+ float: left;
+ margin-left: 38px
+}
+.button a {
+ background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
+ color: #7E7E7E;
+ font-size: 17px;
+ padding: 2px 0 2px 40px;
+ text-decoration: none;
+ transition: all 0.3s ease
+}
+.button a:hover {
+ background-position: 0 -135px;
+ color: #00aeef
+}
+header {
+ width: 100%
+}
+#nprogress .bar {
+ background: #1ABB9C
+}
+#nprogress .peg {
+ box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
+}
+#nprogress .spinner-icon {
+ border-top-color: #1ABB9C;
+ border-left-color: #1ABB9C
+}
+.editor-wrapper {
+ min-height: 250px;
+ background-color: white;
+ border-collapse: separate;
+ border: 1px solid #ccc;
+ padding: 4px;
+ box-sizing: content-box;
+ box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+ overflow: scroll;
+ outline: none
+}
+.voiceBtn {
+ width: 20px;
+ color: transparent;
+ background-color: transparent;
+ transform: scale(2, 2);
+ -webkit-transform: scale(2, 2);
+ -moz-transform: scale(2, 2);
+ border: transparent;
+ cursor: pointer;
+ box-shadow: none;
+ -webkit-box-shadow: none
+}
+div[data-role="editor-toolbar"] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+.dropdown-menu a {
+ cursor: pointer
+}
+.select2-container--default .select2-selection--single,
+.select2-container--default .select2-selection--multiple {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 0;
+ min-height: 38px
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ color: #73879C;
+ padding-top: 5px
+}
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ padding-top: 3px
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: 36px
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice,
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+ margin-top: 2px;
+ border: none;
+ border-radius: 0;
+ padding: 3px 5px
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border: 1px solid #ccc
+}
+.switchery {
+ width: 32px;
+ height: 20px
+}
+.switchery>small {
+ width: 20px;
+ height: 20px
+}
+fieldset {
+ border: none;
+ margin: 0;
+ padding: 0
+}
+.cropper .img-container,
+.cropper .img-preview {
+ background-color: #f7f7f7;
+ width: 100%;
+ text-align: center
+}
+.cropper .img-container {
+ min-height: 200px;
+ max-height: 516px;
+ margin-bottom: 20px
+}
+@media (min-width: 768px) {
+ .cropper .img-container {
+ min-height: 516px
+ }
+}
+.cropper .img-container>img {
+ max-width: 100%
+}
+.cropper .docs-preview {
+ margin-right: -15px
+}
+.cropper .img-preview {
+ float: left;
+ margin-right: 10px;
+ margin-bottom: 10px;
+ overflow: hidden
+}
+.cropper .img-preview>img {
+ max-width: 100%
+}
+.cropper .preview-lg {
+ width: 263px;
+ height: 148px
+}
+.cropper .preview-md {
+ width: 139px;
+ height: 78px
+}
+.cropper .preview-sm {
+ width: 69px;
+ height: 39px
+}
+.cropper .preview-xs {
+ width: 35px;
+ height: 20px;
+ margin-right: 0
+}
+.cropper .docs-data>.input-group {
+ margin-bottom: 10px
+}
+.cropper .docs-data>.input-group>label {
+ min-width: 80px
+}
+.cropper .docs-data>.input-group>span {
+ min-width: 50px
+}
+.cropper .docs-buttons>.btn,
+.cropper .docs-buttons>.btn-group,
+.cropper .docs-buttons>.form-control {
+ margin-right: 5px;
+ margin-bottom: 10px
+}
+.cropper .docs-toggles>.btn,
+.cropper .docs-toggles>.btn-group,
+.cropper .docs-toggles>.dropdown {
+ margin-bottom: 10px
+}
+.cropper .docs-tooltip {
+ display: block;
+ margin: -6px -12px;
+ padding: 6px 12px
+}
+.cropper .docs-tooltip>.icon {
+ margin: 0 -3px;
+ vertical-align: top
+}
+.cropper .tooltip-inner {
+ white-space: normal
+}
+.cropper .btn-upload .tooltip-inner,
+.cropper .btn-toggle .tooltip-inner {
+ white-space: nowrap
+}
+.cropper .btn-toggle {
+ padding: 6px
+}
+.cropper .btn-toggle>.docs-tooltip {
+ margin: -6px;
+ padding: 6px
+}
+@media (max-width: 400px) {
+ .cropper .btn-group-crop {
+ margin-right: -15px !important
+ }
+ .cropper .btn-group-crop>.btn {
+ padding-left: 5px;
+ padding-right: 5px
+ }
+ .cropper .btn-group-crop .docs-tooltip {
+ margin-left: -5px;
+ margin-right: -5px;
+ padding-left: 5px;
+ padding-right: 5px
+ }
+}
+.cropper .docs-options .dropdown-menu {
+ width: 100%
+}
+.cropper .docs-options .dropdown-menu>li {
+ padding: 3px 20px
+}
+.cropper .docs-options .dropdown-menu>li:hover {
+ background-color: #f7f7f7
+}
+.cropper .docs-options .dropdown-menu>li>label {
+ display: block
+}
+.cropper .docs-cropped .modal-body {
+ text-align: center
+}
+.cropper .docs-cropped .modal-body>img,
+.cropper .docs-cropped .modal-body>canvas {
+ max-width: 100%
+}
+.cropper .docs-diagram .modal-dialog {
+ max-width: 352px
+}
+.cropper .docs-cropped canvas {
+ max-width: 100%
+}
+.form_wizard .stepContainer {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ border: 0 solid #CCC;
+ overflow-x: hidden
+}
+.wizard_horizontal ul.wizard_steps {
+ display: table;
+ list-style: none;
+ position: relative;
+ width: 100%;
+ margin: 0 0 20px
+}
+.wizard_horizontal ul.wizard_steps li {
+ display: table-cell;
+ text-align: center
+}
+.wizard_horizontal ul.wizard_steps li a,
+.wizard_horizontal ul.wizard_steps li:hover {
+ display: block;
+ position: relative;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ opacity: 1;
+ color: #666
+}
+.wizard_horizontal ul.wizard_steps li a:before {
+ content: "";
+ position: absolute;
+ height: 4px;
+ background: #ccc;
+ top: 20px;
+ width: 100%;
+ z-index: 4;
+ left: 0
+}
+.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
+ background: #ccc
+}
+.wizard_horizontal ul.wizard_steps li a .step_no {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100px;
+ display: block;
+ margin: 0 auto 5px;
+ font-size: 16px;
+ text-align: center;
+ position: relative;
+ z-index: 5
+}
+.wizard_horizontal ul.wizard_steps li a.selected:before,
+.step_no {
+ background: #34495E;
+ color: #fff
+}
+.wizard_horizontal ul.wizard_steps li a.done:before,
+.wizard_horizontal ul.wizard_steps li a.done .step_no {
+ background: #1ABB9C;
+ color: #fff
+}
+.wizard_horizontal ul.wizard_steps li:first-child a:before {
+ left: 50%
+}
+.wizard_horizontal ul.wizard_steps li:last-child a:before {
+ right: 50%;
+ width: 50%;
+ left: auto
+}
+.wizard_verticle .stepContainer {
+ width: 80%;
+ float: left;
+ padding: 0 10px
+}
+.actionBar {
+ width: 100%;
+ border-top: 1px solid #ddd;
+ padding: 10px 5px;
+ text-align: right;
+ margin-top: 10px
+}
+.actionBar .buttonDisabled {
+ cursor: not-allowed;
+ pointer-events: none;
+ opacity: .65;
+ filter: alpha(opacity=65);
+ box-shadow: none
+}
+.actionBar a {
+ margin: 0 3px
+}
+.wizard_verticle .wizard_content {
+ width: 80%;
+ float: left;
+ padding-left: 20px
+}
+.wizard_verticle ul.wizard_steps {
+ display: table;
+ list-style: none;
+ position: relative;
+ width: 20%;
+ float: left;
+ margin: 0 0 20px
+}
+.wizard_verticle ul.wizard_steps li {
+ display: list-item;
+ text-align: center
+}
+.wizard_verticle ul.wizard_steps li a {
+ height: 80px
+}
+.wizard_verticle ul.wizard_steps li a:first-child {
+ margin-top: 20px
+}
+.wizard_verticle ul.wizard_steps li a,
+.wizard_verticle ul.wizard_steps li:hover {
+ display: block;
+ position: relative;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ opacity: 1;
+ color: #666
+}
+.wizard_verticle ul.wizard_steps li a:before {
+ content: "";
+ position: absolute;
+ height: 100%;
+ background: #ccc;
+ top: 20px;
+ width: 4px;
+ z-index: 4;
+ left: 49%
+}
+.wizard_verticle ul.wizard_steps li a.disabled .step_no {
+ background: #ccc
+}
+.wizard_verticle ul.wizard_steps li a .step_no {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100px;
+ display: block;
+ margin: 0 auto 5px;
+ font-size: 16px;
+ text-align: center;
+ position: relative;
+ z-index: 5
+}
+.wizard_verticle ul.wizard_steps li a.selected:before,
+.step_no {
+ background: #34495E;
+ color: #fff
+}
+.wizard_verticle ul.wizard_steps li a.done:before,
+.wizard_verticle ul.wizard_steps li a.done .step_no {
+ background: #1ABB9C;
+ color: #fff
+}
+.wizard_verticle ul.wizard_steps li:first-child a:before {
+ left: 49%
+}
+.wizard_verticle ul.wizard_steps li:last-child a:before {
+ left: 49%;
+ left: auto;
+ width: 0
+}
+.form_wizard .loader {
+ display: none
+}
+.form_wizard .msgBox {
+ display: none
+}
+.progress {
+ border-radius: 0
+}
+.progress-bar-info {
+ background-color: #3498DB
+}
+.progress-bar-success {
+ background-color: #26B99A
+}
+.progress_summary .progress {
+ margin: 5px 0 12px !important
+}
+.progress_summary .row {
+ margin-bottom: 5px
+}
+.progress_summary .row .col-xs-2 {
+ padding: 0
+}
+.progress_summary .more_info span {
+ text-align: right;
+ float: right
+}
+.progress_summary .data span {
+ text-align: right;
+ float: right
+}
+.progress_summary p {
+ margin-bottom: 3px;
+ width: 100%
+}
+.progress_title .left {
+ float: left;
+ text-align: left
+}
+.progress_title .right {
+ float: right;
+ text-align: right;
+ font-weight: 300
+}
+.progress.progress_sm {
+ border-radius: 0;
+ margin-bottom: 18px;
+ height: 10px !important
+}
+.progress.progress_sm .progress-bar {
+ height: 10px !important
+}
+.dashboard_graph p {
+ margin: 0 0 4px
+}
+ul.verticle_bars {
+ width: 100%
+}
+ul.verticle_bars li {
+ width: 23%;
+ height: 200px;
+ margin: 0
+}
+.progress.vertical.progress_wide {
+ width: 35px
+}
+.alert-success {
+ color: #ffffff;
+ background-color: rgba(38, 185, 154, 0.88);
+ border-color: rgba(38, 185, 154, 0.88)
+}
+.alert-info {
+ color: #E9EDEF;
+ background-color: rgba(52, 152, 219, 0.88);
+ border-color: rgba(52, 152, 219, 0.88)
+}
+.alert-warning {
+ color: #E9EDEF;
+ background-color: rgba(243, 156, 18, 0.88);
+ border-color: rgba(243, 156, 18, 0.88)
+}
+.alert-danger,
+.alert-error {
+ color: #E9EDEF;
+ background-color: rgba(231, 76, 60, 0.88);
+ border-color: rgba(231, 76, 60, 0.88)
+}
+.ui-pnotify.dark .ui-pnotify-container {
+ color: #E9EDEF;
+ background-color: rgba(52, 73, 94, 0.88);
+ border-color: rgba(52, 73, 94, 0.88)
+}
+.custom-notifications {
+ position: fixed;
+ margin: 15px;
+ right: 0;
+ float: right;
+ width: 400px;
+ z-index: 4000;
+ bottom: 0
+}
+ul.notifications {
+ float: right;
+ display: block;
+ margin-bottom: 7px;
+ padding: 0;
+ width: 100%
+}
+.notifications li {
+ float: right;
+ margin: 3px;
+ width: 36px;
+ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
+}
+.notifications li:last-child {
+ margin-left: 0
+}
+.notifications a {
+ display: block;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ padding: 9px 8px
+}
+.tabbed_notifications .text {
+ padding: 5px 15px;
+ height: 140px;
+ border-radius: 7px;
+ box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3)
+}
+.tabbed_notifications div p {
+ display: inline-block
+}
+.tabbed_notifications h2 {
+ font-weight: bold;
+ text-transform: uppercase;
+ width: 80%;
+ float: left;
+ height: 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ display: block
+}
+.tabbed_notifications .close {
+ padding: 5px;
+ color: #E9EDEF;
+ float: right;
+ opacity: 1
+}
+.fc-state-default {
+ background: #f5f5f5;
+ color: #73879C
+}
+.fc-state-down,
+.fc-state-active {
+ color: #333;
+ background: #ccc
+}
+.dropzone {
+ min-height: 300px;
+ border: 1px solid #e5e5e5
+}
+
+/*
+.x_content {
+ direction: rtl;
+}
+*/
+
+.main_menu .label {
+ line-height: 11px;
+ margin-top: 4px;
+}
+@media (max-width: 460px) {
+ .dataTables_wrapper .col-sm-6 {
+ width: 100%;
+ margin-bottom: 5px;
+ }
+ .dataTables_wrapper .col-sm-6 .dataTables_filter {
+ float: none;
+ }
+}
+
+
+@media (max-width: 767px) {
+ .dataTables_length { float:none; }
+}
+
+
+
+
+/* CSS3 Checkbox */
+/*
+.checkbox-input { display:block;position:relative; }
+.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }
+
+
+ #input + label:after {
+ content: 'click my input';
+ color: blue;
+ }
+
+ #input:focus + label:after {
+ content: 'not valid yet';
+ color: blue;
+ }
+
+ #input:valid + label:after {
+ content: 'looks good';
+ color: red;
+ }
+
+/* CSS3 Checkbox - end */
+/*
+
+/*
+.checkbox { display: block;position:relative;cursor:pointer; }
+.checkbox input { position:absolute;z-index:-1;opacity:0;left:0;top:0; }
+.checkbox div { position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
+.checkbox input:checked ~ div { background: #1ABC9C; }
+.checkbox:hover input:not([disabled]):checked ~ div,
+.checkbox input:checked:focus ~ div { background: #1ABC9C; }
+.checkbox input:disabled ~ div { background: #1ABC9C;opacity: 0.6;pointer-events: none; }
+.checkbox div:after { content: '';position: absolute;display: none; }
+.checkbox input:checked ~ div:after { display: block; }
+.checkbox-wp div:after { left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
+.checkbox-wp input:disabled ~ div:after { border-color: #F2F2F2; }
+
+
+.checkbox-radio div { border-radius: 50%; }
+.checkbox-radio div:after { left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
+.checkbox-radio input:disabled ~ div:after { background: #F2F2F2; }
+
+
+.checkbox, .radio { margin-top:-3px; }
+
+table thead .checkbox { margin-top:-7px;margin-top:-21px; }
+table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
+*/
+
+.daterangepicker.xdisplay { width:228px; }
+
+.dataTables_wrapper > .row{
+ overflow:auto !important; /*prevent datatables overflowing its container*/
+}
diff --git a/backend/assets/js/custom.js b/backend/assets/js/custom.js
new file mode 100644
index 0000000..5329989
--- /dev/null
+++ b/backend/assets/js/custom.js
@@ -0,0 +1,5067 @@
+/**
+ * Resize function without multiple trigger
+ *
+ * Usage:
+ * $(window).smartresize(function(){
+ * // code here
+ * });
+ */
+(function($,sr){
+ // debouncing function from John Hann
+ // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+ var debounce = function (func, threshold, execAsap) {
+ var timeout;
+
+ return function debounced () {
+ var obj = this, args = arguments;
+ function delayed () {
+ if (!execAsap)
+ func.apply(obj, args);
+ timeout = null;
+ }
+
+ if (timeout)
+ clearTimeout(timeout);
+ else if (execAsap)
+ func.apply(obj, args);
+
+ timeout = setTimeout(delayed, threshold || 100);
+ };
+ };
+
+ // smartresize
+ jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery,'smartresize');
+/**
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
+ $BODY = $('body'),
+ $MENU_TOGGLE = $('#menu_toggle'),
+ $SIDEBAR_MENU = $('#sidebar-menu'),
+ $SIDEBAR_FOOTER = $('.sidebar-footer'),
+ $LEFT_COL = $('.left_col'),
+ $RIGHT_COL = $('.right_col'),
+ $NAV_MENU = $('.nav_menu'),
+ $FOOTER = $('footer');
+
+
+
+// Sidebar
+function init_sidebar() {
+// TODO: This is some kind of easy fix, maybe we can improve this
+var setContentHeight = function () {
+ // reset height
+ $RIGHT_COL.css('min-height', $(window).height());
+
+ var bodyHeight = $BODY.outerHeight(),
+ footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
+ leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
+ contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
+
+ // normalize content
+ contentHeight -= $NAV_MENU.height() + footerHeight;
+
+ $RIGHT_COL.css('min-height', contentHeight);
+};
+
+ $SIDEBAR_MENU.find('a').on('click', function(ev) {
+ console.log('clicked - sidebar_menu');
+ var $li = $(this).parent();
+
+ if ($li.is('.active')) {
+ $li.removeClass('active active-sm');
+ $('ul:first', $li).slideUp(function() {
+ setContentHeight();
+ });
+ } else {
+ // prevent closing menu if we are on child menu
+ if (!$li.parent().is('.child_menu')) {
+ $SIDEBAR_MENU.find('li').removeClass('active active-sm');
+ $SIDEBAR_MENU.find('li ul').slideUp();
+ }else
+ {
+ if ( $BODY.is( ".nav-sm" ) )
+ {
+ $SIDEBAR_MENU.find( "li" ).removeClass( "active active-sm" );
+ $SIDEBAR_MENU.find( "li ul" ).slideUp();
+ }
+ }
+ $li.addClass('active');
+
+ $('ul:first', $li).slideDown(function() {
+ setContentHeight();
+ });
+ }
+ });
+
+// toggle small or large menu
+$MENU_TOGGLE.on('click', function() {
+ console.log('clicked - menu toggle');
+
+ if ($BODY.hasClass('nav-md')) {
+ $SIDEBAR_MENU.find('li.active ul').hide();
+ $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
+ } else {
+ $SIDEBAR_MENU.find('li.active-sm ul').show();
+ $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
+ }
+
+ $BODY.toggleClass('nav-md nav-sm');
+
+ setContentHeight();
+});
+
+ // check active menu
+ $SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
+
+ $SIDEBAR_MENU.find('a').filter(function () {
+ return this.href == CURRENT_URL;
+ }).parent('li').addClass('current-page').parents('ul').slideDown(function() {
+ setContentHeight();
+ }).parent().addClass('active');
+
+ // recompute content when resizing
+ $(window).smartresize(function(){
+ setContentHeight();
+ });
+
+ setContentHeight();
+
+ // fixed sidebar
+ if ($.fn.mCustomScrollbar) {
+ $('.menu_fixed').mCustomScrollbar({
+ autoHideScrollbar: true,
+ theme: 'minimal',
+ mouseWheel:{ preventDefault: true }
+ });
+ }
+};
+// /Sidebar
+
+ var randNum = function() {
+ return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
+ };
+
+
+// Panel toolbox
+$(document).ready(function() {
+ $('.collapse-link').on('click', function() {
+ var $BOX_PANEL = $(this).closest('.x_panel'),
+ $ICON = $(this).find('i'),
+ $BOX_CONTENT = $BOX_PANEL.find('.x_content');
+
+ // fix for some div with hardcoded fix class
+ if ($BOX_PANEL.attr('style')) {
+ $BOX_CONTENT.slideToggle(200, function(){
+ $BOX_PANEL.removeAttr('style');
+ });
+ } else {
+ $BOX_CONTENT.slideToggle(200);
+ $BOX_PANEL.css('height', 'auto');
+ }
+
+ $ICON.toggleClass('fa-chevron-up fa-chevron-down');
+ });
+
+ $('.close-link').click(function () {
+ var $BOX_PANEL = $(this).closest('.x_panel');
+
+ $BOX_PANEL.remove();
+ });
+});
+// /Panel toolbox
+
+// Tooltip
+$(document).ready(function() {
+ $('[data-toggle="tooltip"]').tooltip({
+ container: 'body'
+ });
+});
+// /Tooltip
+
+// Progressbar
+if ($(".progress .progress-bar")[0]) {
+ $('.progress .progress-bar').progressbar();
+}
+// /Progressbar
+
+// Switchery
+$(document).ready(function() {
+ if ($(".js-switch")[0]) {
+ var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
+ elems.forEach(function (html) {
+ var switchery = new Switchery(html, {
+ color: '#26B99A'
+ });
+ });
+ }
+});
+// /Switchery
+
+
+// iCheck
+$(document).ready(function() {
+ if ($("input.flat")[0]) {
+ $(document).ready(function () {
+ $('input.flat').iCheck({
+ checkboxClass: 'icheckbox_flat-green',
+ radioClass: 'iradio_flat-green'
+ });
+ });
+ }
+});
+// /iCheck
+
+// Table
+$('table input').on('ifChecked', function () {
+ checkState = '';
+ $(this).parent().parent().parent().addClass('selected');
+ countChecked();
+});
+$('table input').on('ifUnchecked', function () {
+ checkState = '';
+ $(this).parent().parent().parent().removeClass('selected');
+ countChecked();
+});
+
+var checkState = '';
+
+$('.bulk_action input').on('ifChecked', function () {
+ checkState = '';
+ $(this).parent().parent().parent().addClass('selected');
+ countChecked();
+});
+$('.bulk_action input').on('ifUnchecked', function () {
+ checkState = '';
+ $(this).parent().parent().parent().removeClass('selected');
+ countChecked();
+});
+$('.bulk_action input#check-all').on('ifChecked', function () {
+ checkState = 'all';
+ countChecked();
+});
+$('.bulk_action input#check-all').on('ifUnchecked', function () {
+ checkState = 'none';
+ countChecked();
+});
+
+function countChecked() {
+ if (checkState === 'all') {
+ $(".bulk_action input[name='table_records']").iCheck('check');
+ }
+ if (checkState === 'none') {
+ $(".bulk_action input[name='table_records']").iCheck('uncheck');
+ }
+
+ var checkCount = $(".bulk_action input[name='table_records']:checked").length;
+
+ if (checkCount) {
+ $('.column-title').hide();
+ $('.bulk-actions').show();
+ $('.action-cnt').html(checkCount + ' Records Selected');
+ } else {
+ $('.column-title').show();
+ $('.bulk-actions').hide();
+ }
+}
+
+
+
+// Accordion
+$(document).ready(function() {
+ $(".expand").on("click", function () {
+ $(this).next().slideToggle(200);
+ $expand = $(this).find(">:first-child");
+
+ if ($expand.text() == "+") {
+ $expand.text("-");
+ } else {
+ $expand.text("+");
+ }
+ });
+});
+
+// NProgress
+if (typeof NProgress != 'undefined') {
+ $(document).ready(function () {
+ NProgress.start();
+ });
+
+ $(window).load(function () {
+ NProgress.done();
+ });
+}
+
+
+ //hover and retain popover when on popover content
+ var originalLeave = $.fn.popover.Constructor.prototype.leave;
+ $.fn.popover.Constructor.prototype.leave = function(obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
+ var container, timeout;
+
+ originalLeave.call(this, obj);
+
+ if (obj.currentTarget) {
+ container = $(obj.currentTarget).siblings('.popover');
+ timeout = self.timeout;
+ container.one('mouseenter', function() {
+ //We entered the actual popover – call off the dogs
+ clearTimeout(timeout);
+ //Let's monitor popover content instead
+ container.one('mouseleave', function() {
+ $.fn.popover.Constructor.prototype.leave.call(self, self);
+ });
+ });
+ }
+ };
+
+ $('body').popover({
+ selector: '[data-popover]',
+ trigger: 'click hover',
+ delay: {
+ show: 50,
+ hide: 400
+ }
+ });
+
+
+ function gd(year, month, day) {
+ return new Date(year, month - 1, day).getTime();
+ }
+
+
+ function init_flot_chart(){
+
+ if( typeof ($.plot) === 'undefined'){ return; }
+
+ console.log('init_flot_chart');
+
+
+
+ var arr_data1 = [
+ [gd(2012, 1, 1), 17],
+ [gd(2012, 1, 2), 74],
+ [gd(2012, 1, 3), 6],
+ [gd(2012, 1, 4), 39],
+ [gd(2012, 1, 5), 20],
+ [gd(2012, 1, 6), 85],
+ [gd(2012, 1, 7), 7]
+ ];
+
+ var arr_data2 = [
+ [gd(2012, 1, 1), 82],
+ [gd(2012, 1, 2), 23],
+ [gd(2012, 1, 3), 66],
+ [gd(2012, 1, 4), 9],
+ [gd(2012, 1, 5), 119],
+ [gd(2012, 1, 6), 6],
+ [gd(2012, 1, 7), 9]
+ ];
+
+ var arr_data3 = [
+ [0, 1],
+ [1, 9],
+ [2, 6],
+ [3, 10],
+ [4, 5],
+ [5, 17],
+ [6, 6],
+ [7, 10],
+ [8, 7],
+ [9, 11],
+ [10, 35],
+ [11, 9],
+ [12, 12],
+ [13, 5],
+ [14, 3],
+ [15, 4],
+ [16, 9]
+ ];
+
+ var chart_plot_02_data = [];
+
+ var chart_plot_03_data = [
+ [0, 1],
+ [1, 9],
+ [2, 6],
+ [3, 10],
+ [4, 5],
+ [5, 17],
+ [6, 6],
+ [7, 10],
+ [8, 7],
+ [9, 11],
+ [10, 35],
+ [11, 9],
+ [12, 12],
+ [13, 5],
+ [14, 3],
+ [15, 4],
+ [16, 9]
+ ];
+
+
+ for (var i = 0; i < 30; i++) {
+ chart_plot_02_data.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
+ }
+
+
+ var chart_plot_01_settings = {
+ series: {
+ lines: {
+ show: false,
+ fill: true
+ },
+ splines: {
+ show: true,
+ tension: 0.4,
+ lineWidth: 1,
+ fill: 0.4
+ },
+ points: {
+ radius: 0,
+ show: true
+ },
+ shadowSize: 2
+ },
+ grid: {
+ verticalLines: true,
+ hoverable: true,
+ clickable: true,
+ tickColor: "#d5d5d5",
+ borderWidth: 1,
+ color: '#fff'
+ },
+ colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
+ xaxis: {
+ tickColor: "rgba(51, 51, 51, 0.06)",
+ mode: "time",
+ tickSize: [1, "day"],
+ //tickLength: 10,
+ axisLabel: "Date",
+ axisLabelUseCanvas: true,
+ axisLabelFontSizePixels: 12,
+ axisLabelFontFamily: 'Verdana, Arial',
+ axisLabelPadding: 10
+ },
+ yaxis: {
+ ticks: 8,
+ tickColor: "rgba(51, 51, 51, 0.06)",
+ },
+ tooltip: false
+ }
+
+ var chart_plot_02_settings = {
+ grid: {
+ show: true,
+ aboveData: true,
+ color: "#3f3f3f",
+ labelMargin: 10,
+ axisMargin: 0,
+ borderWidth: 0,
+ borderColor: null,
+ minBorderMargin: 5,
+ clickable: true,
+ hoverable: true,
+ autoHighlight: true,
+ mouseActiveRadius: 100
+ },
+ series: {
+ lines: {
+ show: true,
+ fill: true,
+ lineWidth: 2,
+ steps: false
+ },
+ points: {
+ show: true,
+ radius: 4.5,
+ symbol: "circle",
+ lineWidth: 3.0
+ }
+ },
+ legend: {
+ position: "ne",
+ margin: [0, -25],
+ noColumns: 0,
+ labelBoxBorderColor: null,
+ labelFormatter: function(label, series) {
+ return label + ' ';
+ },
+ width: 40,
+ height: 1
+ },
+ colors: ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'],
+ shadowSize: 0,
+ tooltip: true,
+ tooltipOpts: {
+ content: "%s: %y.0",
+ xDateFormat: "%d/%m",
+ shifts: {
+ x: -30,
+ y: -50
+ },
+ defaultTheme: false
+ },
+ yaxis: {
+ min: 0
+ },
+ xaxis: {
+ mode: "time",
+ minTickSize: [1, "day"],
+ timeformat: "%d/%m/%y",
+ min: chart_plot_02_data[0][0],
+ max: chart_plot_02_data[20][0]
+ }
+ };
+
+ var chart_plot_03_settings = {
+ series: {
+ curvedLines: {
+ apply: true,
+ active: true,
+ monotonicFit: true
+ }
+ },
+ colors: ["#26B99A"],
+ grid: {
+ borderWidth: {
+ top: 0,
+ right: 0,
+ bottom: 1,
+ left: 1
+ },
+ borderColor: {
+ bottom: "#7F8790",
+ left: "#7F8790"
+ }
+ }
+ };
+
+
+ if ($("#chart_plot_01").length){
+ console.log('Plot1');
+
+ $.plot( $("#chart_plot_01"), [ arr_data1, arr_data2 ], chart_plot_01_settings );
+ }
+
+
+ if ($("#chart_plot_02").length){
+ console.log('Plot2');
+
+ $.plot( $("#chart_plot_02"),
+ [{
+ label: "Email Sent",
+ data: chart_plot_02_data,
+ lines: {
+ fillColor: "rgba(150, 202, 89, 0.12)"
+ },
+ points: {
+ fillColor: "#fff" }
+ }], chart_plot_02_settings);
+
+ }
+
+ if ($("#chart_plot_03").length){
+ console.log('Plot3');
+
+
+ $.plot($("#chart_plot_03"), [{
+ label: "Registrations",
+ data: chart_plot_03_data,
+ lines: {
+ fillColor: "rgba(150, 202, 89, 0.12)"
+ },
+ points: {
+ fillColor: "#fff"
+ }
+ }], chart_plot_03_settings);
+
+ };
+
+ }
+
+
+ /* STARRR */
+
+ function init_starrr() {
+
+ if( typeof (starrr) === 'undefined'){ return; }
+ console.log('init_starrr');
+
+ $(".stars").starrr();
+
+ $('.stars-existing').starrr({
+ rating: 4
+ });
+
+ $('.stars').on('starrr:change', function (e, value) {
+ $('.stars-count').html(value);
+ });
+
+ $('.stars-existing').on('starrr:change', function (e, value) {
+ $('.stars-count-existing').html(value);
+ });
+
+ };
+
+
+ function init_JQVmap(){
+
+ //console.log('check init_JQVmap [' + typeof (VectorCanvas) + '][' + typeof (jQuery.fn.vectorMap) + ']' );
+
+ if(typeof (jQuery.fn.vectorMap) === 'undefined'){ return; }
+
+ console.log('init_JQVmap');
+
+ if ($('#world-map-gdp').length ){
+
+ $('#world-map-gdp').vectorMap({
+ map: 'world_en',
+ backgroundColor: null,
+ color: '#ffffff',
+ hoverOpacity: 0.7,
+ selectedColor: '#666666',
+ enableZoom: true,
+ showTooltip: true,
+ values: sample_data,
+ scaleColors: ['#E6F2F0', '#149B7E'],
+ normalizeFunction: 'polynomial'
+ });
+
+ }
+
+ if ($('#usa_map').length ){
+
+ $('#usa_map').vectorMap({
+ map: 'usa_en',
+ backgroundColor: null,
+ color: '#ffffff',
+ hoverOpacity: 0.7,
+ selectedColor: '#666666',
+ enableZoom: true,
+ showTooltip: true,
+ values: sample_data,
+ scaleColors: ['#E6F2F0', '#149B7E'],
+ normalizeFunction: 'polynomial'
+ });
+
+ }
+
+ };
+
+
+ function init_skycons(){
+
+ if( typeof (Skycons) === 'undefined'){ return; }
+ console.log('init_skycons');
+
+ var icons = new Skycons({
+ "color": "#73879C"
+ }),
+ list = [
+ "clear-day", "clear-night", "partly-cloudy-day",
+ "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
+ "fog"
+ ],
+ i;
+
+ for (i = list.length; i--;)
+ icons.set(list[i], list[i]);
+
+ icons.play();
+
+ }
+
+
+ function init_chart_doughnut(){
+
+ if( typeof (Chart) === 'undefined'){ return; }
+
+ console.log('init_chart_doughnut');
+
+ if ($('.canvasDoughnut').length){
+
+ var chart_doughnut_settings = {
+ type: 'doughnut',
+ tooltipFillColor: "rgba(51, 51, 51, 0.55)",
+ data: {
+ labels: [
+ "Symbian",
+ "Blackberry",
+ "Other",
+ "Android",
+ "IOS"
+ ],
+ datasets: [{
+ data: [15, 20, 30, 10, 30],
+ backgroundColor: [
+ "#BDC3C7",
+ "#9B59B6",
+ "#E74C3C",
+ "#26B99A",
+ "#3498DB"
+ ],
+ hoverBackgroundColor: [
+ "#CFD4D8",
+ "#B370CF",
+ "#E95E4F",
+ "#36CAAB",
+ "#49A9EA"
+ ]
+ }]
+ },
+ options: {
+ legend: false,
+ responsive: false
+ }
+ }
+
+ $('.canvasDoughnut').each(function(){
+
+ var chart_element = $(this);
+ var chart_doughnut = new Chart( chart_element, chart_doughnut_settings);
+
+ });
+
+ }
+
+ }
+
+ function init_gauge() {
+
+ if( typeof (Gauge) === 'undefined'){ return; }
+
+ console.log('init_gauge [' + $('.gauge-chart').length + ']');
+
+ console.log('init_gauge');
+
+
+ var chart_gauge_settings = {
+ lines: 12,
+ angle: 0,
+ lineWidth: 0.4,
+ pointer: {
+ length: 0.75,
+ strokeWidth: 0.042,
+ color: '#1D212A'
+ },
+ limitMax: 'false',
+ colorStart: '#1ABC9C',
+ colorStop: '#1ABC9C',
+ strokeColor: '#F0F3F3',
+ generateGradient: true
+ };
+
+
+ if ($('#chart_gauge_01').length){
+
+ var chart_gauge_01_elem = document.getElementById('chart_gauge_01');
+ var chart_gauge_01 = new Gauge(chart_gauge_01_elem).setOptions(chart_gauge_settings);
+
+ }
+
+
+ if ($('#gauge-text').length){
+
+ chart_gauge_01.maxValue = 6000;
+ chart_gauge_01.animationSpeed = 32;
+ chart_gauge_01.set(3200);
+ chart_gauge_01.setTextField(document.getElementById("gauge-text"));
+
+ }
+
+ if ($('#chart_gauge_02').length){
+
+ var chart_gauge_02_elem = document.getElementById('chart_gauge_02');
+ var chart_gauge_02 = new Gauge(chart_gauge_02_elem).setOptions(chart_gauge_settings);
+
+ }
+
+
+ if ($('#gauge-text2').length){
+
+ chart_gauge_02.maxValue = 9000;
+ chart_gauge_02.animationSpeed = 32;
+ chart_gauge_02.set(2400);
+ chart_gauge_02.setTextField(document.getElementById("gauge-text2"));
+
+ }
+
+
+ }
+
+ /* SPARKLINES */
+
+ function init_sparklines() {
+
+ if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; }
+ console.log('init_sparklines');
+
+
+ $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+ type: 'bar',
+ height: '125',
+ barWidth: 13,
+ colorMap: {
+ '7': '#a1a1a1'
+ },
+ barSpacing: 2,
+ barColor: '#26B99A'
+ });
+
+
+ $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+ type: 'bar',
+ height: '40',
+ barWidth: 9,
+ colorMap: {
+ '7': '#a1a1a1'
+ },
+ barSpacing: 2,
+ barColor: '#26B99A'
+ });
+
+
+ $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+ type: 'line',
+ width: '200',
+ height: '40',
+ lineColor: '#26B99A',
+ fillColor: 'rgba(223, 223, 223, 0.57)',
+ lineWidth: 2,
+ spotColor: '#26B99A',
+ minSpotColor: '#26B99A'
+ });
+
+
+ $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], {
+ type: 'bar',
+ height: '40',
+ barWidth: 8,
+ colorMap: {
+ '7': '#a1a1a1'
+ },
+ barSpacing: 2,
+ barColor: '#26B99A'
+ });
+
+
+ $(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], {
+ type: 'line',
+ height: '40',
+ width: '200',
+ lineColor: '#26B99A',
+ fillColor: '#ffffff',
+ lineWidth: 3,
+ spotColor: '#34495E',
+ minSpotColor: '#34495E'
+ });
+
+
+ $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
+ type: 'bar',
+ colorMap: {
+ '7': '#a1a1a1'
+ },
+ barColor: '#26B99A'
+ });
+
+
+ $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], {
+ type: 'line',
+ lineColor: '#26B99A',
+ fillColor: '#26B99A',
+ spotColor: '#4578a0',
+ minSpotColor: '#728fb2',
+ maxSpotColor: '#6d93c4',
+ highlightSpotColor: '#ef5179',
+ highlightLineColor: '#8ba8bf',
+ spotRadius: 2.5,
+ width: 85
+ });
+
+
+ $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
+ type: 'line',
+ lineColor: '#26B99A',
+ fillColor: '#ffffff',
+ width: 85,
+ spotColor: '#34495E',
+ minSpotColor: '#34495E'
+ });
+
+
+ $(".sparkline_pie").sparkline([1, 1, 2, 1], {
+ type: 'pie',
+ sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2']
+ });
+
+
+ $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], {
+ type: 'discrete',
+ barWidth: 3,
+ lineColor: '#26B99A',
+ width: '85',
+ });
+
+
+ };
+
+
+ /* AUTOCOMPLETE */
+
+ function init_autocomplete() {
+
+ if( typeof (autocomplete) === 'undefined'){ return; }
+ console.log('init_autocomplete');
+
+ var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" };
+
+ var countriesArray = $.map(countries, function(value, key) {
+ return {
+ value: value,
+ data: key
+ };
+ });
+
+ // initialize autocomplete with custom appendTo
+ $('#autocomplete-custom-append').autocomplete({
+ lookup: countriesArray
+ });
+
+ };
+
+ /* AUTOSIZE */
+
+ function init_autosize() {
+
+ if(typeof $.fn.autosize !== 'undefined'){
+
+ autosize($('.resizable_textarea'));
+
+ }
+
+ };
+
+ /* PARSLEY */
+
+ function init_parsley() {
+
+ if( typeof (parsley) === 'undefined'){ return; }
+ console.log('init_parsley');
+
+ $/*.listen*/('parsley:field:validate', function() {
+ validateFront();
+ });
+ $('#demo-form .btn').on('click', function() {
+ $('#demo-form').parsley().validate();
+ validateFront();
+ });
+ var validateFront = function() {
+ if (true === $('#demo-form').parsley().isValid()) {
+ $('.bs-callout-info').removeClass('hidden');
+ $('.bs-callout-warning').addClass('hidden');
+ } else {
+ $('.bs-callout-info').addClass('hidden');
+ $('.bs-callout-warning').removeClass('hidden');
+ }
+ };
+
+ $/*.listen*/('parsley:field:validate', function() {
+ validateFront();
+ });
+ $('#demo-form2 .btn').on('click', function() {
+ $('#demo-form2').parsley().validate();
+ validateFront();
+ });
+ var validateFront = function() {
+ if (true === $('#demo-form2').parsley().isValid()) {
+ $('.bs-callout-info').removeClass('hidden');
+ $('.bs-callout-warning').addClass('hidden');
+ } else {
+ $('.bs-callout-info').addClass('hidden');
+ $('.bs-callout-warning').removeClass('hidden');
+ }
+ };
+
+ try {
+ hljs.initHighlightingOnLoad();
+ } catch (err) {}
+
+ };
+
+
+ /* INPUTS */
+
+ function onAddTag(tag) {
+ alert("Added a tag: " + tag);
+ }
+
+ function onRemoveTag(tag) {
+ alert("Removed a tag: " + tag);
+ }
+
+ function onChangeTag(input, tag) {
+ alert("Changed a tag: " + tag);
+ }
+
+ //tags input
+ function init_TagsInput() {
+
+ if(typeof $.fn.tagsInput !== 'undefined'){
+
+ $('#tags_1').tagsInput({
+ width: 'auto'
+ });
+
+ }
+
+ };
+
+ /* SELECT2 */
+
+ function init_select2() {
+
+ if( typeof (select2) === 'undefined'){ return; }
+ console.log('init_toolbox');
+
+ $(".select2_single").select2({
+ placeholder: "Select a state",
+ allowClear: true
+ });
+ $(".select2_group").select2({});
+ $(".select2_multiple").select2({
+ maximumSelectionLength: 4,
+ placeholder: "With Max Selection limit 4",
+ allowClear: true
+ });
+
+ };
+
+ /* WYSIWYG EDITOR */
+
+ function init_wysiwyg() {
+
+ if( typeof ($.fn.wysiwyg) === 'undefined'){ return; }
+ console.log('init_wysiwyg');
+
+ function init_ToolbarBootstrapBindings() {
+ var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
+ 'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
+ 'Times New Roman', 'Verdana'
+ ],
+ fontTarget = $('[title=Font]').siblings('.dropdown-menu');
+ $.each(fonts, function(idx, fontName) {
+ fontTarget.append($('' + fontName + ''));
+ });
+ $('a[title]').tooltip({
+ container: 'body'
+ });
+ $('.dropdown-menu input').click(function() {
+ return false;
+ })
+ .change(function() {
+ $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
+ })
+ .keydown('esc', function() {
+ this.value = '';
+ $(this).change();
+ });
+
+ $('[data-role=magic-overlay]').each(function() {
+ var overlay = $(this),
+ target = $(overlay.data('target'));
+ overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
+ });
+
+ if ("onwebkitspeechchange" in document.createElement("input")) {
+ var editorOffset = $('#editor').offset();
+
+ $('.voiceBtn').css('position', 'absolute').offset({
+ top: editorOffset.top,
+ left: editorOffset.left + $('#editor').innerWidth() - 35
+ });
+ } else {
+ $('.voiceBtn').hide();
+ }
+ }
+
+ function showErrorAlert(reason, detail) {
+ var msg = '';
+ if (reason === 'unsupported-file-type') {
+ msg = "Unsupported format " + detail;
+ } else {
+ console.log("error uploading file", reason, detail);
+ }
+ $(' ' +
+ 'File upload error ' + msg + '
').prependTo('#alerts');
+ }
+
+ $('.editor-wrapper').each(function(){
+ var id = $(this).attr('id'); //editor-one
+
+ $(this).wysiwyg({
+ toolbarSelector: '[data-target="#' + id + '"]',
+ fileUploadError: showErrorAlert
+ });
+ });
+
+
+ window.prettyPrint;
+ prettyPrint();
+
+ };
+
+ /* CROPPER */
+
+ function init_cropper() {
+
+
+ if( typeof ($.fn.cropper) === 'undefined'){ return; }
+ console.log('init_cropper');
+
+ var $image = $('#image');
+ var $download = $('#download');
+ var $dataX = $('#dataX');
+ var $dataY = $('#dataY');
+ var $dataHeight = $('#dataHeight');
+ var $dataWidth = $('#dataWidth');
+ var $dataRotate = $('#dataRotate');
+ var $dataScaleX = $('#dataScaleX');
+ var $dataScaleY = $('#dataScaleY');
+ var options = {
+ aspectRatio: 16 / 9,
+ preview: '.img-preview',
+ crop: function (e) {
+ $dataX.val(Math.round(e.x));
+ $dataY.val(Math.round(e.y));
+ $dataHeight.val(Math.round(e.height));
+ $dataWidth.val(Math.round(e.width));
+ $dataRotate.val(e.rotate);
+ $dataScaleX.val(e.scaleX);
+ $dataScaleY.val(e.scaleY);
+ }
+ };
+
+
+ // Tooltip
+ $('[data-toggle="tooltip"]').tooltip();
+
+
+ // Cropper
+ $image.on({
+ 'build.cropper': function (e) {
+ console.log(e.type);
+ },
+ 'built.cropper': function (e) {
+ console.log(e.type);
+ },
+ 'cropstart.cropper': function (e) {
+ console.log(e.type, e.action);
+ },
+ 'cropmove.cropper': function (e) {
+ console.log(e.type, e.action);
+ },
+ 'cropend.cropper': function (e) {
+ console.log(e.type, e.action);
+ },
+ 'crop.cropper': function (e) {
+ console.log(e.type, e.x, e.y, e.width, e.height, e.rotate, e.scaleX, e.scaleY);
+ },
+ 'zoom.cropper': function (e) {
+ console.log(e.type, e.ratio);
+ }
+ }).cropper(options);
+
+
+ // Buttons
+ if (!$.isFunction(document.createElement('canvas').getContext)) {
+ $('button[data-method="getCroppedCanvas"]').prop('disabled', true);
+ }
+
+ if (typeof document.createElement('cropper').style.transition === 'undefined') {
+ $('button[data-method="rotate"]').prop('disabled', true);
+ $('button[data-method="scale"]').prop('disabled', true);
+ }
+
+
+ // Download
+ if (typeof $download[0].download === 'undefined') {
+ $download.addClass('disabled');
+ }
+
+
+ // Options
+ $('.docs-toggles').on('change', 'input', function () {
+ var $this = $(this);
+ var name = $this.attr('name');
+ var type = $this.prop('type');
+ var cropBoxData;
+ var canvasData;
+
+ if (!$image.data('cropper')) {
+ return;
+ }
+
+ if (type === 'checkbox') {
+ options[name] = $this.prop('checked');
+ cropBoxData = $image.cropper('getCropBoxData');
+ canvasData = $image.cropper('getCanvasData');
+
+ options.built = function () {
+ $image.cropper('setCropBoxData', cropBoxData);
+ $image.cropper('setCanvasData', canvasData);
+ };
+ } else if (type === 'radio') {
+ options[name] = $this.val();
+ }
+
+ $image.cropper('destroy').cropper(options);
+ });
+
+
+ // Methods
+ $('.docs-buttons').on('click', '[data-method]', function () {
+ var $this = $(this);
+ var data = $this.data();
+ var $target;
+ var result;
+
+ if ($this.prop('disabled') || $this.hasClass('disabled')) {
+ return;
+ }
+
+ if ($image.data('cropper') && data.method) {
+ data = $.extend({}, data); // Clone a new one
+
+ if (typeof data.target !== 'undefined') {
+ $target = $(data.target);
+
+ if (typeof data.option === 'undefined') {
+ try {
+ data.option = JSON.parse($target.val());
+ } catch (e) {
+ console.log(e.message);
+ }
+ }
+ }
+
+ result = $image.cropper(data.method, data.option, data.secondOption);
+
+ switch (data.method) {
+ case 'scaleX':
+ case 'scaleY':
+ $(this).data('option', -data.option);
+ break;
+
+ case 'getCroppedCanvas':
+ if (result) {
+
+ // Bootstrap's Modal
+ $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);
+
+ if (!$download.hasClass('disabled')) {
+ $download.attr('href', result.toDataURL());
+ }
+ }
+
+ break;
+ }
+
+ if ($.isPlainObject(result) && $target) {
+ try {
+ $target.val(JSON.stringify(result));
+ } catch (e) {
+ console.log(e.message);
+ }
+ }
+
+ }
+ });
+
+ // Keyboard
+ $(document.body).on('keydown', function (e) {
+ if (!$image.data('cropper') || this.scrollTop > 300) {
+ return;
+ }
+
+ switch (e.which) {
+ case 37:
+ e.preventDefault();
+ $image.cropper('move', -1, 0);
+ break;
+
+ case 38:
+ e.preventDefault();
+ $image.cropper('move', 0, -1);
+ break;
+
+ case 39:
+ e.preventDefault();
+ $image.cropper('move', 1, 0);
+ break;
+
+ case 40:
+ e.preventDefault();
+ $image.cropper('move', 0, 1);
+ break;
+ }
+ });
+
+ // Import image
+ var $inputImage = $('#inputImage');
+ var URL = window.URL || window.webkitURL;
+ var blobURL;
+
+ if (URL) {
+ $inputImage.change(function () {
+ var files = this.files;
+ var file;
+
+ if (!$image.data('cropper')) {
+ return;
+ }
+
+ if (files && files.length) {
+ file = files[0];
+
+ if (/^image\/\w+$/.test(file.type)) {
+ blobURL = URL.createObjectURL(file);
+ $image.one('built.cropper', function () {
+
+ // Revoke when load complete
+ URL.revokeObjectURL(blobURL);
+ }).cropper('reset').cropper('replace', blobURL);
+ $inputImage.val('');
+ } else {
+ window.alert('Please choose an image file.');
+ }
+ }
+ });
+ } else {
+ $inputImage.prop('disabled', true).parent().addClass('disabled');
+ }
+
+
+ };
+
+ /* CROPPER --- end */
+
+ /* KNOB */
+
+ function init_knob() {
+
+ if( typeof ($.fn.knob) === 'undefined'){ return; }
+ console.log('init_knob');
+
+ $(".knob").knob({
+ change: function(value) {
+ //console.log("change : " + value);
+ },
+ release: function(value) {
+ //console.log(this.$.attr('value'));
+ console.log("release : " + value);
+ },
+ cancel: function() {
+ console.log("cancel : ", this);
+ },
+ /*format : function (value) {
+ return value + '%';
+ },*/
+ draw: function() {
+
+ // "tron" case
+ if (this.$.data('skin') == 'tron') {
+
+ this.cursorExt = 0.3;
+
+ var a = this.arc(this.cv) // Arc
+ ,
+ pa // Previous arc
+ , r = 1;
+
+ this.g.lineWidth = this.lineWidth;
+
+ if (this.o.displayPrevious) {
+ pa = this.arc(this.v);
+ this.g.beginPath();
+ this.g.strokeStyle = this.pColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
+ this.g.stroke();
+ }
+
+ this.g.beginPath();
+ this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
+ this.g.stroke();
+
+ this.g.lineWidth = 2;
+ this.g.beginPath();
+ this.g.strokeStyle = this.o.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
+ this.g.stroke();
+
+ return false;
+ }
+ }
+
+ });
+
+ // Example of infinite knob, iPod click wheel
+ var v, up = 0,
+ down = 0,
+ i = 0,
+ $idir = $("div.idir"),
+ $ival = $("div.ival"),
+ incr = function() {
+ i++;
+ $idir.show().html("+").fadeOut();
+ $ival.html(i);
+ },
+ decr = function() {
+ i--;
+ $idir.show().html("-").fadeOut();
+ $ival.html(i);
+ };
+ $("input.infinite").knob({
+ min: 0,
+ max: 20,
+ stopper: false,
+ change: function() {
+ if (v > this.cv) {
+ if (up) {
+ decr();
+ up = 0;
+ } else {
+ up = 1;
+ down = 0;
+ }
+ } else {
+ if (v < this.cv) {
+ if (down) {
+ incr();
+ down = 0;
+ } else {
+ down = 1;
+ up = 0;
+ }
+ }
+ }
+ v = this.cv;
+ }
+ });
+
+ };
+
+ /* INPUT MASK */
+
+ function init_InputMask() {
+
+ if( typeof ($.fn.inputmask) === 'undefined'){ return; }
+ console.log('init_InputMask');
+
+ $(":input").inputmask();
+
+ };
+
+ /* COLOR PICKER */
+
+ function init_ColorPicker() {
+
+ if( typeof ($.fn.colorpicker) === 'undefined'){ return; }
+ console.log('init_ColorPicker');
+
+ $('.demo1').colorpicker();
+ $('.demo2').colorpicker();
+
+ $('#demo_forceformat').colorpicker({
+ format: 'rgba',
+ horizontal: true
+ });
+
+ $('#demo_forceformat3').colorpicker({
+ format: 'rgba',
+ });
+
+ $('.demo-auto').colorpicker();
+
+ };
+
+
+ /* ION RANGE SLIDER */
+
+ function init_IonRangeSlider() {
+
+ if( typeof ($.fn.ionRangeSlider) === 'undefined'){ return; }
+ console.log('init_IonRangeSlider');
+
+ $("#range_27").ionRangeSlider({
+ type: "double",
+ min: 1000000,
+ max: 2000000,
+ grid: true,
+ force_edges: true
+ });
+ $("#range").ionRangeSlider({
+ hide_min_max: true,
+ keyboard: true,
+ min: 0,
+ max: 5000,
+ from: 1000,
+ to: 4000,
+ type: 'double',
+ step: 1,
+ prefix: "$",
+ grid: true
+ });
+ $("#range_25").ionRangeSlider({
+ type: "double",
+ min: 1000000,
+ max: 2000000,
+ grid: true
+ });
+ $("#range_26").ionRangeSlider({
+ type: "double",
+ min: 0,
+ max: 10000,
+ step: 500,
+ grid: true,
+ grid_snap: true
+ });
+ $("#range_31").ionRangeSlider({
+ type: "double",
+ min: 0,
+ max: 100,
+ from: 30,
+ to: 70,
+ from_fixed: true
+ });
+ $(".range_min_max").ionRangeSlider({
+ type: "double",
+ min: 0,
+ max: 100,
+ from: 30,
+ to: 70,
+ max_interval: 50
+ });
+ $(".range_time24").ionRangeSlider({
+ min: +moment().subtract(12, "hours").format("X"),
+ max: +moment().format("X"),
+ from: +moment().subtract(6, "hours").format("X"),
+ grid: true,
+ force_edges: true,
+ prettify: function(num) {
+ var m = moment(num, "X");
+ return m.format("Do MMMM, HH:mm");
+ }
+ });
+
+ };
+
+
+ /* DATERANGEPICKER */
+
+ function init_daterangepicker() {
+
+ if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
+ console.log('init_daterangepicker');
+
+ var cb = function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+ };
+
+ var optionSet1 = {
+ startDate: moment().subtract(29, 'days'),
+ endDate: moment(),
+ minDate: '01/01/2012',
+ maxDate: '12/31/2015',
+ dateLimit: {
+ days: 60
+ },
+ showDropdowns: true,
+ showWeekNumbers: true,
+ timePicker: false,
+ timePickerIncrement: 1,
+ timePicker12Hour: true,
+ ranges: {
+ 'Today': [moment(), moment()],
+ 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+ 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+ 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+ 'This Month': [moment().startOf('month'), moment().endOf('month')],
+ 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+ },
+ opens: 'left',
+ buttonClasses: ['btn btn-default'],
+ applyClass: 'btn-small btn-primary',
+ cancelClass: 'btn-small',
+ format: 'MM/DD/YYYY',
+ separator: ' to ',
+ locale: {
+ applyLabel: 'Submit',
+ cancelLabel: 'Clear',
+ fromLabel: 'From',
+ toLabel: 'To',
+ customRangeLabel: 'Custom',
+ daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+ monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ firstDay: 1
+ }
+ };
+
+ $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
+ $('#reportrange').daterangepicker(optionSet1, cb);
+ $('#reportrange').on('show.daterangepicker', function() {
+ console.log("show event fired");
+ });
+ $('#reportrange').on('hide.daterangepicker', function() {
+ console.log("hide event fired");
+ });
+ $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
+ console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
+ });
+ $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
+ console.log("cancel event fired");
+ });
+ $('#options1').click(function() {
+ $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
+ });
+ $('#options2').click(function() {
+ $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
+ });
+ $('#destroy').click(function() {
+ $('#reportrange').data('daterangepicker').remove();
+ });
+
+ }
+
+ function init_daterangepicker_right() {
+
+ if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
+ console.log('init_daterangepicker_right');
+
+ var cb = function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ $('#reportrange_right span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+ };
+
+ var optionSet1 = {
+ startDate: moment().subtract(29, 'days'),
+ endDate: moment(),
+ minDate: '01/01/2012',
+ maxDate: '12/31/2020',
+ dateLimit: {
+ days: 60
+ },
+ showDropdowns: true,
+ showWeekNumbers: true,
+ timePicker: false,
+ timePickerIncrement: 1,
+ timePicker12Hour: true,
+ ranges: {
+ 'Today': [moment(), moment()],
+ 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+ 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+ 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+ 'This Month': [moment().startOf('month'), moment().endOf('month')],
+ 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+ },
+ opens: 'right',
+ buttonClasses: ['btn btn-default'],
+ applyClass: 'btn-small btn-primary',
+ cancelClass: 'btn-small',
+ format: 'MM/DD/YYYY',
+ separator: ' to ',
+ locale: {
+ applyLabel: 'Submit',
+ cancelLabel: 'Clear',
+ fromLabel: 'From',
+ toLabel: 'To',
+ customRangeLabel: 'Custom',
+ daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+ monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ firstDay: 1
+ }
+ };
+
+ $('#reportrange_right span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
+
+ $('#reportrange_right').daterangepicker(optionSet1, cb);
+
+ $('#reportrange_right').on('show.daterangepicker', function() {
+ console.log("show event fired");
+ });
+ $('#reportrange_right').on('hide.daterangepicker', function() {
+ console.log("hide event fired");
+ });
+ $('#reportrange_right').on('apply.daterangepicker', function(ev, picker) {
+ console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
+ });
+ $('#reportrange_right').on('cancel.daterangepicker', function(ev, picker) {
+ console.log("cancel event fired");
+ });
+
+ $('#options1').click(function() {
+ $('#reportrange_right').data('daterangepicker').setOptions(optionSet1, cb);
+ });
+
+ $('#options2').click(function() {
+ $('#reportrange_right').data('daterangepicker').setOptions(optionSet2, cb);
+ });
+
+ $('#destroy').click(function() {
+ $('#reportrange_right').data('daterangepicker').remove();
+ });
+
+ }
+
+ function init_daterangepicker_single_call() {
+
+ if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
+ console.log('init_daterangepicker_single_call');
+
+ $('#single_cal1').daterangepicker({
+ singleDatePicker: true,
+ singleClasses: "picker_1"
+ }, function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ });
+ $('#single_cal2').daterangepicker({
+ singleDatePicker: true,
+ singleClasses: "picker_2"
+ }, function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ });
+ $('#single_cal3').daterangepicker({
+ singleDatePicker: true,
+ singleClasses: "picker_3"
+ }, function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ });
+ $('#single_cal4').daterangepicker({
+ singleDatePicker: true,
+ singleClasses: "picker_4"
+ }, function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ });
+
+
+ }
+
+
+ function init_daterangepicker_reservation() {
+
+ if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
+ console.log('init_daterangepicker_reservation');
+
+ $('#reservation').daterangepicker(null, function(start, end, label) {
+ console.log(start.toISOString(), end.toISOString(), label);
+ });
+
+ $('#reservation-time').daterangepicker({
+ timePicker: true,
+ timePickerIncrement: 30,
+ locale: {
+ format: 'MM/DD/YYYY h:mm A'
+ }
+ });
+
+ }
+
+ /* SMART WIZARD */
+
+ function init_SmartWizard() {
+
+ if( typeof ($.fn.smartWizard) === 'undefined'){ return; }
+ console.log('init_SmartWizard');
+
+ $('#wizard').smartWizard();
+
+ $('#wizard_verticle').smartWizard({
+ transitionEffect: 'slide'
+ });
+
+ $('.buttonNext').addClass('btn btn-success');
+ $('.buttonPrevious').addClass('btn btn-primary');
+ $('.buttonFinish').addClass('btn btn-default');
+
+ };
+
+
+ /* VALIDATOR */
+
+ function init_validator () {
+
+ if( typeof (validator) === 'undefined'){ return; }
+ console.log('init_validator');
+
+ // initialize the validator function
+ validator.message.date = 'not a real date';
+
+ // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
+ $('form')
+ .on('blur', 'input[required], input.optional, select.required', validator.checkField)
+ .on('change', 'select.required', validator.checkField)
+ .on('keypress', 'input[required][pattern]', validator.keypress);
+
+ $('.multi.required').on('keyup blur', 'input', function() {
+ validator.checkField.apply($(this).siblings().last()[0]);
+ });
+
+ $('form').submit(function(e) {
+ e.preventDefault();
+ var submit = true;
+
+ // evaluate the form using generic validaing
+ if (!validator.checkAll($(this))) {
+ submit = false;
+ }
+
+ if (submit)
+ this.submit();
+
+ return false;
+ });
+
+ };
+
+ /* PNotify */
+
+ function init_PNotify() {
+
+ if( typeof (PNotify) === 'undefined'){ return; }
+ console.log('init_PNotify');
+
+ new PNotify({
+ title: "PNotify",
+ type: "info",
+ text: "Welcome. Try hovering over me. You can click things behind me, because I'm non-blocking.",
+ nonblock: {
+ nonblock: true
+ },
+ addclass: 'dark',
+ styling: 'bootstrap3',
+ hide: false,
+ before_close: function(PNotify) {
+ PNotify.update({
+ title: PNotify.options.title + " - Enjoy your Stay",
+ before_close: null
+ });
+
+ PNotify.queueRemove();
+
+ return false;
+ }
+ });
+
+ };
+
+
+ /* CUSTOM NOTIFICATION */
+
+ function init_CustomNotification() {
+
+ console.log('run_customtabs');
+
+ if( typeof (CustomTabs) === 'undefined'){ return; }
+ console.log('init_CustomTabs');
+
+ var cnt = 10;
+
+ TabbedNotification = function(options) {
+ var message = " " + options.title +
+ "
" + options.text + "
{b} : {c}%"
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ legend: {
+ data: ['Something #1', 'Something #2', 'Something #3', 'Something #4', 'Something #5'],
+ orient: 'vertical',
+ x: 'left',
+ y: 'bottom'
+ },
+ calculable: true,
+ series: [{
+ name: '漏斗图',
+ type: 'funnel',
+ width: '40%',
+ data: [{
+ value: 60,
+ name: 'Something #1'
+ }, {
+ value: 40,
+ name: 'Something #2'
+ }, {
+ value: 20,
+ name: 'Something #3'
+ }, {
+ value: 80,
+ name: 'Something #4'
+ }, {
+ value: 100,
+ name: 'Something #5'
+ }]
+ }]
+ });
+
+ }
+
+ //echart Gauge
+
+ if ($('#echart_gauge').length ){
+
+ var echartGauge = echarts.init(document.getElementById('echart_gauge'), theme);
+
+ echartGauge.setOption({
+ tooltip: {
+ formatter: "{a}
{b} : {c}%"
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ series: [{
+ name: 'Performance',
+ type: 'gauge',
+ center: ['50%', '50%'],
+ startAngle: 140,
+ endAngle: -140,
+ min: 0,
+ max: 100,
+ precision: 0,
+ splitNumber: 10,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: [
+ [0.2, 'lightgreen'],
+ [0.4, 'orange'],
+ [0.8, 'skyblue'],
+ [1, '#ff4500']
+ ],
+ width: 30
+ }
+ },
+ axisTick: {
+ show: true,
+ splitNumber: 5,
+ length: 8,
+ lineStyle: {
+ color: '#eee',
+ width: 1,
+ type: 'solid'
+ }
+ },
+ axisLabel: {
+ show: true,
+ formatter: function(v) {
+ switch (v + '') {
+ case '10':
+ return 'a';
+ case '30':
+ return 'b';
+ case '60':
+ return 'c';
+ case '90':
+ return 'd';
+ default:
+ return '';
+ }
+ },
+ textStyle: {
+ color: '#333'
+ }
+ },
+ splitLine: {
+ show: true,
+ length: 30,
+ lineStyle: {
+ color: '#eee',
+ width: 2,
+ type: 'solid'
+ }
+ },
+ pointer: {
+ length: '80%',
+ width: 8,
+ color: 'auto'
+ },
+ title: {
+ show: true,
+ offsetCenter: ['-65%', -10],
+ textStyle: {
+ color: '#333',
+ fontSize: 15
+ }
+ },
+ detail: {
+ show: true,
+ backgroundColor: 'rgba(0,0,0,0)',
+ borderWidth: 0,
+ borderColor: '#ccc',
+ width: 100,
+ height: 40,
+ offsetCenter: ['-60%', 10],
+ formatter: '{value}%',
+ textStyle: {
+ color: 'auto',
+ fontSize: 30
+ }
+ },
+ data: [{
+ value: 50,
+ name: 'Performance'
+ }]
+ }]
+ });
+
+ }
+
+ //echart Line
+
+ if ($('#echart_line').length ){
+
+ var echartLine = echarts.init(document.getElementById('echart_line'), theme);
+
+ echartLine.setOption({
+ title: {
+ text: 'Line Graph',
+ subtext: 'Subtitle'
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ legend: {
+ x: 220,
+ y: 40,
+ data: ['Intent', 'Pre-order', 'Deal']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ magicType: {
+ show: true,
+ title: {
+ line: 'Line',
+ bar: 'Bar',
+ stack: 'Stack',
+ tiled: 'Tiled'
+ },
+ type: ['line', 'bar', 'stack', 'tiled']
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ calculable: true,
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ }],
+ yAxis: [{
+ type: 'value'
+ }],
+ series: [{
+ name: 'Deal',
+ type: 'line',
+ smooth: true,
+ itemStyle: {
+ normal: {
+ areaStyle: {
+ type: 'default'
+ }
+ }
+ },
+ data: [10, 12, 21, 54, 260, 830, 710]
+ }, {
+ name: 'Pre-order',
+ type: 'line',
+ smooth: true,
+ itemStyle: {
+ normal: {
+ areaStyle: {
+ type: 'default'
+ }
+ }
+ },
+ data: [30, 182, 434, 791, 390, 30, 10]
+ }, {
+ name: 'Intent',
+ type: 'line',
+ smooth: true,
+ itemStyle: {
+ normal: {
+ areaStyle: {
+ type: 'default'
+ }
+ }
+ },
+ data: [1320, 1132, 601, 234, 120, 90, 20]
+ }]
+ });
+
+ }
+
+ //echart Scatter
+
+ if ($('#echart_scatter').length ){
+
+ var echartScatter = echarts.init(document.getElementById('echart_scatter'), theme);
+
+ echartScatter.setOption({
+ title: {
+ text: 'Scatter Graph',
+ subtext: 'Heinz 2003'
+ },
+ tooltip: {
+ trigger: 'axis',
+ showDelay: 0,
+ axisPointer: {
+ type: 'cross',
+ lineStyle: {
+ type: 'dashed',
+ width: 1
+ }
+ }
+ },
+ legend: {
+ data: ['Data2', 'Data1']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ xAxis: [{
+ type: 'value',
+ scale: true,
+ axisLabel: {
+ formatter: '{value} cm'
+ }
+ }],
+ yAxis: [{
+ type: 'value',
+ scale: true,
+ axisLabel: {
+ formatter: '{value} kg'
+ }
+ }],
+ series: [{
+ name: 'Data1',
+ type: 'scatter',
+ tooltip: {
+ trigger: 'item',
+ formatter: function(params) {
+ if (params.value.length > 1) {
+ return params.seriesName + ' :
' + params.value[0] + 'cm ' + params.value[1] + 'kg ';
+ } else {
+ return params.seriesName + ' :
' + params.name + ' : ' + params.value + 'kg ';
+ }
+ }
+ },
+ data: [
+ [161.2, 51.6],
+ [167.5, 59.0],
+ [159.5, 49.2],
+ [157.0, 63.0],
+ [155.8, 53.6],
+ [170.0, 59.0],
+ [159.1, 47.6],
+ [166.0, 69.8],
+ [176.2, 66.8],
+ [160.2, 75.2],
+ [172.5, 55.2],
+ [170.9, 54.2],
+ [172.9, 62.5],
+ [153.4, 42.0],
+ [160.0, 50.0],
+ [147.2, 49.8],
+ [168.2, 49.2],
+ [175.0, 73.2],
+ [157.0, 47.8],
+ [167.6, 68.8],
+ [159.5, 50.6],
+ [175.0, 82.5],
+ [166.8, 57.2],
+ [176.5, 87.8],
+ [170.2, 72.8],
+ [174.0, 54.5],
+ [173.0, 59.8],
+ [179.9, 67.3],
+ [170.5, 67.8],
+ [160.0, 47.0],
+ [154.4, 46.2],
+ [162.0, 55.0],
+ [176.5, 83.0],
+ [160.0, 54.4],
+ [152.0, 45.8],
+ [162.1, 53.6],
+ [170.0, 73.2],
+ [160.2, 52.1],
+ [161.3, 67.9],
+ [166.4, 56.6],
+ [168.9, 62.3],
+ [163.8, 58.5],
+ [167.6, 54.5],
+ [160.0, 50.2],
+ [161.3, 60.3],
+ [167.6, 58.3],
+ [165.1, 56.2],
+ [160.0, 50.2],
+ [170.0, 72.9],
+ [157.5, 59.8],
+ [167.6, 61.0],
+ [160.7, 69.1],
+ [163.2, 55.9],
+ [152.4, 46.5],
+ [157.5, 54.3],
+ [168.3, 54.8],
+ [180.3, 60.7],
+ [165.5, 60.0],
+ [165.0, 62.0],
+ [164.5, 60.3],
+ [156.0, 52.7],
+ [160.0, 74.3],
+ [163.0, 62.0],
+ [165.7, 73.1],
+ [161.0, 80.0],
+ [162.0, 54.7],
+ [166.0, 53.2],
+ [174.0, 75.7],
+ [172.7, 61.1],
+ [167.6, 55.7],
+ [151.1, 48.7],
+ [164.5, 52.3],
+ [163.5, 50.0],
+ [152.0, 59.3],
+ [169.0, 62.5],
+ [164.0, 55.7],
+ [161.2, 54.8],
+ [155.0, 45.9],
+ [170.0, 70.6],
+ [176.2, 67.2],
+ [170.0, 69.4],
+ [162.5, 58.2],
+ [170.3, 64.8],
+ [164.1, 71.6],
+ [169.5, 52.8],
+ [163.2, 59.8],
+ [154.5, 49.0],
+ [159.8, 50.0],
+ [173.2, 69.2],
+ [170.0, 55.9],
+ [161.4, 63.4],
+ [169.0, 58.2],
+ [166.2, 58.6],
+ [159.4, 45.7],
+ [162.5, 52.2],
+ [159.0, 48.6],
+ [162.8, 57.8],
+ [159.0, 55.6],
+ [179.8, 66.8],
+ [162.9, 59.4],
+ [161.0, 53.6],
+ [151.1, 73.2],
+ [168.2, 53.4],
+ [168.9, 69.0],
+ [173.2, 58.4],
+ [171.8, 56.2],
+ [178.0, 70.6],
+ [164.3, 59.8],
+ [163.0, 72.0],
+ [168.5, 65.2],
+ [166.8, 56.6],
+ [172.7, 105.2],
+ [163.5, 51.8],
+ [169.4, 63.4],
+ [167.8, 59.0],
+ [159.5, 47.6],
+ [167.6, 63.0],
+ [161.2, 55.2],
+ [160.0, 45.0],
+ [163.2, 54.0],
+ [162.2, 50.2],
+ [161.3, 60.2],
+ [149.5, 44.8],
+ [157.5, 58.8],
+ [163.2, 56.4],
+ [172.7, 62.0],
+ [155.0, 49.2],
+ [156.5, 67.2],
+ [164.0, 53.8],
+ [160.9, 54.4],
+ [162.8, 58.0],
+ [167.0, 59.8],
+ [160.0, 54.8],
+ [160.0, 43.2],
+ [168.9, 60.5],
+ [158.2, 46.4],
+ [156.0, 64.4],
+ [160.0, 48.8],
+ [167.1, 62.2],
+ [158.0, 55.5],
+ [167.6, 57.8],
+ [156.0, 54.6],
+ [162.1, 59.2],
+ [173.4, 52.7],
+ [159.8, 53.2],
+ [170.5, 64.5],
+ [159.2, 51.8],
+ [157.5, 56.0],
+ [161.3, 63.6],
+ [162.6, 63.2],
+ [160.0, 59.5],
+ [168.9, 56.8],
+ [165.1, 64.1],
+ [162.6, 50.0],
+ [165.1, 72.3],
+ [166.4, 55.0],
+ [160.0, 55.9],
+ [152.4, 60.4],
+ [170.2, 69.1],
+ [162.6, 84.5],
+ [170.2, 55.9],
+ [158.8, 55.5],
+ [172.7, 69.5],
+ [167.6, 76.4],
+ [162.6, 61.4],
+ [167.6, 65.9],
+ [156.2, 58.6],
+ [175.2, 66.8],
+ [172.1, 56.6],
+ [162.6, 58.6],
+ [160.0, 55.9],
+ [165.1, 59.1],
+ [182.9, 81.8],
+ [166.4, 70.7],
+ [165.1, 56.8],
+ [177.8, 60.0],
+ [165.1, 58.2],
+ [175.3, 72.7],
+ [154.9, 54.1],
+ [158.8, 49.1],
+ [172.7, 75.9],
+ [168.9, 55.0],
+ [161.3, 57.3],
+ [167.6, 55.0],
+ [165.1, 65.5],
+ [175.3, 65.5],
+ [157.5, 48.6],
+ [163.8, 58.6],
+ [167.6, 63.6],
+ [165.1, 55.2],
+ [165.1, 62.7],
+ [168.9, 56.6],
+ [162.6, 53.9],
+ [164.5, 63.2],
+ [176.5, 73.6],
+ [168.9, 62.0],
+ [175.3, 63.6],
+ [159.4, 53.2],
+ [160.0, 53.4],
+ [170.2, 55.0],
+ [162.6, 70.5],
+ [167.6, 54.5],
+ [162.6, 54.5],
+ [160.7, 55.9],
+ [160.0, 59.0],
+ [157.5, 63.6],
+ [162.6, 54.5],
+ [152.4, 47.3],
+ [170.2, 67.7],
+ [165.1, 80.9],
+ [172.7, 70.5],
+ [165.1, 60.9],
+ [170.2, 63.6],
+ [170.2, 54.5],
+ [170.2, 59.1],
+ [161.3, 70.5],
+ [167.6, 52.7],
+ [167.6, 62.7],
+ [165.1, 86.3],
+ [162.6, 66.4],
+ [152.4, 67.3],
+ [168.9, 63.0],
+ [170.2, 73.6],
+ [175.2, 62.3],
+ [175.2, 57.7],
+ [160.0, 55.4],
+ [165.1, 104.1],
+ [174.0, 55.5],
+ [170.2, 77.3],
+ [160.0, 80.5],
+ [167.6, 64.5],
+ [167.6, 72.3],
+ [167.6, 61.4],
+ [154.9, 58.2],
+ [162.6, 81.8],
+ [175.3, 63.6],
+ [171.4, 53.4],
+ [157.5, 54.5],
+ [165.1, 53.6],
+ [160.0, 60.0],
+ [174.0, 73.6],
+ [162.6, 61.4],
+ [174.0, 55.5],
+ [162.6, 63.6],
+ [161.3, 60.9],
+ [156.2, 60.0],
+ [149.9, 46.8],
+ [169.5, 57.3],
+ [160.0, 64.1],
+ [175.3, 63.6],
+ [169.5, 67.3],
+ [160.0, 75.5],
+ [172.7, 68.2],
+ [162.6, 61.4],
+ [157.5, 76.8],
+ [176.5, 71.8],
+ [164.4, 55.5],
+ [160.7, 48.6],
+ [174.0, 66.4],
+ [163.8, 67.3]
+ ],
+ markPoint: {
+ data: [{
+ type: 'max',
+ name: 'Max'
+ }, {
+ type: 'min',
+ name: 'Min'
+ }]
+ },
+ markLine: {
+ data: [{
+ type: 'average',
+ name: 'Mean'
+ }]
+ }
+ }, {
+ name: 'Data2',
+ type: 'scatter',
+ tooltip: {
+ trigger: 'item',
+ formatter: function(params) {
+ if (params.value.length > 1) {
+ return params.seriesName + ' :
' + params.value[0] + 'cm ' + params.value[1] + 'kg ';
+ } else {
+ return params.seriesName + ' :
' + params.name + ' : ' + params.value + 'kg ';
+ }
+ }
+ },
+ data: [
+ [174.0, 65.6],
+ [175.3, 71.8],
+ [193.5, 80.7],
+ [186.5, 72.6],
+ [187.2, 78.8],
+ [181.5, 74.8],
+ [184.0, 86.4],
+ [184.5, 78.4],
+ [175.0, 62.0],
+ [184.0, 81.6],
+ [180.0, 76.6],
+ [177.8, 83.6],
+ [192.0, 90.0],
+ [176.0, 74.6],
+ [174.0, 71.0],
+ [184.0, 79.6],
+ [192.7, 93.8],
+ [171.5, 70.0],
+ [173.0, 72.4],
+ [176.0, 85.9],
+ [176.0, 78.8],
+ [180.5, 77.8],
+ [172.7, 66.2],
+ [176.0, 86.4],
+ [173.5, 81.8],
+ [178.0, 89.6],
+ [180.3, 82.8],
+ [180.3, 76.4],
+ [164.5, 63.2],
+ [173.0, 60.9],
+ [183.5, 74.8],
+ [175.5, 70.0],
+ [188.0, 72.4],
+ [189.2, 84.1],
+ [172.8, 69.1],
+ [170.0, 59.5],
+ [182.0, 67.2],
+ [170.0, 61.3],
+ [177.8, 68.6],
+ [184.2, 80.1],
+ [186.7, 87.8],
+ [171.4, 84.7],
+ [172.7, 73.4],
+ [175.3, 72.1],
+ [180.3, 82.6],
+ [182.9, 88.7],
+ [188.0, 84.1],
+ [177.2, 94.1],
+ [172.1, 74.9],
+ [167.0, 59.1],
+ [169.5, 75.6],
+ [174.0, 86.2],
+ [172.7, 75.3],
+ [182.2, 87.1],
+ [164.1, 55.2],
+ [163.0, 57.0],
+ [171.5, 61.4],
+ [184.2, 76.8],
+ [174.0, 86.8],
+ [174.0, 72.2],
+ [177.0, 71.6],
+ [186.0, 84.8],
+ [167.0, 68.2],
+ [171.8, 66.1],
+ [182.0, 72.0],
+ [167.0, 64.6],
+ [177.8, 74.8],
+ [164.5, 70.0],
+ [192.0, 101.6],
+ [175.5, 63.2],
+ [171.2, 79.1],
+ [181.6, 78.9],
+ [167.4, 67.7],
+ [181.1, 66.0],
+ [177.0, 68.2],
+ [174.5, 63.9],
+ [177.5, 72.0],
+ [170.5, 56.8],
+ [182.4, 74.5],
+ [197.1, 90.9],
+ [180.1, 93.0],
+ [175.5, 80.9],
+ [180.6, 72.7],
+ [184.4, 68.0],
+ [175.5, 70.9],
+ [180.6, 72.5],
+ [177.0, 72.5],
+ [177.1, 83.4],
+ [181.6, 75.5],
+ [176.5, 73.0],
+ [175.0, 70.2],
+ [174.0, 73.4],
+ [165.1, 70.5],
+ [177.0, 68.9],
+ [192.0, 102.3],
+ [176.5, 68.4],
+ [169.4, 65.9],
+ [182.1, 75.7],
+ [179.8, 84.5],
+ [175.3, 87.7],
+ [184.9, 86.4],
+ [177.3, 73.2],
+ [167.4, 53.9],
+ [178.1, 72.0],
+ [168.9, 55.5],
+ [157.2, 58.4],
+ [180.3, 83.2],
+ [170.2, 72.7],
+ [177.8, 64.1],
+ [172.7, 72.3],
+ [165.1, 65.0],
+ [186.7, 86.4],
+ [165.1, 65.0],
+ [174.0, 88.6],
+ [175.3, 84.1],
+ [185.4, 66.8],
+ [177.8, 75.5],
+ [180.3, 93.2],
+ [180.3, 82.7],
+ [177.8, 58.0],
+ [177.8, 79.5],
+ [177.8, 78.6],
+ [177.8, 71.8],
+ [177.8, 116.4],
+ [163.8, 72.2],
+ [188.0, 83.6],
+ [198.1, 85.5],
+ [175.3, 90.9],
+ [166.4, 85.9],
+ [190.5, 89.1],
+ [166.4, 75.0],
+ [177.8, 77.7],
+ [179.7, 86.4],
+ [172.7, 90.9],
+ [190.5, 73.6],
+ [185.4, 76.4],
+ [168.9, 69.1],
+ [167.6, 84.5],
+ [175.3, 64.5],
+ [170.2, 69.1],
+ [190.5, 108.6],
+ [177.8, 86.4],
+ [190.5, 80.9],
+ [177.8, 87.7],
+ [184.2, 94.5],
+ [176.5, 80.2],
+ [177.8, 72.0],
+ [180.3, 71.4],
+ [171.4, 72.7],
+ [172.7, 84.1],
+ [172.7, 76.8],
+ [177.8, 63.6],
+ [177.8, 80.9],
+ [182.9, 80.9],
+ [170.2, 85.5],
+ [167.6, 68.6],
+ [175.3, 67.7],
+ [165.1, 66.4],
+ [185.4, 102.3],
+ [181.6, 70.5],
+ [172.7, 95.9],
+ [190.5, 84.1],
+ [179.1, 87.3],
+ [175.3, 71.8],
+ [170.2, 65.9],
+ [193.0, 95.9],
+ [171.4, 91.4],
+ [177.8, 81.8],
+ [177.8, 96.8],
+ [167.6, 69.1],
+ [167.6, 82.7],
+ [180.3, 75.5],
+ [182.9, 79.5],
+ [176.5, 73.6],
+ [186.7, 91.8],
+ [188.0, 84.1],
+ [188.0, 85.9],
+ [177.8, 81.8],
+ [174.0, 82.5],
+ [177.8, 80.5],
+ [171.4, 70.0],
+ [185.4, 81.8],
+ [185.4, 84.1],
+ [188.0, 90.5],
+ [188.0, 91.4],
+ [182.9, 89.1],
+ [176.5, 85.0],
+ [175.3, 69.1],
+ [175.3, 73.6],
+ [188.0, 80.5],
+ [188.0, 82.7],
+ [175.3, 86.4],
+ [170.5, 67.7],
+ [179.1, 92.7],
+ [177.8, 93.6],
+ [175.3, 70.9],
+ [182.9, 75.0],
+ [170.8, 93.2],
+ [188.0, 93.2],
+ [180.3, 77.7],
+ [177.8, 61.4],
+ [185.4, 94.1],
+ [168.9, 75.0],
+ [185.4, 83.6],
+ [180.3, 85.5],
+ [174.0, 73.9],
+ [167.6, 66.8],
+ [182.9, 87.3],
+ [160.0, 72.3],
+ [180.3, 88.6],
+ [167.6, 75.5],
+ [186.7, 101.4],
+ [175.3, 91.1],
+ [175.3, 67.3],
+ [175.9, 77.7],
+ [175.3, 81.8],
+ [179.1, 75.5],
+ [181.6, 84.5],
+ [177.8, 76.6],
+ [182.9, 85.0],
+ [177.8, 102.5],
+ [184.2, 77.3],
+ [179.1, 71.8],
+ [176.5, 87.9],
+ [188.0, 94.3],
+ [174.0, 70.9],
+ [167.6, 64.5],
+ [170.2, 77.3],
+ [167.6, 72.3],
+ [188.0, 87.3],
+ [174.0, 80.0],
+ [176.5, 82.3],
+ [180.3, 73.6],
+ [167.6, 74.1],
+ [188.0, 85.9],
+ [180.3, 73.2],
+ [167.6, 76.3],
+ [183.0, 65.9],
+ [183.0, 90.9],
+ [179.1, 89.1],
+ [170.2, 62.3],
+ [177.8, 82.7],
+ [179.1, 79.1],
+ [190.5, 98.2],
+ [177.8, 84.1],
+ [180.3, 83.2],
+ [180.3, 83.2]
+ ],
+ markPoint: {
+ data: [{
+ type: 'max',
+ name: 'Max'
+ }, {
+ type: 'min',
+ name: 'Min'
+ }]
+ },
+ markLine: {
+ data: [{
+ type: 'average',
+ name: 'Mean'
+ }]
+ }
+ }]
+ });
+
+ }
+
+ //echart Bar Horizontal
+
+ if ($('#echart_bar_horizontal').length ){
+
+ var echartBar = echarts.init(document.getElementById('echart_bar_horizontal'), theme);
+
+ echartBar.setOption({
+ title: {
+ text: 'Bar Graph',
+ subtext: 'Graph subtitle'
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ legend: {
+ x: 100,
+ data: ['2015', '2016']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ calculable: true,
+ xAxis: [{
+ type: 'value',
+ boundaryGap: [0, 0.01]
+ }],
+ yAxis: [{
+ type: 'category',
+ data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
+ }],
+ series: [{
+ name: '2015',
+ type: 'bar',
+ data: [18203, 23489, 29034, 104970, 131744, 630230]
+ }, {
+ name: '2016',
+ type: 'bar',
+ data: [19325, 23438, 31000, 121594, 134141, 681807]
+ }]
+ });
+
+ }
+
+ //echart Pie Collapse
+
+ if ($('#echart_pie2').length ){
+
+ var echartPieCollapse = echarts.init(document.getElementById('echart_pie2'), theme);
+
+ echartPieCollapse.setOption({
+ tooltip: {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ legend: {
+ x: 'center',
+ y: 'bottom',
+ data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ magicType: {
+ show: true,
+ type: ['pie', 'funnel']
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ calculable: true,
+ series: [{
+ name: 'Area Mode',
+ type: 'pie',
+ radius: [25, 90],
+ center: ['50%', 170],
+ roseType: 'area',
+ x: '50%',
+ max: 40,
+ sort: 'ascending',
+ data: [{
+ value: 10,
+ name: 'rose1'
+ }, {
+ value: 5,
+ name: 'rose2'
+ }, {
+ value: 15,
+ name: 'rose3'
+ }, {
+ value: 25,
+ name: 'rose4'
+ }, {
+ value: 20,
+ name: 'rose5'
+ }, {
+ value: 35,
+ name: 'rose6'
+ }]
+ }]
+ });
+
+ }
+
+ //echart Donut
+
+ if ($('#echart_donut').length ){
+
+ var echartDonut = echarts.init(document.getElementById('echart_donut'), theme);
+
+ echartDonut.setOption({
+ tooltip: {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ calculable: true,
+ legend: {
+ x: 'center',
+ y: 'bottom',
+ data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ magicType: {
+ show: true,
+ type: ['pie', 'funnel'],
+ option: {
+ funnel: {
+ x: '25%',
+ width: '50%',
+ funnelAlign: 'center',
+ max: 1548
+ }
+ }
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ series: [{
+ name: 'Access to the resource',
+ type: 'pie',
+ radius: ['35%', '55%'],
+ itemStyle: {
+ normal: {
+ label: {
+ show: true
+ },
+ labelLine: {
+ show: true
+ }
+ },
+ emphasis: {
+ label: {
+ show: true,
+ position: 'center',
+ textStyle: {
+ fontSize: '14',
+ fontWeight: 'normal'
+ }
+ }
+ }
+ },
+ data: [{
+ value: 335,
+ name: 'Direct Access'
+ }, {
+ value: 310,
+ name: 'E-mail Marketing'
+ }, {
+ value: 234,
+ name: 'Union Ad'
+ }, {
+ value: 135,
+ name: 'Video Ads'
+ }, {
+ value: 1548,
+ name: 'Search Engine'
+ }]
+ }]
+ });
+
+ }
+
+ //echart Pie
+
+ if ($('#echart_pie').length ){
+
+ var echartPie = echarts.init(document.getElementById('echart_pie'), theme);
+
+ echartPie.setOption({
+ tooltip: {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ legend: {
+ x: 'center',
+ y: 'bottom',
+ data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine']
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ magicType: {
+ show: true,
+ type: ['pie', 'funnel'],
+ option: {
+ funnel: {
+ x: '25%',
+ width: '50%',
+ funnelAlign: 'left',
+ max: 1548
+ }
+ }
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ calculable: true,
+ series: [{
+ name: '访问来源',
+ type: 'pie',
+ radius: '55%',
+ center: ['50%', '48%'],
+ data: [{
+ value: 335,
+ name: 'Direct Access'
+ }, {
+ value: 310,
+ name: 'E-mail Marketing'
+ }, {
+ value: 234,
+ name: 'Union Ad'
+ }, {
+ value: 135,
+ name: 'Video Ads'
+ }, {
+ value: 1548,
+ name: 'Search Engine'
+ }]
+ }]
+ });
+
+ var dataStyle = {
+ normal: {
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ }
+ }
+ };
+
+ var placeHolderStyle = {
+ normal: {
+ color: 'rgba(0,0,0,0)',
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ }
+ },
+ emphasis: {
+ color: 'rgba(0,0,0,0)'
+ }
+ };
+
+ }
+
+ //echart Mini Pie
+
+ if ($('#echart_mini_pie').length ){
+
+ var echartMiniPie = echarts.init(document.getElementById('echart_mini_pie'), theme);
+
+ echartMiniPie .setOption({
+ title: {
+ text: 'Chart #2',
+ subtext: 'From ExcelHome',
+ sublink: 'http://e.weibo.com/1341556070/AhQXtjbqh',
+ x: 'center',
+ y: 'center',
+ itemGap: 20,
+ textStyle: {
+ color: 'rgba(30,144,255,0.8)',
+ fontFamily: '微软雅黑',
+ fontSize: 35,
+ fontWeight: 'bolder'
+ }
+ },
+ tooltip: {
+ show: true,
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ legend: {
+ orient: 'vertical',
+ x: 170,
+ y: 45,
+ itemGap: 12,
+ data: ['68%Something #1', '29%Something #2', '3%Something #3'],
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ mark: {
+ show: true
+ },
+ dataView: {
+ show: true,
+ title: "Text View",
+ lang: [
+ "Text View",
+ "Close",
+ "Refresh",
+ ],
+ readOnly: false
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ series: [{
+ name: '1',
+ type: 'pie',
+ clockWise: false,
+ radius: [105, 130],
+ itemStyle: dataStyle,
+ data: [{
+ value: 68,
+ name: '68%Something #1'
+ }, {
+ value: 32,
+ name: 'invisible',
+ itemStyle: placeHolderStyle
+ }]
+ }, {
+ name: '2',
+ type: 'pie',
+ clockWise: false,
+ radius: [80, 105],
+ itemStyle: dataStyle,
+ data: [{
+ value: 29,
+ name: '29%Something #2'
+ }, {
+ value: 71,
+ name: 'invisible',
+ itemStyle: placeHolderStyle
+ }]
+ }, {
+ name: '3',
+ type: 'pie',
+ clockWise: false,
+ radius: [25, 80],
+ itemStyle: dataStyle,
+ data: [{
+ value: 3,
+ name: '3%Something #3'
+ }, {
+ value: 97,
+ name: 'invisible',
+ itemStyle: placeHolderStyle
+ }]
+ }]
+ });
+
+ }
+
+ //echart Map
+
+ if ($('#echart_world_map').length ){
+
+ var echartMap = echarts.init(document.getElementById('echart_world_map'), theme);
+
+
+ echartMap.setOption({
+ title: {
+ text: 'World Population (2010)',
+ subtext: 'from United Nations, Total population, both sexes combined, as of 1 July (thousands)',
+ x: 'center',
+ y: 'top'
+ },
+ tooltip: {
+ trigger: 'item',
+ formatter: function(params) {
+ var value = (params.value + '').split('.');
+ value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') + '.' + value[1];
+ return params.seriesName + '
' + params.name + ' : ' + value;
+ }
+ },
+ toolbox: {
+ show: true,
+ orient: 'vertical',
+ x: 'right',
+ y: 'center',
+ feature: {
+ mark: {
+ show: true
+ },
+ dataView: {
+ show: true,
+ title: "Text View",
+ lang: [
+ "Text View",
+ "Close",
+ "Refresh",
+ ],
+ readOnly: false
+ },
+ restore: {
+ show: true,
+ title: "Restore"
+ },
+ saveAsImage: {
+ show: true,
+ title: "Save Image"
+ }
+ }
+ },
+ dataRange: {
+ min: 0,
+ max: 1000000,
+ text: ['High', 'Low'],
+ realtime: false,
+ calculable: true,
+ color: ['#087E65', '#26B99A', '#CBEAE3']
+ },
+ series: [{
+ name: 'World Population (2010)',
+ type: 'map',
+ mapType: 'world',
+ roam: false,
+ mapLocation: {
+ y: 60
+ },
+ itemStyle: {
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ },
+ data: [{
+ name: 'Afghanistan',
+ value: 28397.812
+ }, {
+ name: 'Angola',
+ value: 19549.124
+ }, {
+ name: 'Albania',
+ value: 3150.143
+ }, {
+ name: 'United Arab Emirates',
+ value: 8441.537
+ }, {
+ name: 'Argentina',
+ value: 40374.224
+ }, {
+ name: 'Armenia',
+ value: 2963.496
+ }, {
+ name: 'French Southern and Antarctic Lands',
+ value: 268.065
+ }, {
+ name: 'Australia',
+ value: 22404.488
+ }, {
+ name: 'Austria',
+ value: 8401.924
+ }, {
+ name: 'Azerbaijan',
+ value: 9094.718
+ }, {
+ name: 'Burundi',
+ value: 9232.753
+ }, {
+ name: 'Belgium',
+ value: 10941.288
+ }, {
+ name: 'Benin',
+ value: 9509.798
+ }, {
+ name: 'Burkina Faso',
+ value: 15540.284
+ }, {
+ name: 'Bangladesh',
+ value: 151125.475
+ }, {
+ name: 'Bulgaria',
+ value: 7389.175
+ }, {
+ name: 'The Bahamas',
+ value: 66402.316
+ }, {
+ name: 'Bosnia and Herzegovina',
+ value: 3845.929
+ }, {
+ name: 'Belarus',
+ value: 9491.07
+ }, {
+ name: 'Belize',
+ value: 308.595
+ }, {
+ name: 'Bermuda',
+ value: 64.951
+ }, {
+ name: 'Bolivia',
+ value: 716.939
+ }, {
+ name: 'Brazil',
+ value: 195210.154
+ }, {
+ name: 'Brunei',
+ value: 27.223
+ }, {
+ name: 'Bhutan',
+ value: 716.939
+ }, {
+ name: 'Botswana',
+ value: 1969.341
+ }, {
+ name: 'Central African Republic',
+ value: 4349.921
+ }, {
+ name: 'Canada',
+ value: 34126.24
+ }, {
+ name: 'Switzerland',
+ value: 7830.534
+ }, {
+ name: 'Chile',
+ value: 17150.76
+ }, {
+ name: 'China',
+ value: 1359821.465
+ }, {
+ name: 'Ivory Coast',
+ value: 60508.978
+ }, {
+ name: 'Cameroon',
+ value: 20624.343
+ }, {
+ name: 'Democratic Republic of the Congo',
+ value: 62191.161
+ }, {
+ name: 'Republic of the Congo',
+ value: 3573.024
+ }, {
+ name: 'Colombia',
+ value: 46444.798
+ }, {
+ name: 'Costa Rica',
+ value: 4669.685
+ }, {
+ name: 'Cuba',
+ value: 11281.768
+ }, {
+ name: 'Northern Cyprus',
+ value: 1.468
+ }, {
+ name: 'Cyprus',
+ value: 1103.685
+ }, {
+ name: 'Czech Republic',
+ value: 10553.701
+ }, {
+ name: 'Germany',
+ value: 83017.404
+ }, {
+ name: 'Djibouti',
+ value: 834.036
+ }, {
+ name: 'Denmark',
+ value: 5550.959
+ }, {
+ name: 'Dominican Republic',
+ value: 10016.797
+ }, {
+ name: 'Algeria',
+ value: 37062.82
+ }, {
+ name: 'Ecuador',
+ value: 15001.072
+ }, {
+ name: 'Egypt',
+ value: 78075.705
+ }, {
+ name: 'Eritrea',
+ value: 5741.159
+ }, {
+ name: 'Spain',
+ value: 46182.038
+ }, {
+ name: 'Estonia',
+ value: 1298.533
+ }, {
+ name: 'Ethiopia',
+ value: 87095.281
+ }, {
+ name: 'Finland',
+ value: 5367.693
+ }, {
+ name: 'Fiji',
+ value: 860.559
+ }, {
+ name: 'Falkland Islands',
+ value: 49.581
+ }, {
+ name: 'France',
+ value: 63230.866
+ }, {
+ name: 'Gabon',
+ value: 1556.222
+ }, {
+ name: 'United Kingdom',
+ value: 62066.35
+ }, {
+ name: 'Georgia',
+ value: 4388.674
+ }, {
+ name: 'Ghana',
+ value: 24262.901
+ }, {
+ name: 'Guinea',
+ value: 10876.033
+ }, {
+ name: 'Gambia',
+ value: 1680.64
+ }, {
+ name: 'Guinea Bissau',
+ value: 10876.033
+ }, {
+ name: 'Equatorial Guinea',
+ value: 696.167
+ }, {
+ name: 'Greece',
+ value: 11109.999
+ }, {
+ name: 'Greenland',
+ value: 56.546
+ }, {
+ name: 'Guatemala',
+ value: 14341.576
+ }, {
+ name: 'French Guiana',
+ value: 231.169
+ }, {
+ name: 'Guyana',
+ value: 786.126
+ }, {
+ name: 'Honduras',
+ value: 7621.204
+ }, {
+ name: 'Croatia',
+ value: 4338.027
+ }, {
+ name: 'Haiti',
+ value: 9896.4
+ }, {
+ name: 'Hungary',
+ value: 10014.633
+ }, {
+ name: 'Indonesia',
+ value: 240676.485
+ }, {
+ name: 'India',
+ value: 1205624.648
+ }, {
+ name: 'Ireland',
+ value: 4467.561
+ }, {
+ name: 'Iran',
+ value: 240676.485
+ }, {
+ name: 'Iraq',
+ value: 30962.38
+ }, {
+ name: 'Iceland',
+ value: 318.042
+ }, {
+ name: 'Israel',
+ value: 7420.368
+ }, {
+ name: 'Italy',
+ value: 60508.978
+ }, {
+ name: 'Jamaica',
+ value: 2741.485
+ }, {
+ name: 'Jordan',
+ value: 6454.554
+ }, {
+ name: 'Japan',
+ value: 127352.833
+ }, {
+ name: 'Kazakhstan',
+ value: 15921.127
+ }, {
+ name: 'Kenya',
+ value: 40909.194
+ }, {
+ name: 'Kyrgyzstan',
+ value: 5334.223
+ }, {
+ name: 'Cambodia',
+ value: 14364.931
+ }, {
+ name: 'South Korea',
+ value: 51452.352
+ }, {
+ name: 'Kosovo',
+ value: 97.743
+ }, {
+ name: 'Kuwait',
+ value: 2991.58
+ }, {
+ name: 'Laos',
+ value: 6395.713
+ }, {
+ name: 'Lebanon',
+ value: 4341.092
+ }, {
+ name: 'Liberia',
+ value: 3957.99
+ }, {
+ name: 'Libya',
+ value: 6040.612
+ }, {
+ name: 'Sri Lanka',
+ value: 20758.779
+ }, {
+ name: 'Lesotho',
+ value: 2008.921
+ }, {
+ name: 'Lithuania',
+ value: 3068.457
+ }, {
+ name: 'Luxembourg',
+ value: 507.885
+ }, {
+ name: 'Latvia',
+ value: 2090.519
+ }, {
+ name: 'Morocco',
+ value: 31642.36
+ }, {
+ name: 'Moldova',
+ value: 103.619
+ }, {
+ name: 'Madagascar',
+ value: 21079.532
+ }, {
+ name: 'Mexico',
+ value: 117886.404
+ }, {
+ name: 'Macedonia',
+ value: 507.885
+ }, {
+ name: 'Mali',
+ value: 13985.961
+ }, {
+ name: 'Myanmar',
+ value: 51931.231
+ }, {
+ name: 'Montenegro',
+ value: 620.078
+ }, {
+ name: 'Mongolia',
+ value: 2712.738
+ }, {
+ name: 'Mozambique',
+ value: 23967.265
+ }, {
+ name: 'Mauritania',
+ value: 3609.42
+ }, {
+ name: 'Malawi',
+ value: 15013.694
+ }, {
+ name: 'Malaysia',
+ value: 28275.835
+ }, {
+ name: 'Namibia',
+ value: 2178.967
+ }, {
+ name: 'New Caledonia',
+ value: 246.379
+ }, {
+ name: 'Niger',
+ value: 15893.746
+ }, {
+ name: 'Nigeria',
+ value: 159707.78
+ }, {
+ name: 'Nicaragua',
+ value: 5822.209
+ }, {
+ name: 'Netherlands',
+ value: 16615.243
+ }, {
+ name: 'Norway',
+ value: 4891.251
+ }, {
+ name: 'Nepal',
+ value: 26846.016
+ }, {
+ name: 'New Zealand',
+ value: 4368.136
+ }, {
+ name: 'Oman',
+ value: 2802.768
+ }, {
+ name: 'Pakistan',
+ value: 173149.306
+ }, {
+ name: 'Panama',
+ value: 3678.128
+ }, {
+ name: 'Peru',
+ value: 29262.83
+ }, {
+ name: 'Philippines',
+ value: 93444.322
+ }, {
+ name: 'Papua New Guinea',
+ value: 6858.945
+ }, {
+ name: 'Poland',
+ value: 38198.754
+ }, {
+ name: 'Puerto Rico',
+ value: 3709.671
+ }, {
+ name: 'North Korea',
+ value: 1.468
+ }, {
+ name: 'Portugal',
+ value: 10589.792
+ }, {
+ name: 'Paraguay',
+ value: 6459.721
+ }, {
+ name: 'Qatar',
+ value: 1749.713
+ }, {
+ name: 'Romania',
+ value: 21861.476
+ }, {
+ name: 'Russia',
+ value: 21861.476
+ }, {
+ name: 'Rwanda',
+ value: 10836.732
+ }, {
+ name: 'Western Sahara',
+ value: 514.648
+ }, {
+ name: 'Saudi Arabia',
+ value: 27258.387
+ }, {
+ name: 'Sudan',
+ value: 35652.002
+ }, {
+ name: 'South Sudan',
+ value: 9940.929
+ }, {
+ name: 'Senegal',
+ value: 12950.564
+ }, {
+ name: 'Solomon Islands',
+ value: 526.447
+ }, {
+ name: 'Sierra Leone',
+ value: 5751.976
+ }, {
+ name: 'El Salvador',
+ value: 6218.195
+ }, {
+ name: 'Somaliland',
+ value: 9636.173
+ }, {
+ name: 'Somalia',
+ value: 9636.173
+ }, {
+ name: 'Republic of Serbia',
+ value: 3573.024
+ }, {
+ name: 'Suriname',
+ value: 524.96
+ }, {
+ name: 'Slovakia',
+ value: 5433.437
+ }, {
+ name: 'Slovenia',
+ value: 2054.232
+ }, {
+ name: 'Sweden',
+ value: 9382.297
+ }, {
+ name: 'Swaziland',
+ value: 1193.148
+ }, {
+ name: 'Syria',
+ value: 7830.534
+ }, {
+ name: 'Chad',
+ value: 11720.781
+ }, {
+ name: 'Togo',
+ value: 6306.014
+ }, {
+ name: 'Thailand',
+ value: 66402.316
+ }, {
+ name: 'Tajikistan',
+ value: 7627.326
+ }, {
+ name: 'Turkmenistan',
+ value: 5041.995
+ }, {
+ name: 'East Timor',
+ value: 10016.797
+ }, {
+ name: 'Trinidad and Tobago',
+ value: 1328.095
+ }, {
+ name: 'Tunisia',
+ value: 10631.83
+ }, {
+ name: 'Turkey',
+ value: 72137.546
+ }, {
+ name: 'United Republic of Tanzania',
+ value: 44973.33
+ }, {
+ name: 'Uganda',
+ value: 33987.213
+ }, {
+ name: 'Ukraine',
+ value: 46050.22
+ }, {
+ name: 'Uruguay',
+ value: 3371.982
+ }, {
+ name: 'United States of America',
+ value: 312247.116
+ }, {
+ name: 'Uzbekistan',
+ value: 27769.27
+ }, {
+ name: 'Venezuela',
+ value: 236.299
+ }, {
+ name: 'Vietnam',
+ value: 89047.397
+ }, {
+ name: 'Vanuatu',
+ value: 236.299
+ }, {
+ name: 'West Bank',
+ value: 13.565
+ }, {
+ name: 'Yemen',
+ value: 22763.008
+ }, {
+ name: 'South Africa',
+ value: 51452.352
+ }, {
+ name: 'Zambia',
+ value: 13216.985
+ }, {
+ name: 'Zimbabwe',
+ value: 13076.978
+ }]
+ }]
+ });
+
+ }
+
+ }
+
+
+ $(document).ready(function() {
+
+ init_sparklines();
+ init_flot_chart();
+ init_sidebar();
+ init_wysiwyg();
+ init_InputMask();
+ init_JQVmap();
+// init_cropper();
+ init_knob();
+ init_IonRangeSlider();
+ init_ColorPicker();
+ init_TagsInput();
+ init_parsley();
+ init_daterangepicker();
+ init_daterangepicker_right();
+ init_daterangepicker_single_call();
+ init_daterangepicker_reservation();
+ init_SmartWizard();
+ init_EasyPieChart();
+ init_charts();
+ init_echarts();
+ init_morris_charts();
+ init_skycons();
+ init_select2();
+ init_validator();
+ init_DataTables();
+ init_chart_doughnut();
+ init_gauge();
+// init_PNotify();
+ init_starrr();
+ init_calendar();
+ init_compose();
+ init_CustomNotification();
+ init_autosize();
+ init_autocomplete();
+
+ });
+
+
diff --git a/backend/config/main.php b/backend/config/main.php
index 8b467d5..06c78e6 100644
--- a/backend/config/main.php
+++ b/backend/config/main.php
@@ -12,8 +12,40 @@
'basePath' => dirname(__DIR__),
'controllerNamespace' => 'backend\controllers',
'bootstrap' => [ 'log' ],
- 'modules' => [],
+ 'modules' => [
+ 'imagemanager' => [
+ 'class' => 'noam148\imagemanager\Module',
+ 'canUploadImage' => true,
+ 'canRemoveImage' => function(){
+ return true;
+ },
+ 'setBlameableBehavior' => false,
+ 'cssFiles' => [
+ 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css',
+ ],
+ ],
+ ],
'components' => [
+ 'assetManager' => [
+ 'bundles' => [
+ 'yiister\gentelella\assets\ThemeAsset' => [
+ 'sourcePath' => '@backend/assets/',
+ 'js' => [
+ 'js/custom.js',
+ ],
+ 'css' => [
+ 'css/custom.css',
+ ],
+ ],
+ ],
+ ],
+ 'imagemanager' => [
+ 'class' => 'noam148\imagemanager\components\ImageManagerGetPath',
+ 'mediaPath' => dirname(dirname(__DIR__)) . '/storage',
+ 'cachePath' => 'assets/images',
+ 'useFilename' => true,
+ 'absoluteUrl' => false,
+ ],
'request' => [
'csrfParam' => '_csrf-backend',
'baseUrl' => '/admin',
diff --git a/composer.json b/composer.json
index e26206c..c24bfed 100644
--- a/composer.json
+++ b/composer.json
@@ -20,7 +20,8 @@
"yiisoft/yii2-swiftmailer": "~2.0.0",
"insolita/yii2-migration-generator": "~2.2",
"yiister/yii2-gentelella": "~1.0",
- "hiqdev/yii2-asset-icheck": "1.0.2.5"
+ "hiqdev/yii2-asset-icheck": "1.0.2.5",
+ "noam148/yii2-image-manager": "*"
},
"require-dev": {
"yiisoft/yii2-debug": "~2.0.0",
diff --git a/composer.lock b/composer.lock
index 99b8940..a8a9df5 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,8 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
"This file is @generated automatically"
],
- "hash": "fe31b8499db20097973cd4c82a007cc0",
- "content-hash": "f7f7e3d4345571ee94a71c4e93204b09",
+ "hash": "ccf577a6826f86b5814556c1ea21a85f",
+ "content-hash": "685ccd30ba9a1c6c4687729314641cdf",
"packages": [
{
"name": "bower-asset/bootstrap",
@@ -574,6 +574,63 @@
"time": "2016-03-30 10:59:26"
},
{
+ "name": "imagine/imagine",
+ "version": "v0.6.3",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/avalanche123/Imagine.git",
+ "reference": "149041d2a1b517107bfe270ca2b1a17aa341715d"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/avalanche123/Imagine/zipball/149041d2a1b517107bfe270ca2b1a17aa341715d",
+ "reference": "149041d2a1b517107bfe270ca2b1a17aa341715d",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.2"
+ },
+ "require-dev": {
+ "sami/sami": "dev-master"
+ },
+ "suggest": {
+ "ext-gd": "to use the GD implementation",
+ "ext-gmagick": "to use the Gmagick implementation",
+ "ext-imagick": "to use the Imagick implementation"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-develop": "0.7-dev"
+ }
+ },
+ "autoload": {
+ "psr-0": {
+ "Imagine": "lib/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Bulat Shakirzyanov",
+ "email": "mallluhuct@gmail.com",
+ "homepage": "http://avalanche123.com"
+ }
+ ],
+ "description": "Image processing for PHP 5.3",
+ "homepage": "http://imagine.readthedocs.org/",
+ "keywords": [
+ "drawing",
+ "graphics",
+ "image manipulation",
+ "image processing"
+ ],
+ "time": "2015-09-19 16:54:05"
+ },
+ {
"name": "insolita/yii2-migration-generator",
"version": "2.2.9",
"source": {
@@ -620,6 +677,260 @@
"time": "2017-02-03 01:23:24"
},
{
+ "name": "kartik-v/bootstrap-fileinput",
+ "version": "v4.3.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/kartik-v/bootstrap-fileinput.git",
+ "reference": "219447a8c21b1c82e534dc2e6a73386933fc9c5e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/kartik-v/bootstrap-fileinput/zipball/219447a8c21b1c82e534dc2e6a73386933fc9c5e",
+ "reference": "219447a8c21b1c82e534dc2e6a73386933fc9c5e",
+ "shasum": ""
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "4.3.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "kartik\\plugins\\fileinput\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Kartik Visweswaran",
+ "email": "kartikv2@gmail.com",
+ "homepage": "http://www.krajee.com/"
+ }
+ ],
+ "description": "An enhanced HTML 5 file input for Bootstrap 3.x with features for file preview for many file types, multiple selection, ajax uploads, and more.",
+ "homepage": "https://github.com/kartik-v/bootstrap-fileinput",
+ "keywords": [
+ "ajax",
+ "bootstrap",
+ "delete",
+ "file",
+ "image",
+ "input",
+ "jquery",
+ "multiple",
+ "preview",
+ "progress",
+ "upload"
+ ],
+ "time": "2017-02-21 06:45:16"
+ },
+ {
+ "name": "kartik-v/yii2-krajee-base",
+ "version": "v1.8.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/kartik-v/yii2-krajee-base.git",
+ "reference": "2479241c03c87995cfc528ae7b297f5ae9e733cb"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/kartik-v/yii2-krajee-base/zipball/2479241c03c87995cfc528ae7b297f5ae9e733cb",
+ "reference": "2479241c03c87995cfc528ae7b297f5ae9e733cb",
+ "shasum": ""
+ },
+ "require": {
+ "yiisoft/yii2-bootstrap": "@dev"
+ },
+ "type": "yii2-extension",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.8.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "kartik\\base\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Kartik Visweswaran",
+ "email": "kartikv2@gmail.com",
+ "homepage": "http://www.krajee.com/"
+ }
+ ],
+ "description": "Base library and foundation components for all Yii2 Krajee extensions.",
+ "homepage": "https://github.com/kartik-v/yii2-krajee-base",
+ "keywords": [
+ "base",
+ "extension",
+ "foundation",
+ "krajee",
+ "widget",
+ "yii2"
+ ],
+ "time": "2017-02-22 05:58:53"
+ },
+ {
+ "name": "kartik-v/yii2-widget-fileinput",
+ "version": "v1.0.5",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/kartik-v/yii2-widget-fileinput.git",
+ "reference": "3b8f6819f2cd01becff5251b8b952ac3e57b903a"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/kartik-v/yii2-widget-fileinput/zipball/3b8f6819f2cd01becff5251b8b952ac3e57b903a",
+ "reference": "3b8f6819f2cd01becff5251b8b952ac3e57b903a",
+ "shasum": ""
+ },
+ "require": {
+ "kartik-v/bootstrap-fileinput": "~4.2",
+ "kartik-v/yii2-krajee-base": "~1.7"
+ },
+ "type": "yii2-extension",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "kartik\\file\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Kartik Visweswaran",
+ "email": "kartikv2@gmail.com",
+ "homepage": "http://www.krajee.com/"
+ }
+ ],
+ "description": "An enhanced FileInput widget for Bootstrap 3.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets)",
+ "homepage": "https://github.com/kartik-v/yii2-widget-fileinput",
+ "keywords": [
+ "extension",
+ "file",
+ "form",
+ "input",
+ "jquery",
+ "plugin",
+ "upload",
+ "widget",
+ "yii2"
+ ],
+ "time": "2016-06-16 06:53:01"
+ },
+ {
+ "name": "noam148/yii2-image-manager",
+ "version": "1.2.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/noam148/yii2-image-manager.git",
+ "reference": "fa1b8d9c405dec2404065d472105b77e783880ed"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/noam148/yii2-image-manager/zipball/fa1b8d9c405dec2404065d472105b77e783880ed",
+ "reference": "fa1b8d9c405dec2404065d472105b77e783880ed",
+ "shasum": ""
+ },
+ "require": {
+ "kartik-v/yii2-widget-fileinput": "@dev",
+ "noam148/yii2-image-resize": "*",
+ "yiisoft/yii2": "*"
+ },
+ "type": "yii2-extension",
+ "autoload": {
+ "psr-4": {
+ "noam148\\imagemanager\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Noam148",
+ "homepage": "https://github.com/noam148/"
+ }
+ ],
+ "description": "A Yii2 module/widget for upload and cropping images",
+ "homepage": "https://github.com/noam148/yii2-image-manager",
+ "keywords": [
+ "crop",
+ "extension",
+ "image",
+ "manager",
+ "module",
+ "upload",
+ "widget",
+ "yii2"
+ ],
+ "time": "2017-02-23 14:49:07"
+ },
+ {
+ "name": "noam148/yii2-image-resize",
+ "version": "1.0.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/noam148/yii2-image-resize.git",
+ "reference": "75796bdbe9bd66e23f8aff9d44ab431936a5a15e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/noam148/yii2-image-resize/zipball/75796bdbe9bd66e23f8aff9d44ab431936a5a15e",
+ "reference": "75796bdbe9bd66e23f8aff9d44ab431936a5a15e",
+ "shasum": ""
+ },
+ "require": {
+ "yiisoft/yii2": "*",
+ "yiisoft/yii2-imagine": "*"
+ },
+ "type": "yii2-extension",
+ "autoload": {
+ "psr-4": {
+ "noam148\\imageresize\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Noam148",
+ "homepage": "https://github.com/noam148/"
+ }
+ ],
+ "description": "A Yii2 component for resizing images (on the fly)",
+ "homepage": "https://github.com/noam148/yii2-image-resize",
+ "keywords": [
+ "component",
+ "extension",
+ "image",
+ "on-the-fly",
+ "resize",
+ "yii2"
+ ],
+ "time": "2016-11-29 18:17:37"
+ },
+ {
"name": "rmrevin/yii2-fontawesome",
"version": "2.17.1",
"source": {
@@ -926,6 +1237,54 @@
"time": "2016-12-20 13:26:02"
},
{
+ "name": "yiisoft/yii2-imagine",
+ "version": "2.1.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/yiisoft/yii2-imagine.git",
+ "reference": "59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/yiisoft/yii2-imagine/zipball/59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411",
+ "reference": "59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411",
+ "shasum": ""
+ },
+ "require": {
+ "imagine/imagine": "~0.6.0",
+ "yiisoft/yii2": "~2.0.0"
+ },
+ "type": "yii2-extension",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "2.0.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "yii\\imagine\\": ""
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Antonio Ramirez",
+ "email": "amigo.cobos@gmail.com"
+ }
+ ],
+ "description": "The Imagine integration for the Yii framework",
+ "keywords": [
+ "helper",
+ "image",
+ "imagine",
+ "yii2"
+ ],
+ "time": "2016-11-03 19:28:39"
+ },
+ {
"name": "yiisoft/yii2-swiftmailer",
"version": "2.0.6",
"source": {
--
libgit2 0.21.4