diff --git a/Initializer.php b/Initializer.php index f79e6bd..5cdac3e 100644 --- a/Initializer.php +++ b/Initializer.php @@ -1043,7 +1043,7 @@ if (strtoupper(substr(PHP_OS, 0, 3)) === 'WIN') { shell_exec("explorer '{$url}'"); } else { - shell_exec("sensible-browser {$url}"); + shell_exec("sensible-browser {$url} > /dev/null 2>/dev/null &"); $params = $this->getParams(); if (isset( $params[ 'fun' ] )) { echo shell_exec("hollywood"); diff --git a/_composer.json b/_composer.json new file mode 100644 index 0000000..3a71eee --- /dev/null +++ b/_composer.json @@ -0,0 +1,57 @@ +{ + "name": "artweb/artbox-basic", + "description": "Artbox Basic Project Template", + "keywords": [ + "yii2", + "cms", + "artweb", + "artbox", + "basic", + "project template" + ], + "homepage": "http://artweb.ua", + "type": "project", + "license": "BSD-3-Clause", + "support": { + "wiki": "http://www.yiiframework.com/wiki/" + }, + "minimum-stability": "dev", + "require": { + "php": ">=7.0", + "artweb/artbox-core": "*", + "yiisoft/yii2": "~2.0", + "yiisoft/yii2-bootstrap": "~2.0", + "yiisoft/yii2-swiftmailer": "~2.0", + "noam148/yii2-image-manager": "~1.0", + "yiister/yii2-gentelella": "~1.0", + "yii2tech/filedb": "~1.0", + "hiqdev/yii2-asset-pnotify": "~2.0", + "hiqdev/yii2-asset-icheck": "~1.0", + "google/apiclient": "^2.0" + }, + "require-dev": { + "yiisoft/yii2-debug": "~2.0.0", + "yiisoft/yii2-gii": "~2.0.0", + "yiisoft/yii2-faker": "~2.0.0", + "codeception/base": "^2.2.3", + "codeception/verify": "~0.3.1" + }, + "config": { + "process-timeout": 1800 + }, + "extra": { + "asset-installer-paths": { + "npm-asset-library": "vendor/npm", + "bower-asset-library": "vendor/bower" + } + }, + "scripts": { + "post-install-cmd": "php init --env=Development --overwrite=n" + }, + "autoload": { + "psr-4": { + "artbox\\core\\": "artweb/artbox-core/", + "artbox\\gentelella\\": "artweb/artbox-gentelella/" + } + } +} diff --git a/backend/assets/css/custom.css b/backend/assets/css/custom.css deleted file mode 100755 index ecbb677..0000000 --- a/backend/assets/css/custom.css +++ /dev/null @@ -1,4241 +0,0 @@ - -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 deleted file mode 100755 index 5329989..0000000 --- a/backend/assets/js/custom.js +++ /dev/null @@ -1,5067 +0,0 @@ -/** - * 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 = ""; - - if (!document.getElementById('custom_notifications')) { - alert('doesnt exists'); - } else { - $('#custom_notifications ul.notifications').append("
    • "); - $('#custom_notifications #notif-group').append(message); - cnt++; - CustomTabs(options); - } - }; - - CustomTabs = function(options) { - $('.tabbed_notifications > div').hide(); - $('.tabbed_notifications > div:first-of-type').show(); - $('#custom_notifications').removeClass('dsp_none'); - $('.notifications a').click(function(e) { - e.preventDefault(); - var $this = $(this), - tabbed_notifications = '#' + $this.parents('.notifications').data('tabbed_notifications'), - others = $this.closest('li').siblings().children('a'), - target = $this.attr('href'); - others.removeClass('active'); - $this.addClass('active'); - $(tabbed_notifications).children('div').hide(); - $(target).show(); - }); - }; - - CustomTabs(); - - var tabid = idname = ''; - - $(document).on('click', '.notification_close', function(e) { - idname = $(this).parent().parent().attr("id"); - tabid = idname.substr(-2); - $('#ntf' + tabid).remove(); - $('#ntlink' + tabid).parent().remove(); - $('.notifications a').first().addClass('active'); - $('#notif-group div').first().css('display', 'block'); - }); - - }; - - /* EASYPIECHART */ - - function init_EasyPieChart() { - - if( typeof ($.fn.easyPieChart) === 'undefined'){ return; } - console.log('init_EasyPieChart'); - - $('.chart').easyPieChart({ - easing: 'easeOutElastic', - delay: 3000, - barColor: '#26B99A', - trackColor: '#fff', - scaleColor: false, - lineWidth: 20, - trackWidth: 16, - lineCap: 'butt', - onStep: function(from, to, percent) { - $(this.el).find('.percent').text(Math.round(percent)); - } - }); - var chart = window.chart = $('.chart').data('easyPieChart'); - $('.js_update').on('click', function() { - chart.update(Math.random() * 200 - 100); - }); - - //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 init_charts() { - - console.log('run_charts typeof [' + typeof (Chart) + ']'); - - if( typeof (Chart) === 'undefined'){ return; } - - console.log('init_charts'); - - - Chart.defaults.global.legend = { - enabled: false - }; - - - - if ($('#canvas_line').length ){ - - var canvas_line_00 = new Chart(document.getElementById("canvas_line"), { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - - if ($('#canvas_line1').length ){ - - var canvas_line_01 = new Chart(document.getElementById("canvas_line1"), { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - - if ($('#canvas_line2').length ){ - - var canvas_line_02 = new Chart(document.getElementById("canvas_line2"), { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - - if ($('#canvas_line3').length ){ - - var canvas_line_03 = new Chart(document.getElementById("canvas_line3"), { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - - if ($('#canvas_line4').length ){ - - var canvas_line_04 = new Chart(document.getElementById("canvas_line4"), { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - - // Line chart - - if ($('#lineChart').length ){ - - var ctx = document.getElementById("lineChart"); - var lineChart = new Chart(ctx, { - type: 'line', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(38, 185, 154, 0.31)", - borderColor: "rgba(38, 185, 154, 0.7)", - pointBorderColor: "rgba(38, 185, 154, 0.7)", - pointBackgroundColor: "rgba(38, 185, 154, 0.7)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - pointBorderWidth: 1, - data: [31, 74, 6, 39, 20, 85, 7] - }, { - label: "My Second dataset", - backgroundColor: "rgba(3, 88, 106, 0.3)", - borderColor: "rgba(3, 88, 106, 0.70)", - pointBorderColor: "rgba(3, 88, 106, 0.70)", - pointBackgroundColor: "rgba(3, 88, 106, 0.70)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(151,187,205,1)", - pointBorderWidth: 1, - data: [82, 23, 66, 9, 99, 4, 2] - }] - }, - }); - - } - - // Bar chart - - if ($('#mybarChart').length ){ - - var ctx = document.getElementById("mybarChart"); - var mybarChart = new Chart(ctx, { - type: 'bar', - data: { - labels: ["January", "February", "March", "April", "May", "June", "July"], - datasets: [{ - label: '# of Votes', - backgroundColor: "#26B99A", - data: [51, 30, 40, 28, 92, 50, 45] - }, { - label: '# of Votes', - backgroundColor: "#03586A", - data: [41, 56, 25, 48, 72, 34, 12] - }] - }, - - options: { - scales: { - yAxes: [{ - ticks: { - beginAtZero: true - } - }] - } - } - }); - - } - - - // Doughnut chart - - if ($('#canvasDoughnut').length ){ - - var ctx = document.getElementById("canvasDoughnut"); - var data = { - labels: [ - "Dark Grey", - "Purple Color", - "Gray Color", - "Green Color", - "Blue Color" - ], - datasets: [{ - data: [120, 50, 140, 180, 100], - backgroundColor: [ - "#455C73", - "#9B59B6", - "#BDC3C7", - "#26B99A", - "#3498DB" - ], - hoverBackgroundColor: [ - "#34495E", - "#B370CF", - "#CFD4D8", - "#36CAAB", - "#49A9EA" - ] - - }] - }; - - var canvasDoughnut = new Chart(ctx, { - type: 'doughnut', - tooltipFillColor: "rgba(51, 51, 51, 0.55)", - data: data - }); - - } - - // Radar chart - - if ($('#canvasRadar').length ){ - - var ctx = document.getElementById("canvasRadar"); - var data = { - labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], - datasets: [{ - label: "My First dataset", - backgroundColor: "rgba(3, 88, 106, 0.2)", - borderColor: "rgba(3, 88, 106, 0.80)", - pointBorderColor: "rgba(3, 88, 106, 0.80)", - pointBackgroundColor: "rgba(3, 88, 106, 0.80)", - pointHoverBackgroundColor: "#fff", - pointHoverBorderColor: "rgba(220,220,220,1)", - data: [65, 59, 90, 81, 56, 55, 40] - }, { - label: "My Second dataset", - backgroundColor: "rgba(38, 185, 154, 0.2)", - borderColor: "rgba(38, 185, 154, 0.85)", - pointColor: "rgba(38, 185, 154, 0.85)", - pointStrokeColor: "#fff", - pointHighlightFill: "#fff", - pointHighlightStroke: "rgba(151,187,205,1)", - data: [28, 48, 40, 19, 96, 27, 100] - }] - }; - - var canvasRadar = new Chart(ctx, { - type: 'radar', - data: data, - }); - - } - - - // Pie chart - if ($('#pieChart').length ){ - - var ctx = document.getElementById("pieChart"); - var data = { - datasets: [{ - data: [120, 50, 140, 180, 100], - backgroundColor: [ - "#455C73", - "#9B59B6", - "#BDC3C7", - "#26B99A", - "#3498DB" - ], - label: 'My dataset' // for legend - }], - labels: [ - "Dark Gray", - "Purple", - "Gray", - "Green", - "Blue" - ] - }; - - var pieChart = new Chart(ctx, { - data: data, - type: 'pie', - otpions: { - legend: false - } - }); - - } - - - // PolarArea chart - - if ($('#polarArea').length ){ - - var ctx = document.getElementById("polarArea"); - var data = { - datasets: [{ - data: [120, 50, 140, 180, 100], - backgroundColor: [ - "#455C73", - "#9B59B6", - "#BDC3C7", - "#26B99A", - "#3498DB" - ], - label: 'My dataset' - }], - labels: [ - "Dark Gray", - "Purple", - "Gray", - "Green", - "Blue" - ] - }; - - var polarArea = new Chart(ctx, { - data: data, - type: 'polarArea', - options: { - scale: { - ticks: { - beginAtZero: true - } - } - } - }); - - } - } - - /* COMPOSE */ - - function init_compose() { - - if( typeof ($.fn.slideToggle) === 'undefined'){ return; } - console.log('init_compose'); - - $('#compose, .compose-close').click(function(){ - $('.compose').slideToggle(); - }); - - }; - - /* CALENDAR */ - - function init_calendar() { - - if( typeof ($.fn.fullCalendar) === 'undefined'){ return; } - console.log('init_calendar'); - - var date = new Date(), - d = date.getDate(), - m = date.getMonth(), - y = date.getFullYear(), - started, - categoryClass; - - var calendar = $('#calendar').fullCalendar({ - header: { - left: 'prev,next today', - center: 'title', - right: 'month,agendaWeek,agendaDay,listMonth' - }, - selectable: true, - selectHelper: true, - select: function(start, end, allDay) { - $('#fc_create').click(); - - started = start; - ended = end; - - $(".antosubmit").on("click", function() { - var title = $("#title").val(); - if (end) { - ended = end; - } - - categoryClass = $("#event_type").val(); - - if (title) { - calendar.fullCalendar('renderEvent', { - title: title, - start: started, - end: end, - allDay: allDay - }, - true // make the event "stick" - ); - } - - $('#title').val(''); - - calendar.fullCalendar('unselect'); - - $('.antoclose').click(); - - return false; - }); - }, - eventClick: function(calEvent, jsEvent, view) { - $('#fc_edit').click(); - $('#title2').val(calEvent.title); - - categoryClass = $("#event_type").val(); - - $(".antosubmit2").on("click", function() { - calEvent.title = $("#title2").val(); - - calendar.fullCalendar('updateEvent', calEvent); - $('.antoclose2').click(); - }); - - calendar.fullCalendar('unselect'); - }, - editable: true, - events: [{ - title: 'All Day Event', - start: new Date(y, m, 1) - }, { - title: 'Long Event', - start: new Date(y, m, d - 5), - end: new Date(y, m, d - 2) - }, { - title: 'Meeting', - start: new Date(y, m, d, 10, 30), - allDay: false - }, { - title: 'Lunch', - start: new Date(y, m, d + 14, 12, 0), - end: new Date(y, m, d, 14, 0), - allDay: false - }, { - title: 'Birthday Party', - start: new Date(y, m, d + 1, 19, 0), - end: new Date(y, m, d + 1, 22, 30), - allDay: false - }, { - title: 'Click for Google', - start: new Date(y, m, 28), - end: new Date(y, m, 29), - url: 'http://google.com/' - }] - }); - - }; - - /* DATA TABLES */ - - function init_DataTables() { - - console.log('run_datatables'); - - if( typeof ($.fn.DataTable) === 'undefined'){ return; } - console.log('init_DataTables'); - - var handleDataTableButtons = function() { - if ($("#datatable-buttons").length) { - $("#datatable-buttons").DataTable({ - dom: "Bfrtip", - buttons: [ - { - extend: "copy", - className: "btn-sm" - }, - { - extend: "csv", - className: "btn-sm" - }, - { - extend: "excel", - className: "btn-sm" - }, - { - extend: "pdfHtml5", - className: "btn-sm" - }, - { - extend: "print", - className: "btn-sm" - }, - ], - responsive: true - }); - } - }; - - TableManageButtons = function() { - "use strict"; - return { - init: function() { - handleDataTableButtons(); - } - }; - }(); - - $('#datatable').dataTable(); - - $('#datatable-keytable').DataTable({ - keys: true - }); - - $('#datatable-responsive').DataTable(); - - $('#datatable-scroller').DataTable({ - ajax: "js/datatables/json/scroller-demo.json", - deferRender: true, - scrollY: 380, - scrollCollapse: true, - scroller: true - }); - - $('#datatable-fixed-header').DataTable({ - fixedHeader: true - }); - - var $datatable = $('#datatable-checkbox'); - - $datatable.dataTable({ - 'order': [[ 1, 'asc' ]], - 'columnDefs': [ - { orderable: false, targets: [0] } - ] - }); - $datatable.on('draw.dt', function() { - $('checkbox input').iCheck({ - checkboxClass: 'icheckbox_flat-green' - }); - }); - - TableManageButtons.init(); - - }; - - /* CHART - MORRIS */ - - function init_morris_charts() { - - if( typeof (Morris) === 'undefined'){ return; } - console.log('init_morris_charts'); - - if ($('#graph_bar').length){ - - Morris.Bar({ - element: 'graph_bar', - data: [ - {device: 'iPhone 4', geekbench: 380}, - {device: 'iPhone 4S', geekbench: 655}, - {device: 'iPhone 3GS', geekbench: 275}, - {device: 'iPhone 5', geekbench: 1571}, - {device: 'iPhone 5S', geekbench: 655}, - {device: 'iPhone 6', geekbench: 2154}, - {device: 'iPhone 6 Plus', geekbench: 1144}, - {device: 'iPhone 6S', geekbench: 2371}, - {device: 'iPhone 6S Plus', geekbench: 1471}, - {device: 'Other', geekbench: 1371} - ], - xkey: 'device', - ykeys: ['geekbench'], - labels: ['Geekbench'], - barRatio: 0.4, - barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - xLabelAngle: 35, - hideHover: 'auto', - resize: true - }); - - } - - if ($('#graph_bar_group').length ){ - - Morris.Bar({ - element: 'graph_bar_group', - data: [ - {"period": "2016-10-01", "licensed": 807, "sorned": 660}, - {"period": "2016-09-30", "licensed": 1251, "sorned": 729}, - {"period": "2016-09-29", "licensed": 1769, "sorned": 1018}, - {"period": "2016-09-20", "licensed": 2246, "sorned": 1461}, - {"period": "2016-09-19", "licensed": 2657, "sorned": 1967}, - {"period": "2016-09-18", "licensed": 3148, "sorned": 2627}, - {"period": "2016-09-17", "licensed": 3471, "sorned": 3740}, - {"period": "2016-09-16", "licensed": 2871, "sorned": 2216}, - {"period": "2016-09-15", "licensed": 2401, "sorned": 1656}, - {"period": "2016-09-10", "licensed": 2115, "sorned": 1022} - ], - xkey: 'period', - barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - ykeys: ['licensed', 'sorned'], - labels: ['Licensed', 'SORN'], - hideHover: 'auto', - xLabelAngle: 60, - resize: true - }); - - } - - if ($('#graphx').length ){ - - Morris.Bar({ - element: 'graphx', - data: [ - {x: '2015 Q1', y: 2, z: 3, a: 4}, - {x: '2015 Q2', y: 3, z: 5, a: 6}, - {x: '2015 Q3', y: 4, z: 3, a: 2}, - {x: '2015 Q4', y: 2, z: 4, a: 5} - ], - xkey: 'x', - ykeys: ['y', 'z', 'a'], - barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - hideHover: 'auto', - labels: ['Y', 'Z', 'A'], - resize: true - }).on('click', function (i, row) { - console.log(i, row); - }); - - } - - if ($('#graph_area').length ){ - - Morris.Area({ - element: 'graph_area', - data: [ - {period: '2014 Q1', iphone: 2666, ipad: null, itouch: 2647}, - {period: '2014 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, - {period: '2014 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, - {period: '2014 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, - {period: '2015 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, - {period: '2015 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, - {period: '2015 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, - {period: '2015 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, - {period: '2016 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, - {period: '2016 Q2', iphone: 8432, ipad: 5713, itouch: 1791} - ], - xkey: 'period', - ykeys: ['iphone', 'ipad', 'itouch'], - lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - labels: ['iPhone', 'iPad', 'iPod Touch'], - pointSize: 2, - hideHover: 'auto', - resize: true - }); - - } - - if ($('#graph_donut').length ){ - - Morris.Donut({ - element: 'graph_donut', - data: [ - {label: 'Jam', value: 25}, - {label: 'Frosted', value: 40}, - {label: 'Custard', value: 25}, - {label: 'Sugar', value: 10} - ], - colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - formatter: function (y) { - return y + "%"; - }, - resize: true - }); - - } - - if ($('#graph_line').length ){ - - Morris.Line({ - element: 'graph_line', - xkey: 'year', - ykeys: ['value'], - labels: ['Value'], - hideHover: 'auto', - lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], - data: [ - {year: '2012', value: 20}, - {year: '2013', value: 10}, - {year: '2014', value: 5}, - {year: '2015', value: 5}, - {year: '2016', value: 20} - ], - resize: true - }); - - $MENU_TOGGLE.on('click', function() { - $(window).resize(); - }); - - } - - }; - - - - /* ECHRTS */ - - - function init_echarts() { - - if( typeof (echarts) === 'undefined'){ return; } - console.log('init_echarts'); - - - var theme = { - color: [ - '#26B99A', '#34495E', '#BDC3C7', '#3498DB', - '#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7' - ], - - title: { - itemGap: 8, - textStyle: { - fontWeight: 'normal', - color: '#408829' - } - }, - - dataRange: { - color: ['#1f610a', '#97b58d'] - }, - - toolbox: { - color: ['#408829', '#408829', '#408829', '#408829'] - }, - - tooltip: { - backgroundColor: 'rgba(0,0,0,0.5)', - axisPointer: { - type: 'line', - lineStyle: { - color: '#408829', - type: 'dashed' - }, - crossStyle: { - color: '#408829' - }, - shadowStyle: { - color: 'rgba(200,200,200,0.3)' - } - } - }, - - dataZoom: { - dataBackgroundColor: '#eee', - fillerColor: 'rgba(64,136,41,0.2)', - handleColor: '#408829' - }, - grid: { - borderWidth: 0 - }, - - categoryAxis: { - axisLine: { - lineStyle: { - color: '#408829' - } - }, - splitLine: { - lineStyle: { - color: ['#eee'] - } - } - }, - - valueAxis: { - axisLine: { - lineStyle: { - color: '#408829' - } - }, - splitArea: { - show: true, - areaStyle: { - color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] - } - }, - splitLine: { - lineStyle: { - color: ['#eee'] - } - } - }, - timeline: { - lineStyle: { - color: '#408829' - }, - controlStyle: { - normal: {color: '#408829'}, - emphasis: {color: '#408829'} - } - }, - - k: { - itemStyle: { - normal: { - color: '#68a54a', - color0: '#a9cba2', - lineStyle: { - width: 1, - color: '#408829', - color0: '#86b379' - } - } - } - }, - map: { - itemStyle: { - normal: { - areaStyle: { - color: '#ddd' - }, - label: { - textStyle: { - color: '#c12e34' - } - } - }, - emphasis: { - areaStyle: { - color: '#99d2dd' - }, - label: { - textStyle: { - color: '#c12e34' - } - } - } - } - }, - force: { - itemStyle: { - normal: { - linkStyle: { - strokeColor: '#408829' - } - } - } - }, - chord: { - padding: 4, - itemStyle: { - normal: { - lineStyle: { - width: 1, - color: 'rgba(128, 128, 128, 0.5)' - }, - chordStyle: { - lineStyle: { - width: 1, - color: 'rgba(128, 128, 128, 0.5)' - } - } - }, - emphasis: { - lineStyle: { - width: 1, - color: 'rgba(128, 128, 128, 0.5)' - }, - chordStyle: { - lineStyle: { - width: 1, - color: 'rgba(128, 128, 128, 0.5)' - } - } - } - } - }, - gauge: { - startAngle: 225, - endAngle: -45, - axisLine: { - show: true, - lineStyle: { - color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']], - width: 8 - } - }, - axisTick: { - splitNumber: 10, - length: 12, - lineStyle: { - color: 'auto' - } - }, - axisLabel: { - textStyle: { - color: 'auto' - } - }, - splitLine: { - length: 18, - lineStyle: { - color: 'auto' - } - }, - pointer: { - length: '90%', - color: 'auto' - }, - title: { - textStyle: { - color: '#333' - } - }, - detail: { - textStyle: { - color: 'auto' - } - } - }, - textStyle: { - fontFamily: 'Arial, Verdana, sans-serif' - } - }; - - - //echart Bar - - if ($('#mainb').length ){ - - var echartBar = echarts.init(document.getElementById('mainb'), theme); - - echartBar.setOption({ - title: { - text: 'Graph title', - subtext: 'Graph Sub-text' - }, - tooltip: { - trigger: 'axis' - }, - legend: { - data: ['sales', 'purchases'] - }, - toolbox: { - show: false - }, - calculable: false, - xAxis: [{ - type: 'category', - data: ['1?', '2?', '3?', '4?', '5?', '6?', '7?', '8?', '9?', '10?', '11?', '12?'] - }], - yAxis: [{ - type: 'value' - }], - series: [{ - name: 'sales', - type: 'bar', - data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], - markPoint: { - data: [{ - type: 'max', - name: '???' - }, { - type: 'min', - name: '???' - }] - }, - markLine: { - data: [{ - type: 'average', - name: '???' - }] - } - }, { - name: 'purchases', - type: 'bar', - data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], - markPoint: { - data: [{ - name: 'sales', - value: 182.2, - xAxis: 7, - yAxis: 183, - }, { - name: 'purchases', - value: 2.3, - xAxis: 11, - yAxis: 3 - }] - }, - markLine: { - data: [{ - type: 'average', - name: '???' - }] - } - }] - }); - - } - - - - - //echart Radar - - if ($('#echart_sonar').length ){ - - var echartRadar = echarts.init(document.getElementById('echart_sonar'), theme); - - echartRadar.setOption({ - title: { - text: 'Budget vs spending', - subtext: 'Subtitle' - }, - tooltip: { - trigger: 'item' - }, - legend: { - orient: 'vertical', - x: 'right', - y: 'bottom', - data: ['Allocated Budget', 'Actual Spending'] - }, - toolbox: { - show: true, - feature: { - restore: { - show: true, - title: "Restore" - }, - saveAsImage: { - show: true, - title: "Save Image" - } - } - }, - polar: [{ - indicator: [{ - text: 'Sales', - max: 6000 - }, { - text: 'Administration', - max: 16000 - }, { - text: 'Information Techology', - max: 30000 - }, { - text: 'Customer Support', - max: 38000 - }, { - text: 'Development', - max: 52000 - }, { - text: 'Marketing', - max: 25000 - }] - }], - calculable: true, - series: [{ - name: 'Budget vs spending', - type: 'radar', - data: [{ - value: [4300, 10000, 28000, 35000, 50000, 19000], - name: 'Allocated Budget' - }, { - value: [5000, 14000, 28000, 31000, 42000, 21000], - name: 'Actual Spending' - }] - }] - }); - - } - - //echart Funnel - - if ($('#echart_pyramid').length ){ - - var echartFunnel = echarts.init(document.getElementById('echart_pyramid'), theme); - - echartFunnel.setOption({ - title: { - text: 'Echart Pyramid Graph', - subtext: 'Subtitle' - }, - tooltip: { - trigger: 'item', - formatter: "{a}
    {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 d4c1d99..8518676 100755 --- a/backend/config/main.php +++ b/backend/config/main.php @@ -38,11 +38,12 @@ 'assetManager' => [ 'bundles' => [ 'yiister\gentelella\assets\ThemeAsset' => [ - 'sourcePath' => '@backend/assets/', - 'js' => [ + 'basePath' => '@webroot', + 'baseUrl' => '@web', + 'js' => [ 'js/custom.js', ], - 'css' => [ + 'css' => [ 'css/custom.css', ], ], diff --git a/backend/controllers/SettingsController.php b/backend/controllers/SettingsController.php index f9885f1..f5a7bbd 100755 --- a/backend/controllers/SettingsController.php +++ b/backend/controllers/SettingsController.php @@ -2,7 +2,7 @@ namespace backend\controllers; use common\models\Settings; - use Codeception\Exception\ConfigurationException; + use yii\base\InvalidConfigException; use yii\filters\AccessControl; use yii\web\Controller; use Yii; @@ -14,7 +14,9 @@ */ class SettingsController extends Controller { - + /** + * @inheritdoc + */ public function behaviors() { return [ @@ -41,13 +43,18 @@ ]; } /** - * @return bool|string + * @inheritdoc */ public function getViewPath() { return \Yii::getAlias('@artbox/core/views/settings'); } - + + /** + * Display site settings page + * + * @return string|\yii\web\Response + */ public function actionIndex() { $model = $this->findSettings(); @@ -65,7 +72,13 @@ ] ); } - + + /** + * Find site settings + * + * @return \yii2tech\filedb\ActiveRecord + * @throws \yii\base\InvalidConfigException + */ public function findSettings() { if ($model = Settings::find() @@ -73,7 +86,8 @@ ) { return $model; } else { - throw new ConfigurationException('Settings file not found'); + throw new InvalidConfigException('Settings file not found'); } } - } \ No newline at end of file + } + \ No newline at end of file diff --git a/backend/controllers/SiteController.php b/backend/controllers/SiteController.php index 27e3b58..1288744 100755 --- a/backend/controllers/SiteController.php +++ b/backend/controllers/SiteController.php @@ -1,107 +1,113 @@ [ - 'class' => AccessControl::className(), - 'rules' => [ - [ - 'actions' => ['login', 'error'], - 'allow' => true, - ], - [ - 'actions' => [ - 'logout', - 'index', - 'analytic', + /** + * @inheritdoc + */ + public function behaviors() + { + return [ + 'access' => [ + 'class' => AccessControl::className(), + 'rules' => [ + [ + 'actions' => [ + 'login', + 'error', + ], + 'allow' => true, + ], + [ + 'actions' => [ + 'logout', + 'index', + 'analytic', + ], + 'allow' => true, + 'roles' => [ '@' ], ], - 'allow' => true, - 'roles' => ['@'], ], ], - ], - 'verbs' => [ - 'class' => VerbFilter::className(), - 'actions' => [ - 'logout' => ['post'], + 'verbs' => [ + 'class' => VerbFilter::className(), + 'actions' => [ + 'logout' => [ 'post' ], + ], ], - ], - ]; - } - - /** - * @inheritdoc - */ - public function actions() - { - return [ - 'error' => [ - 'class' => 'yii\web\ErrorAction', - ], - ]; - } - - /** - * Displays homepage. - * - * @return string - */ - public function actionIndex() - { - return $this->render('index'); - } - - /** - * Login action. - * - * @return string - */ - public function actionLogin() - { - if (!Yii::$app->user->isGuest) { + ]; + } + + /** + * @inheritdoc + */ + public function actions() + { + return [ + 'error' => [ + 'class' => 'yii\web\ErrorAction', + ], + ]; + } + + /** + * Displays homepage. + * + * @return string + */ + public function actionIndex() + { + return $this->render('index'); + } + + /** + * Login action. + * + * @return string + */ + public function actionLogin() + { + if (!Yii::$app->user->isGuest) { + return $this->goHome(); + } + + $model = new LoginForm(); + if ($model->load(Yii::$app->request->post()) && $model->login()) { + return $this->goBack(); + } else { + return $this->renderPartial( + 'login', + [ + 'model' => $model, + ] + ); + } + } + + /** + * Logout action. + * + * @return string + */ + public function actionLogout() + { + Yii::$app->user->logout(); + return $this->goHome(); } - - $model = new LoginForm(); - if ($model->load(Yii::$app->request->post()) && $model->login()) { - return $this->goBack(); - } else { - return $this->renderPartial('login', [ - 'model' => $model, - ]); + + public function actionAnalytic() + { + return $this->renderPartial('analytic'); } } - - /** - * Logout action. - * - * @return string - */ - public function actionLogout() - { - Yii::$app->user->logout(); - - return $this->goHome(); - } - - public function actionAnalytic() - { - return $this->renderPartial('analytic'); - } -} diff --git a/backend/views/layouts/main.php b/backend/views/layouts/main.php index 9f0a667..42adb17 100755 --- a/backend/views/layouts/main.php +++ b/backend/views/layouts/main.php @@ -7,25 +7,24 @@ use artbox\core\assets\ArtboxCoreAsset; use artbox\core\models\User; + use artbox\core\models\UserData; use artbox\core\widgets\FeedbackWidget; use artbox\core\widgets\FlashWidget; - use hiqdev\assets\icheck\iCheckAsset; - use hiqdev\assets\pnotify\PNotifyAsset; use yii\bootstrap\Html; use yii\web\UrlManager; use yii\web\View; use yii\widgets\Breadcrumbs; use yiister\gentelella\widgets\Menu; - yiister\gentelella\assets\Asset::register($this); - PNotifyAsset::register($this); ArtboxCoreAsset::register($this); - iCheckAsset::register($this); /** * @var User $user */ $user = \Yii::$app->user->identity; + /** + * @var UserData $userData + */ $userData = $user->ensureExistance(); ?> beginPage(); ?> diff --git a/backend/views/site/error.php b/backend/views/site/error.php index 0ba2574..1403972 100755 --- a/backend/views/site/error.php +++ b/backend/views/site/error.php @@ -1,22 +1,23 @@ title = $name; + use yii\helpers\Html; + + /** + * @var $this yii\web\View + * @var $name string + * @var $message string + * @var $exception Exception + */ + + $this->title = $name; ?>
    - +

    title) ?>

    - +
    - +

    The above error occurred while the Web server was processing your request.

    diff --git a/backend/views/site/login.php b/backend/views/site/login.php index cb5d379..e7b4289 100755 --- a/backend/views/site/login.php +++ b/backend/views/site/login.php @@ -3,8 +3,10 @@ /** * @var string $content * @var \yii\web\View $this + * @var LoginForm $model */ + use common\models\LoginForm; use hiqdev\assets\icheck\iCheckAsset; use yii\helpers\Html; use yii\web\View; @@ -26,72 +28,68 @@ JS; beginPage(); ?> - - - - - - - <?= Html::encode($this->title) ?> - head() ?> - - - - -beginBody(); ?> -
    -
    -
    - - - - -
    -endBody(); ?> - + endBody(); ?> + endPage(); ?> diff --git a/backend/web/css/custom.css b/backend/web/css/custom.css new file mode 100755 index 0000000..ecbb677 --- /dev/null +++ b/backend/web/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/web/js/custom.js b/backend/web/js/custom.js new file mode 100755 index 0000000..5329989 --- /dev/null +++ b/backend/web/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 = ""; + + if (!document.getElementById('custom_notifications')) { + alert('doesnt exists'); + } else { + $('#custom_notifications ul.notifications').append("
    • "); + $('#custom_notifications #notif-group').append(message); + cnt++; + CustomTabs(options); + } + }; + + CustomTabs = function(options) { + $('.tabbed_notifications > div').hide(); + $('.tabbed_notifications > div:first-of-type').show(); + $('#custom_notifications').removeClass('dsp_none'); + $('.notifications a').click(function(e) { + e.preventDefault(); + var $this = $(this), + tabbed_notifications = '#' + $this.parents('.notifications').data('tabbed_notifications'), + others = $this.closest('li').siblings().children('a'), + target = $this.attr('href'); + others.removeClass('active'); + $this.addClass('active'); + $(tabbed_notifications).children('div').hide(); + $(target).show(); + }); + }; + + CustomTabs(); + + var tabid = idname = ''; + + $(document).on('click', '.notification_close', function(e) { + idname = $(this).parent().parent().attr("id"); + tabid = idname.substr(-2); + $('#ntf' + tabid).remove(); + $('#ntlink' + tabid).parent().remove(); + $('.notifications a').first().addClass('active'); + $('#notif-group div').first().css('display', 'block'); + }); + + }; + + /* EASYPIECHART */ + + function init_EasyPieChart() { + + if( typeof ($.fn.easyPieChart) === 'undefined'){ return; } + console.log('init_EasyPieChart'); + + $('.chart').easyPieChart({ + easing: 'easeOutElastic', + delay: 3000, + barColor: '#26B99A', + trackColor: '#fff', + scaleColor: false, + lineWidth: 20, + trackWidth: 16, + lineCap: 'butt', + onStep: function(from, to, percent) { + $(this.el).find('.percent').text(Math.round(percent)); + } + }); + var chart = window.chart = $('.chart').data('easyPieChart'); + $('.js_update').on('click', function() { + chart.update(Math.random() * 200 - 100); + }); + + //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 init_charts() { + + console.log('run_charts typeof [' + typeof (Chart) + ']'); + + if( typeof (Chart) === 'undefined'){ return; } + + console.log('init_charts'); + + + Chart.defaults.global.legend = { + enabled: false + }; + + + + if ($('#canvas_line').length ){ + + var canvas_line_00 = new Chart(document.getElementById("canvas_line"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line1').length ){ + + var canvas_line_01 = new Chart(document.getElementById("canvas_line1"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line2').length ){ + + var canvas_line_02 = new Chart(document.getElementById("canvas_line2"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line3').length ){ + + var canvas_line_03 = new Chart(document.getElementById("canvas_line3"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line4').length ){ + + var canvas_line_04 = new Chart(document.getElementById("canvas_line4"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + // Line chart + + if ($('#lineChart').length ){ + + var ctx = document.getElementById("lineChart"); + var lineChart = new Chart(ctx, { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + // Bar chart + + if ($('#mybarChart').length ){ + + var ctx = document.getElementById("mybarChart"); + var mybarChart = new Chart(ctx, { + type: 'bar', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: '# of Votes', + backgroundColor: "#26B99A", + data: [51, 30, 40, 28, 92, 50, 45] + }, { + label: '# of Votes', + backgroundColor: "#03586A", + data: [41, 56, 25, 48, 72, 34, 12] + }] + }, + + options: { + scales: { + yAxes: [{ + ticks: { + beginAtZero: true + } + }] + } + } + }); + + } + + + // Doughnut chart + + if ($('#canvasDoughnut').length ){ + + var ctx = document.getElementById("canvasDoughnut"); + var data = { + labels: [ + "Dark Grey", + "Purple Color", + "Gray Color", + "Green Color", + "Blue Color" + ], + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + hoverBackgroundColor: [ + "#34495E", + "#B370CF", + "#CFD4D8", + "#36CAAB", + "#49A9EA" + ] + + }] + }; + + var canvasDoughnut = new Chart(ctx, { + type: 'doughnut', + tooltipFillColor: "rgba(51, 51, 51, 0.55)", + data: data + }); + + } + + // Radar chart + + if ($('#canvasRadar').length ){ + + var ctx = document.getElementById("canvasRadar"); + var data = { + labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(3, 88, 106, 0.2)", + borderColor: "rgba(3, 88, 106, 0.80)", + pointBorderColor: "rgba(3, 88, 106, 0.80)", + pointBackgroundColor: "rgba(3, 88, 106, 0.80)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + data: [65, 59, 90, 81, 56, 55, 40] + }, { + label: "My Second dataset", + backgroundColor: "rgba(38, 185, 154, 0.2)", + borderColor: "rgba(38, 185, 154, 0.85)", + pointColor: "rgba(38, 185, 154, 0.85)", + pointStrokeColor: "#fff", + pointHighlightFill: "#fff", + pointHighlightStroke: "rgba(151,187,205,1)", + data: [28, 48, 40, 19, 96, 27, 100] + }] + }; + + var canvasRadar = new Chart(ctx, { + type: 'radar', + data: data, + }); + + } + + + // Pie chart + if ($('#pieChart').length ){ + + var ctx = document.getElementById("pieChart"); + var data = { + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + label: 'My dataset' // for legend + }], + labels: [ + "Dark Gray", + "Purple", + "Gray", + "Green", + "Blue" + ] + }; + + var pieChart = new Chart(ctx, { + data: data, + type: 'pie', + otpions: { + legend: false + } + }); + + } + + + // PolarArea chart + + if ($('#polarArea').length ){ + + var ctx = document.getElementById("polarArea"); + var data = { + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + label: 'My dataset' + }], + labels: [ + "Dark Gray", + "Purple", + "Gray", + "Green", + "Blue" + ] + }; + + var polarArea = new Chart(ctx, { + data: data, + type: 'polarArea', + options: { + scale: { + ticks: { + beginAtZero: true + } + } + } + }); + + } + } + + /* COMPOSE */ + + function init_compose() { + + if( typeof ($.fn.slideToggle) === 'undefined'){ return; } + console.log('init_compose'); + + $('#compose, .compose-close').click(function(){ + $('.compose').slideToggle(); + }); + + }; + + /* CALENDAR */ + + function init_calendar() { + + if( typeof ($.fn.fullCalendar) === 'undefined'){ return; } + console.log('init_calendar'); + + var date = new Date(), + d = date.getDate(), + m = date.getMonth(), + y = date.getFullYear(), + started, + categoryClass; + + var calendar = $('#calendar').fullCalendar({ + header: { + left: 'prev,next today', + center: 'title', + right: 'month,agendaWeek,agendaDay,listMonth' + }, + selectable: true, + selectHelper: true, + select: function(start, end, allDay) { + $('#fc_create').click(); + + started = start; + ended = end; + + $(".antosubmit").on("click", function() { + var title = $("#title").val(); + if (end) { + ended = end; + } + + categoryClass = $("#event_type").val(); + + if (title) { + calendar.fullCalendar('renderEvent', { + title: title, + start: started, + end: end, + allDay: allDay + }, + true // make the event "stick" + ); + } + + $('#title').val(''); + + calendar.fullCalendar('unselect'); + + $('.antoclose').click(); + + return false; + }); + }, + eventClick: function(calEvent, jsEvent, view) { + $('#fc_edit').click(); + $('#title2').val(calEvent.title); + + categoryClass = $("#event_type").val(); + + $(".antosubmit2").on("click", function() { + calEvent.title = $("#title2").val(); + + calendar.fullCalendar('updateEvent', calEvent); + $('.antoclose2').click(); + }); + + calendar.fullCalendar('unselect'); + }, + editable: true, + events: [{ + title: 'All Day Event', + start: new Date(y, m, 1) + }, { + title: 'Long Event', + start: new Date(y, m, d - 5), + end: new Date(y, m, d - 2) + }, { + title: 'Meeting', + start: new Date(y, m, d, 10, 30), + allDay: false + }, { + title: 'Lunch', + start: new Date(y, m, d + 14, 12, 0), + end: new Date(y, m, d, 14, 0), + allDay: false + }, { + title: 'Birthday Party', + start: new Date(y, m, d + 1, 19, 0), + end: new Date(y, m, d + 1, 22, 30), + allDay: false + }, { + title: 'Click for Google', + start: new Date(y, m, 28), + end: new Date(y, m, 29), + url: 'http://google.com/' + }] + }); + + }; + + /* DATA TABLES */ + + function init_DataTables() { + + console.log('run_datatables'); + + if( typeof ($.fn.DataTable) === 'undefined'){ return; } + console.log('init_DataTables'); + + var handleDataTableButtons = function() { + if ($("#datatable-buttons").length) { + $("#datatable-buttons").DataTable({ + dom: "Bfrtip", + buttons: [ + { + extend: "copy", + className: "btn-sm" + }, + { + extend: "csv", + className: "btn-sm" + }, + { + extend: "excel", + className: "btn-sm" + }, + { + extend: "pdfHtml5", + className: "btn-sm" + }, + { + extend: "print", + className: "btn-sm" + }, + ], + responsive: true + }); + } + }; + + TableManageButtons = function() { + "use strict"; + return { + init: function() { + handleDataTableButtons(); + } + }; + }(); + + $('#datatable').dataTable(); + + $('#datatable-keytable').DataTable({ + keys: true + }); + + $('#datatable-responsive').DataTable(); + + $('#datatable-scroller').DataTable({ + ajax: "js/datatables/json/scroller-demo.json", + deferRender: true, + scrollY: 380, + scrollCollapse: true, + scroller: true + }); + + $('#datatable-fixed-header').DataTable({ + fixedHeader: true + }); + + var $datatable = $('#datatable-checkbox'); + + $datatable.dataTable({ + 'order': [[ 1, 'asc' ]], + 'columnDefs': [ + { orderable: false, targets: [0] } + ] + }); + $datatable.on('draw.dt', function() { + $('checkbox input').iCheck({ + checkboxClass: 'icheckbox_flat-green' + }); + }); + + TableManageButtons.init(); + + }; + + /* CHART - MORRIS */ + + function init_morris_charts() { + + if( typeof (Morris) === 'undefined'){ return; } + console.log('init_morris_charts'); + + if ($('#graph_bar').length){ + + Morris.Bar({ + element: 'graph_bar', + data: [ + {device: 'iPhone 4', geekbench: 380}, + {device: 'iPhone 4S', geekbench: 655}, + {device: 'iPhone 3GS', geekbench: 275}, + {device: 'iPhone 5', geekbench: 1571}, + {device: 'iPhone 5S', geekbench: 655}, + {device: 'iPhone 6', geekbench: 2154}, + {device: 'iPhone 6 Plus', geekbench: 1144}, + {device: 'iPhone 6S', geekbench: 2371}, + {device: 'iPhone 6S Plus', geekbench: 1471}, + {device: 'Other', geekbench: 1371} + ], + xkey: 'device', + ykeys: ['geekbench'], + labels: ['Geekbench'], + barRatio: 0.4, + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + xLabelAngle: 35, + hideHover: 'auto', + resize: true + }); + + } + + if ($('#graph_bar_group').length ){ + + Morris.Bar({ + element: 'graph_bar_group', + data: [ + {"period": "2016-10-01", "licensed": 807, "sorned": 660}, + {"period": "2016-09-30", "licensed": 1251, "sorned": 729}, + {"period": "2016-09-29", "licensed": 1769, "sorned": 1018}, + {"period": "2016-09-20", "licensed": 2246, "sorned": 1461}, + {"period": "2016-09-19", "licensed": 2657, "sorned": 1967}, + {"period": "2016-09-18", "licensed": 3148, "sorned": 2627}, + {"period": "2016-09-17", "licensed": 3471, "sorned": 3740}, + {"period": "2016-09-16", "licensed": 2871, "sorned": 2216}, + {"period": "2016-09-15", "licensed": 2401, "sorned": 1656}, + {"period": "2016-09-10", "licensed": 2115, "sorned": 1022} + ], + xkey: 'period', + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + ykeys: ['licensed', 'sorned'], + labels: ['Licensed', 'SORN'], + hideHover: 'auto', + xLabelAngle: 60, + resize: true + }); + + } + + if ($('#graphx').length ){ + + Morris.Bar({ + element: 'graphx', + data: [ + {x: '2015 Q1', y: 2, z: 3, a: 4}, + {x: '2015 Q2', y: 3, z: 5, a: 6}, + {x: '2015 Q3', y: 4, z: 3, a: 2}, + {x: '2015 Q4', y: 2, z: 4, a: 5} + ], + xkey: 'x', + ykeys: ['y', 'z', 'a'], + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + hideHover: 'auto', + labels: ['Y', 'Z', 'A'], + resize: true + }).on('click', function (i, row) { + console.log(i, row); + }); + + } + + if ($('#graph_area').length ){ + + Morris.Area({ + element: 'graph_area', + data: [ + {period: '2014 Q1', iphone: 2666, ipad: null, itouch: 2647}, + {period: '2014 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, + {period: '2014 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, + {period: '2014 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, + {period: '2015 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, + {period: '2015 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, + {period: '2015 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, + {period: '2015 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, + {period: '2016 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, + {period: '2016 Q2', iphone: 8432, ipad: 5713, itouch: 1791} + ], + xkey: 'period', + ykeys: ['iphone', 'ipad', 'itouch'], + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + labels: ['iPhone', 'iPad', 'iPod Touch'], + pointSize: 2, + hideHover: 'auto', + resize: true + }); + + } + + if ($('#graph_donut').length ){ + + Morris.Donut({ + element: 'graph_donut', + data: [ + {label: 'Jam', value: 25}, + {label: 'Frosted', value: 40}, + {label: 'Custard', value: 25}, + {label: 'Sugar', value: 10} + ], + colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + formatter: function (y) { + return y + "%"; + }, + resize: true + }); + + } + + if ($('#graph_line').length ){ + + Morris.Line({ + element: 'graph_line', + xkey: 'year', + ykeys: ['value'], + labels: ['Value'], + hideHover: 'auto', + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + data: [ + {year: '2012', value: 20}, + {year: '2013', value: 10}, + {year: '2014', value: 5}, + {year: '2015', value: 5}, + {year: '2016', value: 20} + ], + resize: true + }); + + $MENU_TOGGLE.on('click', function() { + $(window).resize(); + }); + + } + + }; + + + + /* ECHRTS */ + + + function init_echarts() { + + if( typeof (echarts) === 'undefined'){ return; } + console.log('init_echarts'); + + + var theme = { + color: [ + '#26B99A', '#34495E', '#BDC3C7', '#3498DB', + '#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7' + ], + + title: { + itemGap: 8, + textStyle: { + fontWeight: 'normal', + color: '#408829' + } + }, + + dataRange: { + color: ['#1f610a', '#97b58d'] + }, + + toolbox: { + color: ['#408829', '#408829', '#408829', '#408829'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + type: 'line', + lineStyle: { + color: '#408829', + type: 'dashed' + }, + crossStyle: { + color: '#408829' + }, + shadowStyle: { + color: 'rgba(200,200,200,0.3)' + } + } + }, + + dataZoom: { + dataBackgroundColor: '#eee', + fillerColor: 'rgba(64,136,41,0.2)', + handleColor: '#408829' + }, + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + lineStyle: { + color: '#408829' + } + }, + splitLine: { + lineStyle: { + color: ['#eee'] + } + } + }, + + valueAxis: { + axisLine: { + lineStyle: { + color: '#408829' + } + }, + splitArea: { + show: true, + areaStyle: { + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] + } + }, + splitLine: { + lineStyle: { + color: ['#eee'] + } + } + }, + timeline: { + lineStyle: { + color: '#408829' + }, + controlStyle: { + normal: {color: '#408829'}, + emphasis: {color: '#408829'} + } + }, + + k: { + itemStyle: { + normal: { + color: '#68a54a', + color0: '#a9cba2', + lineStyle: { + width: 1, + color: '#408829', + color0: '#86b379' + } + } + } + }, + map: { + itemStyle: { + normal: { + areaStyle: { + color: '#ddd' + }, + label: { + textStyle: { + color: '#c12e34' + } + } + }, + emphasis: { + areaStyle: { + color: '#99d2dd' + }, + label: { + textStyle: { + color: '#c12e34' + } + } + } + } + }, + force: { + itemStyle: { + normal: { + linkStyle: { + strokeColor: '#408829' + } + } + } + }, + chord: { + padding: 4, + itemStyle: { + normal: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + }, + chordStyle: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + } + } + }, + emphasis: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + }, + chordStyle: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + } + } + } + } + }, + gauge: { + startAngle: 225, + endAngle: -45, + axisLine: { + show: true, + lineStyle: { + color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']], + width: 8 + } + }, + axisTick: { + splitNumber: 10, + length: 12, + lineStyle: { + color: 'auto' + } + }, + axisLabel: { + textStyle: { + color: 'auto' + } + }, + splitLine: { + length: 18, + lineStyle: { + color: 'auto' + } + }, + pointer: { + length: '90%', + color: 'auto' + }, + title: { + textStyle: { + color: '#333' + } + }, + detail: { + textStyle: { + color: 'auto' + } + } + }, + textStyle: { + fontFamily: 'Arial, Verdana, sans-serif' + } + }; + + + //echart Bar + + if ($('#mainb').length ){ + + var echartBar = echarts.init(document.getElementById('mainb'), theme); + + echartBar.setOption({ + title: { + text: 'Graph title', + subtext: 'Graph Sub-text' + }, + tooltip: { + trigger: 'axis' + }, + legend: { + data: ['sales', 'purchases'] + }, + toolbox: { + show: false + }, + calculable: false, + xAxis: [{ + type: 'category', + data: ['1?', '2?', '3?', '4?', '5?', '6?', '7?', '8?', '9?', '10?', '11?', '12?'] + }], + yAxis: [{ + type: 'value' + }], + series: [{ + name: 'sales', + type: 'bar', + data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], + markPoint: { + data: [{ + type: 'max', + name: '???' + }, { + type: 'min', + name: '???' + }] + }, + markLine: { + data: [{ + type: 'average', + name: '???' + }] + } + }, { + name: 'purchases', + type: 'bar', + data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], + markPoint: { + data: [{ + name: 'sales', + value: 182.2, + xAxis: 7, + yAxis: 183, + }, { + name: 'purchases', + value: 2.3, + xAxis: 11, + yAxis: 3 + }] + }, + markLine: { + data: [{ + type: 'average', + name: '???' + }] + } + }] + }); + + } + + + + + //echart Radar + + if ($('#echart_sonar').length ){ + + var echartRadar = echarts.init(document.getElementById('echart_sonar'), theme); + + echartRadar.setOption({ + title: { + text: 'Budget vs spending', + subtext: 'Subtitle' + }, + tooltip: { + trigger: 'item' + }, + legend: { + orient: 'vertical', + x: 'right', + y: 'bottom', + data: ['Allocated Budget', 'Actual Spending'] + }, + toolbox: { + show: true, + feature: { + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + polar: [{ + indicator: [{ + text: 'Sales', + max: 6000 + }, { + text: 'Administration', + max: 16000 + }, { + text: 'Information Techology', + max: 30000 + }, { + text: 'Customer Support', + max: 38000 + }, { + text: 'Development', + max: 52000 + }, { + text: 'Marketing', + max: 25000 + }] + }], + calculable: true, + series: [{ + name: 'Budget vs spending', + type: 'radar', + data: [{ + value: [4300, 10000, 28000, 35000, 50000, 19000], + name: 'Allocated Budget' + }, { + value: [5000, 14000, 28000, 31000, 42000, 21000], + name: 'Actual Spending' + }] + }] + }); + + } + + //echart Funnel + + if ($('#echart_pyramid').length ){ + + var echartFunnel = echarts.init(document.getElementById('echart_pyramid'), theme); + + echartFunnel.setOption({ + title: { + text: 'Echart Pyramid Graph', + subtext: 'Subtitle' + }, + tooltip: { + trigger: 'item', + formatter: "{a}
    {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/composer.json b/composer.json index 14ee942..64d2e2a 100644 --- a/composer.json +++ b/composer.json @@ -1,36 +1,32 @@ { - "name": "yiisoft/yii2-app-advanced", - "description": "Yii 2 Advanced Project Template", + "name": "artweb/artbox-basic", + "description": "Artbox Basic Project Template", "keywords": [ "yii2", - "framework", - "advanced", + "cms", + "artweb", + "artbox", + "basic", "project template" ], - "homepage": "http://www.yiiframework.com/", + "homepage": "http://artweb.ua", "type": "project", "license": "BSD-3-Clause", "support": { - "issues": "https://github.com/yiisoft/yii2/issues?state=open", - "forum": "http://www.yiiframework.com/forum/", - "wiki": "http://www.yiiframework.com/wiki/", - "irc": "irc://irc.freenode.net/yii", - "source": "https://github.com/yiisoft/yii2" + "wiki": "http://www.yiiframework.com/wiki/" }, - "minimum-stability": "stable", + "minimum-stability": "dev", "require": { - "php": ">=5.4.0", - "yiisoft/yii2": "~2.0.6", - "yiisoft/yii2-bootstrap": "~2.0.0", - "yiisoft/yii2-swiftmailer": "~2.0.0", - "insolita/yii2-migration-generator": "~2.2", + "php": ">=7.0", + "artweb/artbox-core": "*", + "yiisoft/yii2": "~2.0", + "yiisoft/yii2-bootstrap": "~2.0", + "yiisoft/yii2-swiftmailer": "~2.0", + "noam148/yii2-image-manager": "~1.0", "yiister/yii2-gentelella": "~1.0", - "hiqdev/yii2-asset-icheck": "1.0.2.5", - "noam148/yii2-image-manager": "*", - "yii2tech/filedb": "^1.0", - "hiqdev/yii2-asset-pnotify": "^2.1", - "yiisoft/yii2-imagine": "*", - "2amigos/yii2-tinymce-widget": "*", + "yii2tech/filedb": "~1.0", + "hiqdev/yii2-asset-pnotify": "~2.0", + "hiqdev/yii2-asset-icheck": "~1.0", "google/apiclient": "^2.0" }, "require-dev": { @@ -50,12 +46,16 @@ } }, "scripts": { - "post-install-cmd": "php init --env=Development --overwrite=n" + "post-install-cmd": "php init --env=Development --overwrite=All --dbinit --dbtype=postgresql --dbname=artbox_basic --username=postgres --password=postgres --migrationPath=artweb/artbox-core/migrations --migrate=yes --defaultuser --checkdb" }, - "autoload": { - "psr-4": { - "artbox\\core\\": "artweb/artbox-core/", - "artbox\\gentelella\\": "artweb/artbox-gentelella/" + "repositories": [ + { + "type": "vsc", + "url": "git@gitlab.artweb.com.ua:yarik.nechyporuk/artbox-core.git" + }, + { + "type": "vsc", + "url": "git@gitlab.artweb.com.ua:yarik.nechyporuk/artbox-gentelella.git" } - } + ] } -- libgit2 0.21.4