From edd2b1d4664624beb5f51e52d5e75b30abcead06 Mon Sep 17 00:00:00 2001 From: Nicolae Gabriel Date: Fri, 16 Dec 2016 13:52:51 +0200 Subject: [PATCH] *Me - removed all of the inline JS ( every page it has her own JS ) - created separate functions ( ex: init_chart(); ) - now all of the JS is in one place ( custom.min.js file ) --- build/css/style.css | 59 + build/js/custom.js | 8 +- build/js/custom.min.js | 2 +- build/js/custom2.js | 285 ++ build/js/new-custom.js | 4238 ++++++++++++++++++++++++++++++ production/calendar.html | 112 - production/chartjs.html | 197 -- production/chartjs2.html | 197 -- production/echarts.html | 2190 --------------- production/form.html | 225 -- production/form_advanced.html | 621 ----- production/form_validation.html | 31 - production/form_wizards.html | 15 - production/general_elements.html | 80 - production/inbox.html | 73 - production/index.html | 12 + production/index2.html | 9 + production/index3.html | 14 + production/map.html | 5 - production/morisjs.html | 129 - production/other_charts.html | 136 - production/profile.html | 105 - production/project_detail.html | 2 + production/tables.html | 64 +- production/tables_dynamic.html | 491 +++- production/widgets.html | 11 +- 26 files changed, 5035 insertions(+), 4276 deletions(-) create mode 100644 build/js/custom2.js create mode 100644 build/js/new-custom.js diff --git a/build/css/style.css b/build/css/style.css index 6eebd0ba..1a7eeffd 100644 --- a/build/css/style.css +++ b/build/css/style.css @@ -4135,9 +4135,13 @@ ul.notifications { min-height: 300px; border: 1px solid #e5e5e5 } + +/* .x_content { direction: rtl; } +*/ + .main_menu .label { line-height: 11px; margin-top: 4px; @@ -4158,3 +4162,58 @@ ul.notifications { } + + +/* 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; } +*/ + + + + diff --git a/build/js/custom.js b/build/js/custom.js index 1acf545e..cb6c7040 100644 --- a/build/js/custom.js +++ b/build/js/custom.js @@ -187,11 +187,12 @@ $(document).ready(function() { }); // /Switchery + // iCheck $(document).ready(function() { - if ($("input.flat")[0]) { + if ($("input.checkbox")[0]) { $(document).ready(function () { - $('input.flat').iCheck({ + $('input.checkbox').iCheck({ checkboxClass: 'icheckbox_flat-green', radioClass: 'iradio_flat-green' }); @@ -200,6 +201,7 @@ $(document).ready(function() { }); // /iCheck + // Table $('table input').on('ifChecked', function () { checkState = ''; @@ -253,6 +255,8 @@ function countChecked() { } } + + // Accordion $(document).ready(function() { $(".expand").on("click", function () { diff --git a/build/js/custom.min.js b/build/js/custom.min.js index 627697b8..dd48380b 100644 --- a/build/js/custom.min.js +++ b/build/js/custom.min.js @@ -1 +1 @@ -function countChecked(){"all"===checkState&&$(".bulk_action input[name='table_records']").iCheck("check"),"none"===checkState&&$(".bulk_action input[name='table_records']").iCheck("uncheck");var e=$(".bulk_action input[name='table_records']:checked").length;e?($(".column-title").hide(),$(".bulk-actions").show(),$(".action-cnt").html(e+" Records Selected")):($(".column-title").show(),$(".bulk-actions").hide())}!function(e,t){var n=function(e,t,n){var i;return function(){function c(){n||e.apply(a,o),i=null}var a=this,o=arguments;i?clearTimeout(i):n&&e.apply(a,o),i=setTimeout(c,t||100)}};jQuery.fn[t]=function(e){return e?this.bind("resize",n(e)):this.trigger(t)}}(jQuery,"smartresize");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");$(document).ready(function(){var e=function(){$RIGHT_COL.css("min-height",$(window).height());var e=$BODY.outerHeight(),t=$BODY.hasClass("footer_fixed")?-10:$FOOTER.height(),n=$LEFT_COL.eq(1).height()+$SIDEBAR_FOOTER.height(),i=n>e?n:e;i-=$NAV_MENU.height()+t,$RIGHT_COL.css("min-height",i)};$SIDEBAR_MENU.find("a").on("click",function(t){var n=$(this).parent();n.is(".active")?(n.removeClass("active active-sm"),$("ul:first",n).slideUp(function(){e()})):(n.parent().is(".child_menu")||($SIDEBAR_MENU.find("li").removeClass("active active-sm"),$SIDEBAR_MENU.find("li ul").slideUp()),n.addClass("active"),$("ul:first",n).slideDown(function(){e()}))}),$MENU_TOGGLE.on("click",function(){$BODY.hasClass("nav-md")?($SIDEBAR_MENU.find("li.active ul").hide(),$SIDEBAR_MENU.find("li.active").addClass("active-sm").removeClass("active")):($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"),e()}),$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(){e()}).parent().addClass("active"),$(window).smartresize(function(){e()}),e(),$.fn.mCustomScrollbar&&$(".menu_fixed").mCustomScrollbar({autoHideScrollbar:!0,theme:"minimal",mouseWheel:{preventDefault:!0}})}),$(document).ready(function(){$(".collapse-link").on("click",function(){var e=$(this).closest(".x_panel"),t=$(this).find("i"),n=e.find(".x_content");e.attr("style")?n.slideToggle(200,function(){e.removeAttr("style")}):(n.slideToggle(200),e.css("height","auto")),t.toggleClass("fa-chevron-up fa-chevron-down")}),$(".close-link").click(function(){var e=$(this).closest(".x_panel");e.remove()})}),$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip({container:"body"})}),$(".progress .progress-bar")[0]&&$(".progress .progress-bar").progressbar(),$(document).ready(function(){if($(".js-switch")[0]){var e=Array.prototype.slice.call(document.querySelectorAll(".js-switch"));e.forEach(function(e){new Switchery(e,{color:"#26B99A"})})}}),$(document).ready(function(){$("input.flat")[0]&&$(document).ready(function(){$("input.flat").iCheck({checkboxClass:"icheckbox_flat-green",radioClass:"iradio_flat-green"})})}),$("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()}),$(document).ready(function(){$(".expand").on("click",function(){$(this).next().slideToggle(200),$expand=$(this).find(">:first-child"),"+"==$expand.text()?$expand.text("-"):$expand.text("+")})}),"undefined"!=typeof NProgress&&($(document).ready(function(){NProgress.start()}),$(window).load(function(){NProgress.done()})); \ No newline at end of file +function countChecked(){"all"===checkState&&$(".bulk_action .checkbox input[name='table_records']").iCheck("check"),"none"===checkState&&$(".bulk_action .checkbox input[name='table_records']").iCheck("uncheck");var e=$(".bulk_action .checkbox input[name='table_records']:checked").length;e?($(".column-title").hide(),$(".bulk-actions").show(),$(".action-cnt").html(e+" Records Selected")):($(".column-title").show(),$(".bulk-actions").hide())}!function(e,t){var n=function(e,t,n){var i;return function(){function c(){n||e.apply(a,o),i=null}var a=this,o=arguments;i?clearTimeout(i):n&&e.apply(a,o),i=setTimeout(c,t||100)}};jQuery.fn[t]=function(e){return e?this.bind("resize",n(e)):this.trigger(t)}}(jQuery,"smartresize");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");$(document).ready(function(){var e=function(){$RIGHT_COL.css("min-height",$(window).height());var e=$BODY.outerHeight(),t=$BODY.hasClass("footer_fixed")?-10:$FOOTER.height(),n=$LEFT_COL.eq(1).height()+$SIDEBAR_FOOTER.height(),i=n>e?n:e;i-=$NAV_MENU.height()+t,$RIGHT_COL.css("min-height",i)};$SIDEBAR_MENU.find("a").on("click",function(t){var n=$(this).parent();n.is(".active")?(n.removeClass("active active-sm"),$("ul:first",n).slideUp(function(){e()})):(n.parent().is(".child_menu")||($SIDEBAR_MENU.find("li").removeClass("active active-sm"),$SIDEBAR_MENU.find("li ul").slideUp()),n.addClass("active"),$("ul:first",n).slideDown(function(){e()}))}),$MENU_TOGGLE.on("click",function(){$BODY.hasClass("nav-md")?($SIDEBAR_MENU.find("li.active ul").hide(),$SIDEBAR_MENU.find("li.active").addClass("active-sm").removeClass("active")):($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"),e()}),$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(){e()}).parent().addClass("active"),$(window).smartresize(function(){e()}),e(),$.fn.mCustomScrollbar&&$(".menu_fixed").mCustomScrollbar({autoHideScrollbar:!0,theme:"minimal",mouseWheel:{preventDefault:!0}})}),$(document).ready(function(){$(".collapse-link").on("click",function(){var e=$(this).closest(".x_panel"),t=$(this).find("i"),n=e.find(".x_content");e.attr("style")?n.slideToggle(200,function(){e.removeAttr("style")}):(n.slideToggle(200),e.css("height","auto")),t.toggleClass("fa-chevron-up fa-chevron-down")}),$(".close-link").click(function(){var e=$(this).closest(".x_panel");e.remove()})}),$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip({container:"body"})}),$(".progress .progress-bar")[0]&&$(".progress .progress-bar").progressbar(),$(document).ready(function(){if($(".js-switch")[0]){var e=Array.prototype.slice.call(document.querySelectorAll(".js-switch"));e.forEach(function(e){new Switchery(e,{color:"#26B99A"})})}}),/*$(document).ready(function(){$(".checkbox input")[0]&&$(document).ready(function(){$(".checkbox input").iCheck({checkboxClass:"icheckbox_flat-green",radioClass:"iradio_flat-green"})})}),*/$("table .checkbox input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$("table .checkbox input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()});var checkState="";$(".bulk_action .checkbox input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$(".bulk_action .checkbox input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()}),$(".bulk_action .checkbox input#check-all").on("ifChecked",function(){checkState="all",countChecked()}),$(".bulk_action .checkbox input#check-all").on("ifUnchecked",function(){checkState="none",countChecked()}),$(document).ready(function(){$(".expand").on("click",function(){$(this).next().slideToggle(200),$expand=$(this).find(">:first-child"),"+"==$expand.text()?$expand.text("-"):$expand.text("+")})}),"undefined"!=typeof NProgress&&($(document).ready(function(){NProgress.start()}),$(window).load(function(){NProgress.done()})); \ No newline at end of file diff --git a/build/js/custom2.js b/build/js/custom2.js new file mode 100644 index 00000000..7e2f6b37 --- /dev/null +++ b/build/js/custom2.js @@ -0,0 +1,285 @@ +/** + * 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 +$(document).ready(function() { + // 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) { + 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(); + } + + $li.addClass('active'); + + $('ul:first', $li).slideDown(function() { + setContentHeight(); + }); + } + }); + + // toggle small or large menu + $MENU_TOGGLE.on('click', function() { + 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 + +// 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 ($(".checkbox input")[0]) { + $(document).ready(function () { + $('.checkbox input').iCheck({ + checkboxClass: 'icheckbox_flat-green', + radioClass: 'iradio_flat-green' + }); + }); + } +}); +// /iCheck +*/ + +// Table +/* +$('table .checkbox-action').on('ifChecked', function () { + checkState = ''; + $(this).parent().parent().parent().addClass('selected'); + countChecked(); +}); + +$('table .checkbox-action').on('ifUnchecked', function () { + checkState = ''; + $(this).parent().parent().parent().removeClass('selected'); + countChecked(); +}); + +var checkState = ''; + +$('.bulk_action .checkbox-action').on('ifChecked', function () { + checkState = ''; + $(this).parent().parent().parent().addClass('selected'); + countChecked(); +}); +$('.bulk_action .checkbox-action').on('ifUnchecked', function () { + checkState = ''; + $(this).parent().parent().parent().removeClass('selected'); + countChecked(); +}); +$('.bulk_action .checkbox-action#check-all').on('ifChecked', function () { + checkState = 'all'; + countChecked(); +}); +$('.bulk_action .checkbox-action#check-all').on('ifUnchecked', function () { + checkState = 'none'; + countChecked(); +}); + +function countChecked() { + if (checkState === 'all') { + $(".bulk_action .checkbox-action[name='table_records']").iCheck('check'); + } + if (checkState === 'none') { + $(".bulk_action .checkbox-action[name='table_records']").iCheck('uncheck'); + } + + var checkCount = $(".bulk_action .checkbox-action[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(); + }); +} diff --git a/build/js/new-custom.js b/build/js/new-custom.js new file mode 100644 index 00000000..a1a63e6a --- /dev/null +++ b/build/js/new-custom.js @@ -0,0 +1,4238 @@ + +(function($) { + "use strict"; + + + (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. + */ + + + /* ========================================================================== + exists - Check if an element exists + ========================================================================== */ + + function exists(e) { + return $(e).length > 0; + } + + + 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) { + 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(); + } + + $li.addClass('active'); + + $('ul:first', $li).slideDown(function() { + setContentHeight(); + }); + } + }); + + // toggle small or large menu + $MENU_TOGGLE.on('click', function() { + 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 + + /* PROGRESSBAR */ + + if ($(".progress .progress-bar")[0]) { + $('.progress .progress-bar').progressbar(); + } + + Chart.defaults.global.legend = { + enabled: false + }; + + /* KNOB */ + + $(function($) { + + $(".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; + } + }); + }); + + + /* 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; + }); + + /* VALIDATOR --- end */ + + /* CHARTS */ + + // Line chart + 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 + 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 + 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 + 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 + 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 + 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 + } + } + } + }); + + + /* 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' + } + }; + + 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: '???' + }] + } + }] + }); + + 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' + }] + }] + }); + + 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' + }] + }] + }); + + var echartGauge = echarts.init(document.getElementById('echart_guage'), 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' + }] + }] + }); + + 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] + }] + }); + + 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' + }] + } + }] + }); + + 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] + }] + }); + + 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' + }] + }] + }); + + 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' + }] + }] + }); + + 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)' + } + }; + + 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 + }] + }] + }); + + 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 + }] + }] + }); + + /* ECHARTS --- end */ + + /* SMART WIZARD */ + + function init_SmartWizard() { + $('#wizard').smartWizard(); + + $('#wizard_verticle').smartWizard({ + transitionEffect: 'slide' + }); + + $('.buttonNext').addClass('btn btn-success'); + $('.buttonPrevious').addClass('btn btn-primary'); + $('.buttonFinish').addClass('btn btn-default'); + }); + + /* CROPPER */ + + function 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 */ + + /* PANEL TOOLBOX */ + + function init_toolbox() { + $('.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 + function init_tooltip() { + $('[data-toggle="tooltip"]').tooltip({ + container: 'body' + }); + }); + // /Tooltip + + /* SWITCHERY */ + + function init_switchery() { + 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' + }); + }); + } + }); + + + /* ICHECK */ + + function init_icheck() { + if ($("input.checkbox")[0]) { + $(document).ready(function () { + $('input.checkbox').iCheck({ + checkboxClass: 'icheckbox_flat-green', + radioClass: 'iradio_flat-green' + }); + }); + } + }); + + + // 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(); + }); + + /* COUNT CHECKED */ + + function init_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(); + } + } + + /* DATERANGEPICKER */ + + function init_daterangepicker() { + $('#birthday').daterangepicker({ + singleDatePicker: true, + calender_style: "picker_4" + }, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + }); + + /* COMPOSE */ + + function init_compose() { + + $('#compose, .compose-close').click(function(){ + $('.compose').slideToggle(); + }); + + }; + + /* WYSIWYG EDITOR */ + + function init_wysiwyg() { + function initToolbarBootstrapBindings() { + 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'); + } + + initToolbarBootstrapBindings(); + + $('.editor-wrapper').each(function(){ + var id = $(this).attr('id'); //editor-one + + $(this).wysiwyg({ + toolbarSelector: '[data-target="#' + id + '"]', + fileUploadError: showErrorAlert + }); + }); + + window.prettyPrint; + prettyPrint(); + }); + + + /* ACCORDION */ + + function init_accordion() { + $(".expand").on("click", function () { + $(this).next().slideToggle(200); + $expand = $(this).find(">:first-child"); + + if ($expand.text() == "+") { + $expand.text("-"); + } else { + $expand.text("+"); + } + }); + }); + + + /* MORRIS CHART */ + + function init_morris_chart() { + Morris.Bar({ + element: 'graph_bar', + data: [ + { "period": "Jan", "Hours worked": 80 }, + { "period": "Feb", "Hours worked": 125 }, + { "period": "Mar", "Hours worked": 176 }, + { "period": "Apr", "Hours worked": 224 }, + { "period": "May", "Hours worked": 265 }, + { "period": "Jun", "Hours worked": 314 }, + { "period": "Jul", "Hours worked": 347 }, + { "period": "Aug", "Hours worked": 287 }, + { "period": "Sep", "Hours worked": 240 }, + { "period": "Oct", "Hours worked": 211 } + ], + xkey: 'period', + hideHover: 'auto', + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + ykeys: ['Hours worked', 'sorned'], + labels: ['Hours worked', 'SORN'], + xLabelAngle: 60, + resize: true + }); + + $MENU_TOGGLE.on('click', function() { + $(window).resize(); + }); + }); + + /* SELECT2 */ + + function init_select2() { + $(".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 + }); + }); + + /* CHART - MORRIS PAGE */ + + function init_MorrisChartPage() { + 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 + }); + + 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 + }); + + 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); + }); + + 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 + }); + + 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 + }); + + 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(); + }); + }); + + /* DATE PEACKER */ + + function init_date_picker() { + + 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')); + //alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]"); + } + + 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(); + }); + }); + + /* 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() { + $('#tags_1').tagsInput({ + width: 'auto' + }); + }); + + /* PARSLEY */ + + function init_parsley() { + + $.listen('parsley:field:validate', function() { + validateFront(); + }); + + $('#demo-form .btn[type:submit]').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'); + } + }; + + }); + + /* PARSLEY 2 */ + + function init_parsley2() { + $.listen('parsley:field:validate', function() { + validateFront(); + }); + $('#demo-form2 .btn[type:submit]').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) {} + + /* AUTOSIZE */ + + function init_autosize() { + autosize($('.resizable_textarea')); + }); + + /* AUTOCOMPLETE */ + + function 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 Barthlemy",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:"Cte dIvoire",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:"Runion",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:"So Tom and Prncipe",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 + }); + }); + + /* STARRR */ + + function 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); + }); + }); + + /* BOOTSTRAP DATERANGEPICKER */ + + //1 + function init_bootstrap_daterangepicker() { + 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(); + }); + + }); + + //2 + + function init_daterangepicker2() { + 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/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: '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(); + }); + }); + + //3 + + function init_daterangepicker3() { + $('#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); + }); + }); + + //4 + + function init_daterangepicker4() { + $('#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' + } + }); + }); + + /* ION RANGE SLIDER */ + + function 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"); + } + }); + }); + + /* COLOR PICKER */ + + function init_ColorPicker() { + $('#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' + } + }); + }); + + /* INPUT MASK */ + + function init_InputMask() { + $(":input").inputmask(); + }); + + /* PNotify */ + + function 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() { + 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'); + }); + }); + + /* JQVMAP */ + + function init_JQVmap(){ + $('#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' + }); + + $('#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' + }); + }); + + /* SPARKLINES */ + + function init_sparklines() { + $(".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', + }); + + }); + + /* EASYPIECHART */ + + function 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 + } + }); + }); + + /* DATA TABLES */ + + function 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(); + }); + + /* CALENDAR */ + + /*$(window).load*/function 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/' + }] + }); + }); + + eventAfterRender: function render (event, element, view) { + element.append(event.title); + + } + + $(document).ready(function() { + + init_daterangepicker(); + init_wysiwyg(); + init_select2(); + init_TagsInput(); + init_toolbox(); + init_switchery(); + init_autosize(); + init_starrr(); + init_parsley(); + init_cropper(); + init_bootstrap_daterangepicker(); + init_bootstrap_daterangepicker2(); + init_bootstrap_daterangepicker3(); + init_bootstrap_daterangepicker4(); + init_IonRangeSlider(); + init_ColorPicker(); + init_InputMask(); + init_parsley2(); + init_tooltip(); + init_DataTables(); + init_JQVmap(); + init_SmartWizard(); + init_compose(); + init_autocomplete(); + init_icheck(); + init_PNotify(); + init_CustomNotification(); + init_countChecked(); + init_accordion(); + init_sparklines(); + init_EasyPieChart(); + init_morris_chart(); + init_MorrisChartPage(); + init_date_picker(); + init_calendar(); + + }); + + + + +})(jQuery); + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/production/calendar.html b/production/calendar.html index ca87cc86..57c18849 100755 --- a/production/calendar.html +++ b/production/calendar.html @@ -424,117 +424,5 @@ - - - - - - - \ No newline at end of file diff --git a/production/chartjs.html b/production/chartjs.html index c3c9f58b..a01016e3 100755 --- a/production/chartjs.html +++ b/production/chartjs.html @@ -483,202 +483,5 @@ - - - \ No newline at end of file diff --git a/production/chartjs2.html b/production/chartjs2.html index 5e8660da..914bb710 100755 --- a/production/chartjs2.html +++ b/production/chartjs2.html @@ -481,202 +481,5 @@ - - - \ No newline at end of file diff --git a/production/echarts.html b/production/echarts.html index 12cb416a..3d2c5b46 100755 --- a/production/echarts.html +++ b/production/echarts.html @@ -668,2195 +668,5 @@ - \ No newline at end of file diff --git a/production/form.html b/production/form.html index 3a8177e3..60ff6db7 100755 --- a/production/form.html +++ b/production/form.html @@ -1360,233 +1360,8 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/production/form_advanced.html b/production/form_advanced.html index e76d093c..9581bc8e 100755 --- a/production/form_advanced.html +++ b/production/form_advanced.html @@ -1225,626 +1225,5 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/production/form_validation.html b/production/form_validation.html index 76d52804..a58a1394 100755 --- a/production/form_validation.html +++ b/production/form_validation.html @@ -425,36 +425,5 @@ - - - \ No newline at end of file diff --git a/production/form_wizards.html b/production/form_wizards.html index 0c94bd24..acd67a08 100755 --- a/production/form_wizards.html +++ b/production/form_wizards.html @@ -599,20 +599,5 @@ - - - \ No newline at end of file diff --git a/production/general_elements.html b/production/general_elements.html index 09704027..73826697 100755 --- a/production/general_elements.html +++ b/production/general_elements.html @@ -1657,85 +1657,5 @@ - - - - - - - \ No newline at end of file diff --git a/production/inbox.html b/production/inbox.html index 41678305..6b149788 100755 --- a/production/inbox.html +++ b/production/inbox.html @@ -638,78 +638,5 @@ - - - - - - > - \ No newline at end of file diff --git a/production/index.html b/production/index.html index b45d3051..8a24ea1e 100755 --- a/production/index.html +++ b/production/index.html @@ -1023,6 +1023,7 @@ + + + + + + diff --git a/production/index2.html b/production/index2.html index 34cce2ba..2661b858 100755 --- a/production/index2.html +++ b/production/index2.html @@ -769,7 +769,9 @@ + + + + \ No newline at end of file diff --git a/production/index3.html b/production/index3.html index 1a3882fe..8f848780 100755 --- a/production/index3.html +++ b/production/index3.html @@ -885,6 +885,7 @@ + + + + + + + \ No newline at end of file diff --git a/production/map.html b/production/map.html index cf26fd53..8a319837 100755 --- a/production/map.html +++ b/production/map.html @@ -1244,9 +1244,6 @@
    - - - - - diff --git a/production/morisjs.html b/production/morisjs.html index e3af4ed5..e31f4220 100755 --- a/production/morisjs.html +++ b/production/morisjs.html @@ -495,134 +495,5 @@ - - - \ No newline at end of file diff --git a/production/other_charts.html b/production/other_charts.html index 4e7af4d7..e1ee4d2a 100755 --- a/production/other_charts.html +++ b/production/other_charts.html @@ -458,141 +458,5 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/production/profile.html b/production/profile.html index faa6665f..52346d58 100755 --- a/production/profile.html +++ b/production/profile.html @@ -578,110 +578,5 @@ - - - - - \ No newline at end of file diff --git a/production/project_detail.html b/production/project_detail.html index f03d4d86..c2079529 100755 --- a/production/project_detail.html +++ b/production/project_detail.html @@ -481,6 +481,7 @@ + \ No newline at end of file diff --git a/production/tables.html b/production/tables.html index d599ea09..e5a4fabb 100755 --- a/production/tables.html +++ b/production/tables.html @@ -16,7 +16,7 @@ - + @@ -557,8 +557,11 @@ - @@ -577,7 +580,10 @@ @@ -590,7 +596,10 @@ @@ -604,7 +613,10 @@ @@ -618,7 +630,10 @@ @@ -631,7 +646,10 @@ @@ -644,7 +662,10 @@ @@ -658,7 +679,10 @@ @@ -671,7 +695,10 @@ @@ -685,7 +712,10 @@ @@ -698,7 +728,10 @@ @@ -711,7 +744,10 @@
    - + + Invoice Invoice Date
    - + 121000040 May 23, 2014 11:47:56 PM
    - + 121000039 May 23, 2014 11:30:12 PM
    - + 121000038 May 24, 2014 10:55:33 PM
    - + 121000037 May 24, 2014 10:52:44 PM
    - + 121000040 May 24, 2014 11:47:56 PM
    - + 121000039 May 26, 2014 11:30:12 PM
    - + 121000038 May 26, 2014 10:55:33 PM
    - + 121000037 May 26, 2014 10:52:44 PM
    - + 121000040 May 27, 2014 11:47:56 PM
    - + 121000039 May 28, 2014 11:30:12 PM
    + + + @@ -740,7 +776,7 @@ - + diff --git a/production/tables_dynamic.html b/production/tables_dynamic.html index fe0ba773..a178e4b0 100755 --- a/production/tables_dynamic.html +++ b/production/tables_dynamic.html @@ -16,7 +16,7 @@ - + @@ -825,7 +825,12 @@ - + @@ -838,7 +843,12 @@ - + @@ -847,7 +857,12 @@ - + @@ -856,7 +871,12 @@ - + @@ -865,7 +885,12 @@ - + @@ -874,7 +899,12 @@ - + @@ -883,7 +913,12 @@ - + @@ -892,7 +927,12 @@ - + @@ -901,7 +941,12 @@ - + @@ -910,7 +955,12 @@ - + @@ -919,7 +969,12 @@ - + @@ -928,7 +983,12 @@ - + @@ -937,7 +997,12 @@ - + @@ -946,7 +1011,12 @@ - + @@ -955,7 +1025,12 @@ - + @@ -964,7 +1039,12 @@ - + @@ -973,7 +1053,12 @@ - + @@ -982,7 +1067,12 @@ - + @@ -991,7 +1081,12 @@ - + @@ -1000,7 +1095,12 @@ - + @@ -1009,7 +1109,12 @@ - + @@ -1018,7 +1123,12 @@ - + @@ -1027,7 +1137,12 @@ - + @@ -1036,7 +1151,12 @@ - + @@ -1045,7 +1165,12 @@ - + @@ -1054,7 +1179,12 @@ - + @@ -1063,7 +1193,12 @@ - + @@ -1072,7 +1207,12 @@ - + @@ -1081,7 +1221,12 @@ - + @@ -1090,7 +1235,12 @@ - + @@ -1099,7 +1249,12 @@ - + @@ -1108,7 +1263,12 @@ - + @@ -1117,7 +1277,12 @@ - + @@ -1126,7 +1291,12 @@ - + @@ -1135,7 +1305,12 @@ - + @@ -1144,7 +1319,12 @@ - + @@ -1153,7 +1333,12 @@ - + @@ -1162,7 +1347,12 @@ - + @@ -1171,7 +1361,12 @@ - + @@ -1180,7 +1375,12 @@ - + @@ -1189,7 +1389,12 @@ - + @@ -1198,7 +1403,12 @@ - + @@ -1207,7 +1417,12 @@ - + @@ -1216,7 +1431,12 @@ - + @@ -1225,7 +1445,12 @@ - + @@ -1234,7 +1459,12 @@ - + @@ -1243,7 +1473,12 @@ - + @@ -1252,7 +1487,12 @@ - + @@ -1261,7 +1501,12 @@ - + @@ -1270,7 +1515,12 @@ - + @@ -1279,7 +1529,12 @@ - + @@ -1288,7 +1543,12 @@ - + @@ -1297,7 +1557,12 @@ - + @@ -1306,7 +1571,12 @@ - + @@ -1315,7 +1585,12 @@ - + @@ -1324,7 +1599,12 @@ - + @@ -1333,7 +1613,12 @@ - + @@ -1342,7 +1627,12 @@ - + @@ -3585,88 +3875,7 @@ - + - - - \ No newline at end of file diff --git a/production/widgets.html b/production/widgets.html index b368cbec..3969745f 100755 --- a/production/widgets.html +++ b/production/widgets.html @@ -928,6 +928,8 @@ + + + + + + \ No newline at end of file
    + + Name Position Office
    + + Tiger Nixon System Architect Edinburgh$320,800
    + + Garrett Winters Accountant Tokyo$170,750
    + + Ashton Cox Junior Technical Author San Francisco$86,000
    + + Cedric Kelly Senior Javascript Developer Edinburgh$433,060
    + + Airi Satou Accountant Tokyo$162,700
    + + Brielle Williamson Integration Specialist New York$372,000
    + + Herrod Chandler Sales Assistant San Francisco$137,500
    + + Rhona Davidson Integration Specialist Tokyo$327,900
    + + Colleen Hurst Javascript Developer San Francisco$205,500
    + + Sonya Frost Software Engineer Edinburgh$103,600
    + + Jena Gaines Office Manager London$90,560
    + + Quinn Flynn Support Lead Edinburgh$342,000
    + + Charde Marshall Regional Director San Francisco$470,600
    + + Haley Kennedy Senior Marketing Designer London$313,500
    + + Tatyana Fitzpatrick Regional Director London$385,750
    + + Michael Silva Marketing Designer London$198,500
    + + Paul Byrd Chief Financial Officer (CFO) New York$725,000
    + + Gloria Little Systems Administrator New York$237,500
    + + Bradley Greer Software Engineer London$132,000
    + + Dai Rios Personnel Lead Edinburgh$217,500
    + + Jenette Caldwell Development Lead New York$345,000
    + + Yuri Berry Chief Marketing Officer (CMO) New York$675,000
    + + Caesar Vance Pre-Sales Support New York$106,450
    + + Doris Wilder Sales Assistant Sidney$85,600
    + + Angelica Ramos Chief Executive Officer (CEO) London$1,200,000
    + + Gavin Joyce Developer Edinburgh$92,575
    + + Jennifer Chang Regional Director Singapore$357,650
    + + Brenden Wagner Software Engineer San Francisco$206,850
    + + Fiona Green Chief Operating Officer (COO) San Francisco$850,000
    + + Shou Itou Regional Marketing Tokyo$163,000
    + + Michelle House Integration Specialist Sidney$95,400
    + + Suki Burks Developer London$114,500
    + + Prescott Bartlett Technical Author London$145,000
    + + Gavin Cortez Team Leader San Francisco$235,500
    + + Martena Mccray Post-Sales support Edinburgh$324,050
    + + Unity Butler Marketing Designer San Francisco$85,675
    + + Howard Hatfield Office Manager San Francisco$164,500
    + + Hope Fuentes Secretary San Francisco$109,850
    + + Vivian Harrell Financial Controller San Francisco$452,500
    + + Timothy Mooney Office Manager London$136,200
    + + Jackson Bradshaw Director New York$645,750
    + + Olivia Liang Support Engineer Singapore$234,500
    + + Bruno Nash Software Engineer London$163,500
    + + Sakura Yamamoto Support Engineer Tokyo$139,575
    + + Thor Walton Developer New York$98,540
    + + Finn Camacho Support Engineer San Francisco$87,500
    + + Serge Baldwin Data Coordinator Singapore$138,575
    + + Zenaida Frank Software Engineer New York$125,250
    + + Zorita Serrano Software Engineer San Francisco$115,000
    + + Jennifer Acosta Junior Javascript Developer Edinburgh$75,650
    + + Cara Stevens Sales Assistant New York$145,600
    + + Hermione Butler Regional Director London$356,250
    + + Lael Greer Systems Administrator London$103,500
    + + Jonas Alexander Developer San Francisco$86,500
    + + Shad Decker Regional Director Edinburgh$183,000
    + + Michael Bruce Javascript Developer Singapore$183,000
    + + Donna Snider Customer Support New York