Skip to content

Administrator / yry_mhtml

Go to a project
Toggle navigation
Toggle navigation pinning
75f55d1d by ja
Options

测试化

0 parents
Expand all
Inline Side-by-side
Showing 884 changed files with 2360 additions and 0 deletions
/* Write your custom CSS here */
\ No newline at end of file
.page-content {
background: #343f47;
}
.navbar .logo-box {
background: #12afcb;
}
.navbar .logo-box a {
color: #fff;
}
.sidebar {
background: #343f47;
}
.sidebar-header {
background: #343f47;
}
.sidebar-profile span small {
color: #cedadd;
}
.menu {
background: #343f47;
}
.menu.accordion-menu a {
color: #cedadd;
}
.menu.accordion-menu > li > a:hover {
background: #2c363e;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #2c363e;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #2c363e;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #343f47;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #cedadd;
}
\ No newline at end of file
.page-content {
background: #34425A;
}
.navbar .logo-box {
background: #34425A;
}
.navbar .logo-box a {
color: #fff;
}
.sidebar {
background: #34425A;
}
.sidebar-header {
background: #34425A;
}
.sidebar-profile span small {
color: #899dc1;
}
.menu {
background: #34425A;
}
.menu.accordion-menu a {
color: #899dc1;
}
.menu.accordion-menu > li > a:hover {
background: #2b384e;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #2b384e;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #2B384E;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #34425A;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #899dc1;
}
\ No newline at end of file
.page-content {
background: #34425A;
}
.navbar .logo-box {
background: #22baa0;
}
.navbar .logo-box a {
color: #fff;
}
.sidebar {
background: #34425A;
}
.sidebar-header {
background: #34425A;
}
.sidebar-profile span small {
color: #899dc1;
}
.menu {
background: #34425A;
}
.menu.accordion-menu a {
color: #899dc1;
}
.menu.accordion-menu > li > a:hover {
background: #2b384e;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #2b384e;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #2B384E;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #34425A;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #899dc1;
}
\ No newline at end of file
.page-content {
background: #3f4454;
}
.navbar .logo-box {
background: #7a6fbe;
}
.navbar .logo-box a {
color: #fff;
}
.sidebar {
background: #3f4454;
}
.sidebar-header {
background: #3f4454;
}
.sidebar-profile span small {
color: #ccc;
}
.menu {
background: #3f4454;
}
.menu.accordion-menu a {
color: #ccc;
}
.menu.accordion-menu > li > a:hover {
background: #363b4a;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #363b4a;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #363b4a;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #3f4454;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #ccc;
}
\ No newline at end of file
.page-content {
background: #3f4454;
}
.navbar .logo-box {
background: #F25656;
}
.navbar .logo-box a {
color: #fff;
}
.sidebar {
background: #3f4454;
}
.sidebar-header {
background: #3f4454;
}
.sidebar-profile span small {
color: #ccc;
}
.menu {
background: #3f4454;
}
.menu.accordion-menu a {
color: #ccc;
}
.menu.accordion-menu > li > a:hover {
background: #363b4a;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #363b4a;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #363b4a;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #3f4454;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #ccc;
}
\ No newline at end of file
.page-content {
background: #34425A;
}
.navbar .logo-box {
background: #fff;
}
.navbar .logo-box a {
color: #5f5f5f;
}
.sidebar {
background: #34425A;
}
.sidebar-header {
background: #34425A;
}
.sidebar-profile span small {
color: #899dc1;
}
.menu {
background: #34425A;
}
.menu.accordion-menu a {
color: #899dc1;
}
.menu.accordion-menu > li > a:hover {
background: #2b384e;
color: #fff;
}
.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a {
background: #2b384e;
color: #fff;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
.horizontal-bar .accordion-menu > li.droplink:hover > a,
.menu.accordion-menu ul,
.menu.accordion-menu li.open > a,
.hover-menu .accordion-menu > li.droplink:hover > a {
background: #2B384E;
color: #fff;
}
.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
background: #34425A;
color: #fff;
}
.menu.accordion-menu ul li a {
color: #899dc1;
}
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="44px" height="44px" viewBox="-1 3 44 44" enable-background="new -1 3 44 44" xml:space="preserve">
<g>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="11" y1="15" x2="31" y2="35"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="31" y1="15" x2="11" y2="35"/>
</g>
</svg>
$( document ).ready(function() {
// Write your custom Javascript codes here...
});
\ No newline at end of file
$(document).ready(function(){function e(){document.fullScreenElement&&null!==document.fullScreenElement||!document.mozFullScreen&&!document.webkitIsFullScreen?document.documentElement.requestFullScreen?document.documentElement.requestFullScreen():document.documentElement.mozRequestFullScreen?document.documentElement.mozRequestFullScreen():document.documentElement.webkitRequestFullScreen&&document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT):document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen()}function a(e){$(e).block({message:'<img src="assets/images/reload.gif" width="20px" alt="">',css:{border:"none",padding:"0px",width:"20px",height:"20px",backgroundColor:"transparent"},overlayCSS:{backgroundColor:"#fff",opacity:.9,cursor:"wait"}})}function o(e){$(e).unblock()}$(".show-search").click(function(){$(".search-form").css("margin-top","0"),$(".search-input").focus()}),$(".close-search").click(function(){$(".search-form").css("margin-top","-60px")}),$(".toggle-fullscreen").click(function(){e()}),Waves.displayEffect(),$('[data-toggle~="tooltip"]').tooltip({container:"body"});var n=Array.prototype.slice.call(document.querySelectorAll(".js-switch"));n.forEach(function(e){new Switchery(e,{color:"#23B7E5"})}),$(".panel-collapse").click(function(){$(this).closest(".panel").children(".panel-body").slideToggle("fast")}),$(".panel-reload").click(function(){var e=$(this).closest(".panel").children(".panel-body");a(e),window.setTimeout(function(){o(e)},1e3)}),$(".panel-remove").click(function(){$(this).closest(".panel").hide()}),$(".push-sidebar").click(function(){var e=$(".sidebar");e.hasClass("visible")?(e.removeClass("visible"),$(".page-inner").removeClass("sidebar-visible")):(e.addClass("visible"),$(".page-inner").addClass("sidebar-visible"))}),$(".sortable").sortable({connectWith:".sortable",items:".panel",helper:"original",revert:!0,placeholder:"panel-placeholder",forcePlaceholderSize:!0,opacity:.95,cursor:"move"});var s=$("input[type=checkbox]:not(.switchery), input[type=radio]:not(.no-uniform)");s.size()>0&&s.each(function(){$(this).uniform()}),$.fn.toggleAttr=function(e,a){var o=void 0===a;return this.each(function(){o&&!$(this).is("["+e+"]")||!o&&a?$(this).attr(e,e):$(this).removeAttr(e)})};$(".sidebar .accordion-menu li .sub-menu").slideUp(0),$(".sidebar .accordion-menu li.open .sub-menu").slideDown(0),$(".small-sidebar .sidebar .accordion-menu li.open .sub-menu").hide(0),$(".sidebar .accordion-menu > li.droplink > a").click(function(){if(!$("body").hasClass(".small-sidebar")&&!$("body").hasClass(".page-horizontal-bar")&&!$("body").hasClass(".hover-menu")){{var e=$(".sidebar .menu"),a=($(".page-sidebar-inner"),$(".page-content"),$(this).next());$(this)}return e.find("li").removeClass("open"),$(".sub-menu").slideUp(200,function(){c()}),c(),a.is(":visible")?a.slideUp(200,function(){c()}):($(this).parent("li").addClass("open"),$(this).next(".sub-menu").slideDown(200,function(){c()})),!1}}),$(".sidebar .accordion-menu .sub-menu li.droplink > a").click(function(){{var e=$(this).parent().parent(),a=($(".page-sidebar-inner"),$(".page-content"),$(this).next());$(this)}return e.find("li").removeClass("open"),c(),a.is(":visible")?a.slideUp(200,function(){c()}):($(this).parent("li").addClass("open"),$(this).next(".sub-menu").slideDown(200,function(){c()})),!1});var c=function(){{var e,a=$(".page-inner"),o=$(".page-sidebar"),n=$("body"),s=$(".page-footer").outerHeight();$(".page-content").height()}a.attr("style","min-height:"+o.height()+"px !important"),n.hasClass("page-sidebar-fixed")?e=o.height()+s:(e=o.height()+s,e<$(window).height()&&(e=$(window).height())),e>=a.height()&&a.attr("style","min-height:"+e+"px !important")};c(),window.onresize=c,$(".slimscroll").slimscroll({allowPageScroll:!0});var t=document.querySelector(".fixed-header-check"),i=document.querySelector(".fixed-sidebar-check"),l=document.querySelector(".horizontal-bar-check"),d=document.querySelector(".toggle-sidebar-check"),r=document.querySelector(".boxed-layout-check"),h=document.querySelector(".compact-menu-check"),u=document.querySelector(".hover-menu-check"),b=function(){$("body").hasClass("small-sidebar")&&1==d.checked&&d.click(),$("body").hasClass("page-header-fixed")||0!=t.checked||t.click(),$("body").hasClass("page-sidebar-fixed")&&1==i.checked&&i.click(),$("body").hasClass("page-horizontal-bar")&&1==l.checked&&l.click(),$("body").hasClass("compact-menu")&&1==h.checked&&h.click(),$("body").hasClass("hover-menu")&&1==u.checked&&u.click(),$(".page-content").hasClass("container")&&1==r.checked&&r.click(),$(".theme-color").attr("href","assets/css/themes/white.css"),c()},m=$(".navbar .logo-box a span").text(),p=m.slice(0,1),g=function(){$("body").toggleClass("small-sidebar"),$(".navbar .logo-box a span").html($(".navbar .logo-box a span").text()==p?m:p),c()},f=function(){$("body").hasClass("page-horizontal-bar")&&$("body").hasClass("page-sidebar-fixed")&&$("body").hasClass("page-header-fixed")&&(i.click(),alert("Static header isn't compatible with fixed horizontal nav mode. Modern will set static mode on horizontal nav.")),$("body").toggleClass("page-header-fixed"),c()},k=function(){!$("body").hasClass("page-horizontal-bar")||$("body").hasClass("page-sidebar-fixed")||$("body").hasClass("page-header-fixed")||(t.click(),alert("Fixed horizontal nav isn't compatible with static header mode. Modern will set fixed mode on header.")),$("body").hasClass("hover-menu")&&!$("body").hasClass("page-sidebar-fixed")&&(u.click(),alert("Fixed sidebar isn't compatible with hover menu mode. Modern will set accordion mode on menu.")),$("body").toggleClass("page-sidebar-fixed"),$("body").hasClass(".page-sidebar-fixed")&&$(".page-sidebar-inner").slimScroll({destroy:!0}),$(".page-sidebar-inner").slimScroll(),c()},y=function(){$(".sidebar").toggleClass("horizontal-bar"),$(".sidebar").toggleClass("page-sidebar"),$("body").toggleClass("page-horizontal-bar"),$("body").hasClass("page-sidebar-fixed")&&!$("body").hasClass("page-header-fixed")&&(t.click(),alert("Static header isn't compatible with fixed horizontal nav mode. Modern will set static mode on horizontal nav.")),c()},C=function(){$(".page-content").toggleClass("container"),c()},v=function(){$("body").toggleClass("compact-menu"),c()},x=function(){!$("body").hasClass("hover-menu")&&$("body").hasClass("page-sidebar-fixed")&&(i.click(),alert("Fixed sidebar isn't compatible with hover menu mode. Modern will set static mode on sidebar.")),$("body").toggleClass("hover-menu"),c()};if($(".small-sidebar .navbar .logo-box a span").html($(".navbar .logo-box a span").text()==p?m:p),$(".theme-settings").length||$(".sidebar-toggle").click(function(){g()}),$(".theme-settings").length&&(t.onchange=function(){f()},i.onchange=function(){k()},l.onchange=function(){y()},d.onchange=function(){g()},h.onchange=function(){v()},u.onchange=function(){x()},r.onchange=function(){C()},$(".sidebar-toggle").click(function(){d.click()}),$(".reset-options").click(function(){b()}),$(".colorbox").click(function(){var e=$(this).attr("data-css");return $(".theme-color").attr("href","assets/css/themes/"+e+".css"),!1}),$("body").hasClass("page-sidebar-fixed")||1!=i.checked||$("body").addClass("page-sidebar-fixed"),$("body").hasClass("page-sidebar-fixed")&&0==i.checked&&$(".fixed-sidebar-check").prop("checked",!0),$("body").hasClass("page-header-fixed")||1!=t.checked||$("body").addClass("page-header-fixed"),$("body").hasClass("page-header-fixed")&&0==t.checked&&$(".fixed-header-check").prop("checked",!0),$("body").hasClass("page-horizontal-bar")||1!=l.checked||($("body").addClass("page-horizontal-bar"),$(".sidebar").addClass("horizontal-bar"),$(".sidebar").removeClass("page-sidebar")),$("body").hasClass("page-horizontal-bar")&&0==l.checked&&$(".horizontal-bar-check").prop("checked",!0),$("body").hasClass("small-sidebar")||1!=d.checked||$("body").addClass("small-sidebar"),$("body").hasClass("small-sidebar")&&0==d.checked&&$(".horizontal-bar-check").prop("checked",!0),$(".page-content").hasClass("container")||1!=r.checked||$(".toggle-sidebar-check").addClass("container"),$(".page-content").hasClass("container")&&0==r.checked&&$(".boxed-layout-check").prop("checked",!0),$(".page-content").hasClass("container")||1!=r.checked||$(".toggle-sidebar-check").addClass("container"),$(".page-content").hasClass("container")&&0==r.checked&&$(".boxed-layout-check").prop("checked",!0),$(".page-content").hasClass("container")||1!=r.checked||$(".toggle-sidebar-check").addClass("container"),$(".page-content").hasClass("container")&&0==r.checked&&$(".boxed-layout-check").prop("checked",!0)),$(".chat").length){{var w=document.getElementById("cbp-spmenu-s1"),S=document.getElementById("showRight"),z=document.getElementById("closeRight"),E=document.getElementById("cbp-spmenu-s2"),F=document.getElementById("closeRight2");document.body}S.onclick=function(){classie.toggle(w,"cbp-spmenu-open")},z.onclick=function(){classie.toggle(w,"cbp-spmenu-open")},F.onclick=function(){classie.toggle(E,"cbp-spmenu-open")},$(".showRight2").click(function(){classie.toggle(E,"cbp-spmenu-open")}),$(".chat-write form input").keypress(function(e){if(13==e.which&&0==!$(this).val().length)$('<div class="chat-item chat-item-right"><div class="chat-message">'+$(this).val()+"</div></div>").insertAfter(".chat .chat-item:last-child"),$(this).val("");else if(13==e.which)return;$(".chat").slimscroll({allowPageScroll:!0})})}});
\ No newline at end of file
["Child 1", { "id" : "demo_child_1", "text" : "Child 2", "children" : [ { "id" : "demo_child_2", "text" : "One more", "type" : "file" }] }]
\ No newline at end of file
[
{ "id" : "demo_root_1", "text" : "Root 1", "children" : true, "type" : "default" },
{ "id" : "demo_root_2", "text" : "Root 2", "type" : "default" }
]
\ No newline at end of file
$(document).ready(function() {
var drag = function() {
$('.calendar-event').each(function() {
// store data so the calendar knows to render an event upon drop
$(this).data('event', {
title: $.trim($(this).text()), // use the element's text as the event title
stick: true // maintain when user navigates (see docs on the renderEvent method)
});
// make the event draggable using jQuery UI
$(this).draggable({
zIndex: 1111999,
revert: true, // will cause the event to go back to its
revertDuration: 0 // original position after the drag
});
});
};
var removeEvent = function() {
$('.remove-calendar-event').click(function() {
$(this).closest('.calendar-event').fadeOut();
return false;
});
};
// $(".add-event").keypress(function (e) {
// if ((e.which == 13)&&(!$(this).val().length == 0)) {
// $('<div class="calendar-event"><p>' + $(this).val() + '</p><a href="javascript:void(0);" class="remove-calendar-event"><i class="fa fa-remove"></i></a></div>').insertBefore(".add-event");
// $(this).val('');
// } else if(e.which == 13) {
// alert('Please enter event name');
// }
// drag();
// removeEvent();
// });
drag();
removeEvent();
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
droppable: true, // this allows things to be dropped onto the calendar
eventLimit: true, // allow "more" link when too many events
events: [
{
title: 'All Day Event',
start: new Date(year, month, day-8)
},
{
title: 'Long Event',
start: new Date(year, month, day-5),
end: new Date(year, month, day-2)
},
{
id: 999,
title: 'Repeating Event',
start: new Date(year, month, day)
},
{
id: 999,
title: 'Repeating Event',
start: new Date(year, month, day+7)
},
{
title: 'Conference',
start: new Date(year, month, day+3),
end: new Date(year, month, day+6)
},
{
title: 'Meeting',
start: new Date(year, month, day+5)
},
{
title: 'Lunch',
start: new Date(year, month, day+7)
},
{
title: 'Meeting',
start: new Date(year, month, day+10)
},
{
title: 'Happy Hour',
start: new Date(year, month, day+10)
},
{
title: 'Dinner',
start: new Date(year, month, day+13)
},
{
title: 'Birthday Party',
start: new Date(year, month, day+15)
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: new Date(year, month, day+18)
}
]
});
});
\ No newline at end of file
$( document ).ready(function() {
var ctx1 = document.getElementById("chart1").getContext("2d");
var data1 = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(34,186,160,0.2)",
strokeColor: "rgba(34,186,160,1)",
pointColor: "rgba(34,186,160,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(18,175,203,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var chart1 = new Chart(ctx1).Line(data1, {
scaleShowGridLines : true,
scaleGridLineColor : "rgba(0,0,0,.05)",
scaleGridLineWidth : 1,
scaleShowHorizontalLines: true,
scaleShowVerticalLines: true,
bezierCurve : true,
bezierCurveTension : 0.4,
pointDot : true,
pointDotRadius : 4,
pointDotStrokeWidth : 1,
pointHitDetectionRadius : 20,
datasetStroke : true,
datasetStrokeWidth : 2,
datasetFill : true,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
responsive: true
});
var ctx2 = document.getElementById("chart2").getContext("2d");
var data2 = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(34,186,160,0.5)",
strokeColor: "rgba(34,186,160,0.8)",
highlightFill: "rgba(34,186,160,0.75)",
highlightStroke: "rgba(34,186,160,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var chart2 = new Chart(ctx2).Bar(data2, {
scaleBeginAtZero : true,
scaleShowGridLines : true,
scaleGridLineColor : "rgba(0,0,0,.05)",
scaleGridLineWidth : 1,
scaleShowHorizontalLines: true,
scaleShowVerticalLines: true,
barShowStroke : true,
barStrokeWidth : 2,
barDatasetSpacing : 1,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
responsive: true
});
var ctx3 = document.getElementById("chart3").getContext("2d");
var data3 = [
{
value: 300,
color:"#F25656",
highlight: "#FD7A7A",
label: "Red"
},
{
value: 50,
color: "#22BAA0",
highlight: "#36E7C8",
label: "Green"
},
{
value: 100,
color: "#F2CA4C",
highlight: "#FBDB6E",
label: "Yellow"
}
];
var myPieChart = new Chart(ctx3).Pie(data3,{
segmentShowStroke : true,
segmentStrokeColor : "#fff",
segmentStrokeWidth : 2,
animationSteps : 100,
animationEasing : "easeOutBounce",
animateRotate : true,
animateScale : false,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>",
responsive: true
});
var ctx4 = document.getElementById("chart4").getContext("2d");
var data4 = [
{
value: 300,
color:"#F25656",
highlight: "#FD7A7A",
label: "Red"
},
{
value: 50,
color: "#22BAA0",
highlight: "#36E7C8",
label: "Green"
},
{
value: 100,
color: "#F2CA4C",
highlight: "#FBDB6E",
label: "Yellow"
}
];
var myDoughnutChart = new Chart(ctx4).Doughnut(data4,{
segmentShowStroke : true,
segmentStrokeColor : "#fff",
segmentStrokeWidth : 2,
animationSteps : 100,
animationEasing : "easeOutBounce",
animateRotate : true,
animateScale : false,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>",
responsive: true
});
var ctx5 = document.getElementById("chart5").getContext("2d");
var data5 = [
{
value: 300,
color:"#F25656",
highlight: "#FD7A7A",
label: "Red"
},
{
value: 50,
color: "#22BAA0",
highlight: "#36E7C8",
label: "Green"
},
{
value: 100,
color: "#F2CA4C",
highlight: "#FBDB6E",
label: "Yellow"
},
{
value: 40,
color: "#949FB1",
highlight: "#A8B3C5",
label: "Grey"
}
];
var myPolarArea = new Chart(ctx5).PolarArea(data5, {
scaleShowLabelBackdrop : true,
scaleBackdropColor : "rgba(255,255,255,0.75)",
scaleBeginAtZero : true,
scaleBackdropPaddingY : 2,
scaleBackdropPaddingX : 2,
scaleShowLine : true,
segmentShowStroke : true,
segmentStrokeColor : "#fff",
segmentStrokeWidth : 2,
animationSteps : 100,
animationEasing : "easeOutBounce",
animateRotate : true,
animateScale : false,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>",
responsive: true
});
var ctx6 = document.getElementById("chart6").getContext("2d");
var data6 = {
labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 90, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(18,175,203,0.2)",
strokeColor: "rgba(18,175,203,1)",
pointColor: "rgba(18,175,203,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 96, 27, 100]
}
]
};
var myRadarChart = new Chart(ctx6).Radar(data6, {
scaleShowLine : true,
angleShowLineOut : true,
scaleShowLabels : false,
scaleBeginAtZero : true,
angleLineColor : "rgba(0,0,0,.1)",
angleLineWidth : 1,
pointLabelFontFamily : "'Arial'",
pointLabelFontStyle : "normal",
pointLabelFontSize : 10,
pointLabelFontColor : "#666",
pointDot : true,
pointDotRadius : 3,
pointDotStrokeWidth : 1,
pointHitDetectionRadius : 20,
datasetStroke : true,
datasetStrokeWidth : 2,
datasetFill : true,
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
responsive: true
});
});
\ No newline at end of file
$(document).ready(function () {
var flot1 = function () {
var data = [[0, 11], [1, 15], [2, 25], [3, 24], [4, 13], [5, 18]];
var dataset = [{
data: data,
color: "#22BAA0"
}];
var ticks = [[0, "1"], [1, "2"], [2, "3"], [3, "4"], [4, "5"], [5, "6"]];
var options = {
series: {
bars: {
show: true
}
},
bars: {
align: "center",
barWidth: 0.5
},
xaxis: {
ticks: ticks
},
legend: {
show: false
},
grid: {
color: "#AFAFAF",
hoverable: true,
borderWidth: 0,
backgroundColor: '#FFF'
},
tooltip: true,
tooltipOpts: {
content: "X: %x, Y: %y",
defaultTheme: false
}
};
$.plot($("#flot1"), dataset, options);
};
var flot2 = function () {
var data = [[0, 11], [1, 15], [2, 25], [3, 24], [4, 13], [5, 18]];
var dataset = [{
data: data,
color: "#22BAA0"
}];
var ticks = [[0, "1"], [1, "2"], [2, "3"], [3, "4"], [4, "5"], [5, "6"]];
var options = {
series: {
lines: {
show: true
}
},
bars: {
align: "center",
barWidth: 0.5
},
xaxis: {
ticks: ticks
},
legend: {
show: false
},
grid: {
color: "#AFAFAF",
hoverable: true,
borderWidth: 0,
backgroundColor: '#FFF'
},
tooltip: true,
tooltipOpts: {
content: "X: %x, Y: %y",
defaultTheme: false
}
};
$.plot($("#flot2"), dataset, options);
};
var flot3 = function () {
var data = [{
label: "1",
data: 42,
color: "#22BAA0",
}, {
label: "2",
data: 23,
color: "#5FE8D0",
}, {
label: "3",
data: 35,
color: "#E2E2E2",
}];
var options = {
series: {
pie: {
show: true
}
},
legend: {
labelFormatter: function(label, series){
return '<span class="pie-chart-legend">'+label+'</span>';
}
},
grid: {
hoverable: true
},
tooltip: true,
tooltipOpts: {
content: "%p.0%, %s",
shifts: {
x: 20,
y: 0
},
defaultTheme: false
}
};
$.plot($("#flot3"), data, options);
};
var flot4 = function () {
// We use an inline data source in the example, usually data would
// be fetched from a server
var data = [],
totalPoints = 300;
function getRandomData() {
if (data.length > 0)
data = data.slice(1);
// Do a random walk
while (data.length < totalPoints) {
var prev = data.length > 0 ? data[data.length - 1] : 50,
y = prev + Math.random() * 10 - 5;
if (y < 0) {
y = 0;
} else if (y > 100) {
y = 100;
}
data.push(y);
}
// Zip the generated y values with the x values
var res = [];
for (var i = 0; i < data.length; ++i) {
res.push([i, data[i]])
}
return res;
}
var plot4 = $.plot("#flot4", [ getRandomData() ], {
series: {
shadowSize: 0 // Drawing is faster without shadows
},
yaxis: {
min: 0,
max: 100
},
xaxis: {
show: false
},
colors: ["#22BAA0"],
legend: {
show: false
},
grid: {
color: "#AFAFAF",
hoverable: true,
borderWidth: 0,
backgroundColor: '#FFF'
},
tooltip: true,
tooltipOpts: {
content: "Y: %y",
defaultTheme: false
}
});
function update() {
plot4.setData([getRandomData()]);
plot4.draw();
setTimeout(update, 30);
}
update();
};
flot1();
flot2();
flot3();
flot4();
});
\ No newline at end of file
$( document ).ready(function() {
Morris.Area({
element: 'morris1',
data: [
{period: '2010 Q1', iphone: 2666, ipad: null, itouch: 2647},
{period: '2010 Q2', iphone: 2778, ipad: 2294, itouch: 2441},
{period: '2010 Q3', iphone: 4912, ipad: 1969, itouch: 2501},
{period: '2010 Q4', iphone: 3767, ipad: 3597, itouch: 5689},
{period: '2011 Q1', iphone: 6810, ipad: 1914, itouch: 2293},
{period: '2011 Q2', iphone: 5670, ipad: 4293, itouch: 1881},
{period: '2011 Q3', iphone: 4820, ipad: 3795, itouch: 1588},
{period: '2011 Q4', iphone: 15073, ipad: 5967, itouch: 5175},
{period: '2012 Q1', iphone: 10687, ipad: 4460, itouch: 2028},
{period: '2012 Q2', iphone: 8432, ipad: 5713, itouch: 1791}
],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
hideHover: 'auto',
lineColors: ['#8adfd0', '#6ad6c3','#22BAA0'],
resize: true,
});
Morris.Bar({
element: 'morris2',
data: [
{ year: '2006', a: 25, b: 15 },
{ year: '2007', a: 50, b: 40 },
{ year: '2008', a: 75, b: 65 },
{ year: '2009', a: 100, b: 90 },
{ year: '2010', a: 60, b: 50 },
{ year: '2011', a: 75, b: 65 },
{ year: '2012', a: 100, b: 90 }
],
xkey: 'year',
ykeys: ['a', 'b'],
labels: ['a', 'b'],
barRatio: 0.4,
xLabelAngle: 35,
hideHover: 'auto',
barColors: ['#6ad6c3','#22BAA0'],
resize: true
});
Morris.Line({
element: 'morris3',
data: [
{ year: '2006', a: 25, b: 15 },
{ year: '2007', a: 50, b: 40 },
{ year: '2008', a: 75, b: 65 },
{ year: '2009', a: 100, b: 90 },
{ year: '2010', a: 60, b: 50 },
{ year: '2011', a: 75, b: 65 },
{ year: '2012', a: 100, b: 90 }
],
xkey: 'year',
ykeys: ['a', 'b'],
labels: ['a', 'b'],
resize: true,
lineColors: ['#6ad6c3','#22BAA0']
});
Morris.Donut({
element: 'morris4',
data: [
{label: 'Javascript', value: 35 },
{label: 'HTML5', value: 45 },
{label: 'CSS3', value: 30 },
{label: 'PHP', value: 20 }
],
resize: true,
colors: ['#74e4d1', '#44cbb4', '#119d85','#22BAA0'],
});
});
\ No newline at end of file
$( document ).ready(function() {
var graph1 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw1"),
series: [{
color: '#22BAA0',
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 } ]
}]
});
graph1.render();
var graph2 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw2"),
renderer: 'area',
stroke: true,
series: [ {
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#22BAA0'
}, {
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#E9E9E9'
}]
});
graph2.render();
var graph3 = new Rickshaw.Graph({
element: document.querySelector("#rickshaw3"),
renderer: 'line',
series: [{
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#22BAA0'
}]
});
graph3.render();
var graph4 = new Rickshaw.Graph({
element: document.querySelector("#rickshaw4"),
renderer: 'line',
series: [{
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#22BAA0'
}, {
data: [
{ x: 0, y: 20 },
{ x: 1, y: 24 },
{ x: 2, y: 19 },
{ x: 3, y: 15 },
{ x: 4, y: 16 }
],
color: '#E9E9E9'
}]
});
graph4.render();
var graph5 = new Rickshaw.Graph({
element: document.querySelector("#rickshaw5"),
renderer: 'bar',
series: [{
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#22BAA0'
}]
});
graph5.render();
var graph6 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw6"),
renderer: 'bar',
series: [
{
data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
color: '#22BAA0'
}, {
data: [ { x: 0, y: 20 }, { x: 1, y: 24 }, { x: 2, y: 19 }, { x: 3, y: 15 }, { x: 4, y: 16 } ],
color: '#E9E9E9'
} ]
});
graph6.render();
var graph7 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw7"),
renderer: 'bar',
stack: false,
series: [{
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 }
],
color: '#22BAA0'
}, {
data: [
{ x: 0, y: 20 },
{ x: 1, y: 24 },
{ x: 2, y: 19 },
{ x: 3, y: 15 },
{ x: 4, y: 16 }
],
color: '#E9E9E9'
}]
});
graph7.render();
var graph8 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw8"),
renderer: 'scatterplot',
stroke: true,
max: 50,
series: [{
data: [
{ x: 0, y: 22 },
{ x: 1, y: 26 },
{ x: 2, y: 30 },
{ x: 3, y: 28 },
{ x: 4, y: 31 },
{ x: 5, y: 35 },
{ x: 6, y: 38 },
{ x: 7, y: 42 },
{ x: 8, y: 34 },
{ x: 9, y: 27 },
{ x: 10, y: 26 }
],
color: '#22BAA0'
}]
});
graph8.render();
var seriesData = [ [], [], [], [], [], [], [], [], [] ];
var random = new Rickshaw.Fixtures.RandomData(150);
for (var i = 0; i < 150; i++) {
random.addData(seriesData);
}
var graph9 = new Rickshaw.Graph( {
element: document.querySelector("#rickshaw9"),
renderer: 'area',
stroke: true,
preserve: true,
series: [
{
color: '#22BAA0',
data: seriesData[0],
name: 'Moscow'
}, {
color: '#E9E9E9',
data: seriesData[1],
name: 'Shanghai'
}
]
});
graph9.render();
setInterval( function() {
random.removeData(seriesData);
random.addData(seriesData);
graph9.update();
}, 300 );
$(window).resize(function(){
graph9.render();
});
});
\ No newline at end of file
$( document ).ready(function() {
var DrawSparkline = function() {
$('#sparkline1').sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40], {
type: 'line',
width: $('#sparkline1').width(),
height: '165',
chartRangeMax: 50,
lineColor: '#ebcc3a',
fillColor: 'rgba(235,204,58,0.3)',
highlightLineColor: 'rgba(0,0,0,.1)',
highlightSpotColor: 'rgba(0,0,0,.2)',
});
$('#sparkline1').sparkline([25, 23, 26, 24, 25, 32, 30, 24, 19], {
type: 'line',
width: $('#sparkline1').width(),
height: '165',
chartRangeMax: 40,
lineColor: '#EB3737',
fillColor: 'rgba(242,86,86,0.3)',
composite: true,
highlightLineColor: 'rgba(0,0,0,.1)',
highlightSpotColor: 'rgba(0,0,0,.2)',
});
$('#sparkline2').sparkline([3, 6, 7, 8, 6, 4, 7, 10, 12, 7, 4, 9, 12, 13, 11, 12], {
type: 'bar',
height: '165',
barWidth: '10',
barSpacing: '3',
barColor: '#7A6FBE'
});
$('#sparkline3').sparkline([20, 40, 30, 10], {
type: 'pie',
width: '165',
height: '165',
sliceColors: ['#7a6fbe', '#61c5e3', '#343F47', '#f6d433']
});
$('#sparkline4').sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40], {
type: 'line',
width: $('#sparkline1').width(),
height: '165',
chartRangeMax: 50,
lineColor: '#ebcc3a',
fillColor: 'transparent',
highlightLineColor: 'rgba(0,0,0,.1)',
highlightSpotColor: 'rgba(0,0,0,.2)'
});
$('#sparkline4').sparkline([25, 23, 26, 24, 25, 32, 30, 24, 19], {
type: 'line',
width: $('#sparkline1').width(),
height: '165',
chartRangeMax: 40,
lineColor: '#EB3737',
fillColor: 'transparent',
composite: true,
highlightLineColor: 'rgba(0,0,0,.1)',
highlightSpotColor: 'rgba(0,0,0,.2)'
});
$('#sparkline6').sparkline([3, 6, 7, 8, 6, 4, 7, 10, 12, 7, 4, 9, 12, 13, 11, 12], {
type: 'bar',
height: '165',
barWidth: '10',
barSpacing: '3',
barColor: '#8DDFF6'
});
$('#sparkline6').sparkline([3, 6, 7, 8, 6, 4, 7, 10, 12, 7, 4, 9, 12, 13, 11, 12], {
type: 'line',
width: $('#sparkline1').width(),
height: '165',
lineColor: '#F25656',
fillColor: 'transparent',
composite: true,
highlightLineColor: 'rgba(0,0,0,.1)',
highlightSpotColor: 'rgba(0,0,0,.2)'
});
},
DrawMouseSpeed = function () {
var mrefreshinterval = 500; // update display every 500ms
var lastmousex=-1;
var lastmousey=-1;
var lastmousetime;
var mousetravel = 0;
var mpoints = [];
var mpoints_max = 30;
$('html').mousemove(function(e) {
var mousex = e.pageX;
var mousey = e.pageY;
if (lastmousex > -1) {
mousetravel += Math.max( Math.abs(mousex-lastmousex), Math.abs(mousey-lastmousey) );
}
lastmousex = mousex;
lastmousey = mousey;
});
var mdraw = function() {
var md = new Date();
var timenow = md.getTime();
if (lastmousetime && lastmousetime!=timenow) {
var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
mpoints.push(pps);
if (mpoints.length > mpoints_max)
mpoints.splice(0,1);
mousetravel = 0;
$('#sparkline5').sparkline(mpoints, {
tooltipSuffix: ' pixels per second',
type: 'line',
width: $('#sparkline1').width(),
height: '165',
chartRangeMax: 50,
lineColor: '#22BAA0',
fillColor: 'rgba(34,186,160,0.3)',
highlightLineColor: 'rgba(24,147,126,.1)',
highlightSpotColor: 'rgba(24,147,126,.2)',
});
}
lastmousetime = timenow;
setTimeout(mdraw, mrefreshinterval);
}
// We could use setInterval instead, but I prefer to do it this way
setTimeout(mdraw, mrefreshinterval);
};
DrawSparkline();
DrawMouseSpeed();
var resizeChart;
$(window).resize(function(e) {
clearTimeout(resizeChart);
resizeChart = setTimeout(function() {
DrawSparkline();
DrawMouseSpeed();
}, 300);
});
});
\ No newline at end of file
$(document).ready(function() {
$('#counter').countdown('2015/09/27', function(event) {
$(this).html(event.strftime('%d:%H:%M:%S'));
});
});
\ No newline at end of file
$(document).ready(function() {
$('.summernote').summernote({
height: 350
});
});
\ No newline at end of file
$( document ).ready(function() {
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(27.284836,-81.075513),
zoom: 9
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
});
\ No newline at end of file
$( document ).ready(function() {
// CounterUp Plugin
$('.counter').counterUp({
delay: 10,
time: 1000
});
setTimeout(function() {
toastr.options = {
closeButton: true,
progressBar: true,
showMethod: 'fadeIn',
hideMethod: 'fadeOut',
timeOut: 5000
};
toastr.success('Checkout settings menu on left!', 'Welcome to Modern!');
}, 1800);
var flot2 = function () {
// We use an inline data source in the example, usually data would
// be fetched from a server
var data = [],
totalPoints = 100;
function getRandomData() {
if (data.length > 0)
data = data.slice(1);
// Do a random walk
while (data.length < totalPoints) {
var prev = data.length > 0 ? data[data.length - 1] : 50,
y = prev + Math.random() * 10 - 5;
if (y < 0) {
y = 0;
} else if (y > 100) {
y = 100;
}
data.push(y);
}
// Zip the generated y values with the x values
var res = [];
for (var i = 0; i < data.length; ++i) {
res.push([i, data[i]])
}
return res;
}
var plot2 = $.plot("#flotchart2", [ getRandomData() ], {
series: {
shadowSize: 0 // Drawing is faster without shadows
},
yaxis: {
min: 0,
max: 100
},
xaxis: {
show: false
},
colors: ["#22BAA0"],
legend: {
show: false
},
grid: {
color: "#AFAFAF",
hoverable: true,
borderWidth: 0,
backgroundColor: '#FFF'
},
tooltip: true,
tooltipOpts: {
content: "Y: %y",
defaultTheme: false
}
});
function update() {
plot2.setData([getRandomData()]);
plot2.draw();
setTimeout(update, 30);
}
update();
};
flot2();
var flot1 = function () {
var data = [[0, 65], [1, 59], [2, 80], [3, 81], [4, 56], [5, 55], [6, 40]];
var data2 = [[0, 28], [1, 48], [2, 40], [3, 19], [4, 86], [5, 27], [6, 90]];
var dataset = [
{
data: data,
color: "rgba(220,220,220,1)",
lines: {
show: true,
fill: 0.2,
},
shadowSize: 0,
}, {
data: data,
color: "#fff",
lines: {
show: false,
},
points: {
show: true,
fill: true,
radius: 4,
fillColor: "rgba(220,220,220,1)",
lineWidth: 2
},
curvedLines: {
apply: false,
},
shadowSize: 0
}, {
data: data2,
color: "rgba(34,186,160,1)",
lines: {
show: true,
fill: 0.2,
},
shadowSize: 0,
},{
data: data2,
color: "#fff",
lines: {
show: false,
},
curvedLines: {
apply: false,
},
points: {
show: true,
fill: true,
radius: 4,
fillColor: "rgba(34,186,160,1)",
lineWidth: 2
},
shadowSize: 0
}
];
var ticks = [[0, "1"], [1, "2"], [2, "3"], [3, "4"], [4, "5"], [5, "6"], [6, "7"], [7, "8"]];
var plot1 = $.plot("#flotchart1", dataset, {
series: {
color: "#14D1BD",
lines: {
show: true,
fill: 0.2
},
shadowSize: 0,
curvedLines: {
apply: true,
active: true
}
},
xaxis: {
ticks: ticks,
},
legend: {
show: false
},
grid: {
color: "#AFAFAF",
hoverable: true,
borderWidth: 0,
backgroundColor: '#FFF'
}
});
};
flot1();
$(".live-tile").liveTile();
});
\ No newline at end of file
$(document).ready(function() {
$('.summernote').summernote({
height: 350
});
$('.date-picker').datepicker({
orientation: "top auto",
autoclose: true
});
$('#cp1').colorpicker({
format: 'hex'
});
$('#cp2').colorpicker();
});
\ No newline at end of file
$( document ).ready(function() {
var $image = $(".image-crop > img");
$image.cropper({
aspectRatio: 7 / 5,
preview: ".img-preview"
});
$("#zoomIn").click(function() {
$image.cropper('zoom', 0.1);
});
$("#zoomOut").click(function() {
$image.cropper('zoom', -0.1);
});
$("#rotateLeft").click(function() {
$image.cropper('rotate', 45);
});
$("#rotateRight").click(function() {
$image.cropper('rotate', -45);
});
$("#clear").click(function() {
$image.cropper('clear');
});
var $replaceWith = $('#replaceWith');
$('#replace').click(function () {
$image.cropper('replace', $replaceWith.val());
});
});
\ No newline at end of file
$(document).ready(function() {
$("#zoom_01").elevateZoom();
$("#zoom_02").elevateZoom({ zoomType : "inner", cursor: "crosshair" });
$("#zoom_03").elevateZoom({ zoomType : "lens", lensShape : "round", lensSize : 200 });
$("#zoom_04").elevateZoom({scrollZoom : true, zoomWindowPosition: 11});
});
\ No newline at end of file
$(document).ready(function() {
$('select').select2();
$(".js-example-basic-multiple-limit").select2({
maximumSelectionLength: 2
});
$(".js-example-tokenizer").select2({
tags: true,
tokenSeparators: [',', ' ']
});
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
$(".js-example-data-array").select2({
data: data
});
});
\ No newline at end of file
$(document).ready(function() {
var $validator = $("#wizardForm").validate({
rules: {
exampleInputName: {
required: true
},
exampleInputName2: {
required: true
},
exampleInputEmail: {
required: true,
email: true
},
exampleInputPassword1: {
required: true
},
exampleInputPassword2: {
required: true,
equalTo: '#exampleInputPassword1'
},
exampleInputProductName: {
required: true
},
exampleInputProductId: {
required: true
},
exampleInputQuantity: {
required: true
},
exampleInputCard: {
required: true,
number: true
},
exampleInputSecurity: {
required: true,
number: true
},
exampleInputHolder: {
required: true
},
exampleInputExpiration: {
required: true,
date: true
},
exampleInputCsv: {
required: true,
number: true
}
}
});
$('#rootwizard').bootstrapWizard({
'tabClass': 'nav nav-tabs',
onTabShow: function(tab, navigation, index) {
var $total = navigation.find('li').length;
var $current = index+1;
var $percent = ($current/$total) * 100;
$('#rootwizard').find('.progress-bar').css({width:$percent+'%'});
},
'onNext': function(tab, navigation, index) {
var $valid = $("#wizardForm").valid();
if(!$valid) {
$validator.focusInvalid();
return false;
}
},
'onTabClick': function(tab, navigation, index) {
var $valid = $("#wizardForm").valid();
if(!$valid) {
$validator.focusInvalid();
return false;
}
},
});
$('.date-picker').datepicker({
orientation: "top auto",
autoclose: true
});
});
\ No newline at end of file
$(function(){
new CBPGridGallery( document.getElementById( 'grid-gallery' ) );
});
\ No newline at end of file
$( document ).ready(function() {
var hiddenMailOptions = function() {
if($('.checkbox-mail:checked').length) {
$('.mail-hidden-options').css('display', 'inline-block');
} else {
$('.mail-hidden-options').css('display', 'none');
};
};
hiddenMailOptions();
$('.check-mail-all').click(function () {
$('.checkbox-mail').click();
});
$('.checkbox-mail').each(function() {
$(this).click(function() {
if($(this).closest('tr').hasClass("checked")){
$(this).closest('tr').removeClass('checked');
hiddenMailOptions();
} else {
$(this).closest('tr').addClass('checked');
hiddenMailOptions();
}
});
});
$('.mailbox-content table tr td').not(":first-child").on('click', function(e) {
e.stopPropagation();
e.preventDefault();
window.location = "message-view.html";
});
});
$( document ).ready(function() {
// Basic
$('#basicTree').jstree({
'core' : {
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fa fa-folder icon-state-info icon-md'
},
'file' : {
'icon' : 'fa fa-file icon-state-default icon-md'
}
},
'plugins' : ['types']
});
// Checkbox
$('#checkTree').jstree({
'core' : {
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fa fa-folder icon-state-info icon-md'
},
'file' : {
'icon' : 'fa fa-file icon-state-default icon-md'
}
},
'plugins' : ['types', 'checkbox']
});
// Drag & Drop
$('#dragTree').jstree({
'core' : {
'check_callback' : true,
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fa fa-folder icon-state-info icon-md'
},
'file' : {
'icon' : 'fa fa-file icon-state-default icon-md'
}
},
'plugins' : ['types', 'dnd']
});
// Ajax
$('#ajaxTree').jstree({
'core' : {
'check_callback' : true,
'themes' : {
'responsive': false
},
'data' : {
'url' : function (node) {
return node.id === '#' ? 'assets/js/pages/ajax_roots.json' : 'assets/js/pages/ajax_children.json';
},
'data' : function (node) {
return { 'id' : node.id };
}
}
},
"types" : {
'default' : {
'icon' : 'fa fa-folder icon-state-info icon-md'
},
'file' : {
'icon' : 'fa fa-file icon-state-default icon-md'
}
},
"plugins" : [ "contextmenu", "dnd", "search", "state", "types", "wholerow" ]
});
});
\ No newline at end of file
$( document ).ready(function() {
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(27.284836,-81.075513),
zoom: 9
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
});
$( document ).ready(function() {
jQuery('#vmap').vectorMap({
map: 'world_en',
backgroundColor: '#fff',
borderColor: '#fff',
borderOpacity: 0.25,
borderWidth: 1,
color: '#e7e7e7',
enableZoom: true,
hoverColor: '#c9dfaf',
hoverOpacity: null,
normalizeFunction: 'linear',
scaleColors: ['#b6d6ff', '#005ace'],
selectedColor: '#c9dfaf',
selectedRegion: null,
showTooltip: true,
onRegionClick: function(element, code, region) {
var message = 'You clicked "'
+ region
+ '" which has the code: '
+ code.toUpperCase();
alert(message);
},
markers: [
{latLng: [41.90, 12.45], name: 'Vatican City'},
{latLng: [43.73, 7.41], name: 'Monaco'},
{latLng: [-0.52, 166.93], name: 'Nauru'},
{latLng: [-8.51, 179.21], name: 'Tuvalu'}
]
});
});
\ No newline at end of file
$( document ).ready(function() {
// Nestable
var updateOutput = function(e) {
var list = e.length ? e : $(e.target),
output = list.data('output');
if (window.JSON) {
output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
} else {
output.val('JSON browser support required for this demo.');
}
};
$('#nestable').nestable({group: 1}).on('change', updateOutput);
$('#nestable2').nestable({group: 1}).on('change', updateOutput);
updateOutput($('#nestable').data('output', $('#nestable-output')));
updateOutput($('#nestable2').data('output', $('#nestable2-output')));
$('#nestable-menu').on('click', function(e) {
var target = $(e.target),
action = target.data('action');
if (action === 'expand-all') {
$('.dd').nestable('expandAll');
}
if (action === 'collapse-all') {
$('.dd').nestable('collapseAll');
}
});
$('#nestable3').nestable();
});
\ No newline at end of file
$( document ).ready(function() {
var i = -1;
var toastCount = 0;
var $toastlast;
var getMessage = function () {
var msgs = ['My name is Inigo Montoya. You killed my father. Prepare to die!',
'<div><input class="input-small" value="textbox"/>&nbsp;<a href="http://johnpapa.net" target="_blank">This is a hyperlink</a></div><div><button type="button" id="okBtn" class="btn btn-primary">Close me</button><button type="button" id="surpriseBtn" class="btn" style="margin: 0 8px 0 8px">Surprise me</button></div>',
'Are you the six fingered man?',
'Inconceivable!',
'I do not think that means what you think it means.',
'Have fun storming the castle!'
];
i++;
if (i === msgs.length) {
i = 0;
}
return msgs[i];
};
var getMessageWithClearButton = function (msg) {
msg = msg ? msg : 'Clear itself?';
msg += '<br /><br /><button type="button" class="btn clear">Yes</button>';
return msg;
};
$('#showtoast').click(function () {
var shortCutFunction = $("#toastTypeGroup input:radio:checked").val();
var msg = $('#message').val();
var title = $('#title').val() || '';
var $showDuration = $('#showDuration');
var $hideDuration = $('#hideDuration');
var $timeOut = $('#timeOut');
var $extendedTimeOut = $('#extendedTimeOut');
var $showEasing = $('#showEasing');
var $hideEasing = $('#hideEasing');
var $showMethod = $('#showMethod');
var $hideMethod = $('#hideMethod');
var toastIndex = toastCount++;
var addClear = $('#addClear').prop('checked');
toastr.options = {
closeButton: $('#closeButton').prop('checked'),
debug: $('#debugInfo').prop('checked'),
newestOnTop: $('#newestOnTop').prop('checked'),
progressBar: $('#progressBar').prop('checked'),
positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
preventDuplicates: $('#preventDuplicates').prop('checked'),
onclick: null
};
if ($('#addBehaviorOnToastClick').prop('checked')) {
toastr.options.onclick = function () {
alert('You can perform some custom action after a toast goes away');
};
}
if ($showDuration.val().length) {
toastr.options.showDuration = $showDuration.val();
}
if ($hideDuration.val().length) {
toastr.options.hideDuration = $hideDuration.val();
}
if ($timeOut.val().length) {
toastr.options.timeOut = addClear ? 0 : $timeOut.val();
}
if ($extendedTimeOut.val().length) {
toastr.options.extendedTimeOut = addClear ? 0 : $extendedTimeOut.val();
}
if ($showEasing.val().length) {
toastr.options.showEasing = $showEasing.val();
}
if ($hideEasing.val().length) {
toastr.options.hideEasing = $hideEasing.val();
}
if ($showMethod.val().length) {
toastr.options.showMethod = $showMethod.val();
}
if ($hideMethod.val().length) {
toastr.options.hideMethod = $hideMethod.val();
}
if (addClear) {
msg = getMessageWithClearButton(msg);
toastr.options.tapToDismiss = false;
}
if (!msg) {
msg = getMessage();
}
$('#toastrOptions').text('Command: toastr["'
+ shortCutFunction
+ '"]("'
+ msg
+ (title ? '", "' + title : '')
+ '")\n\ntoastr.options = '
+ JSON.stringify(toastr.options, null, 2)
);
var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
$toastlast = $toast;
if(typeof $toast === 'undefined'){
return;
}
if ($toast.find('#okBtn').length) {
$toast.delegate('#okBtn', 'click', function () {
alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
$toast.remove();
});
}
if ($toast.find('#surpriseBtn').length) {
$toast.delegate('#surpriseBtn', 'click', function () {
alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
});
}
if ($toast.find('.clear').length) {
$toast.delegate('.clear', 'click', function () {
toastr.clear($toast, { force: true });
});
}
});
function getLastToast(){
return $toastlast;
}
$('#clearlasttoast').click(function () {
toastr.clear(getLastToast());
});
$('#cleartoasts').click(function () {
toastr.clear();
});
});
\ No newline at end of file
$( document ).ready(function() {
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(40.7033127,-73.979681,10),
zoom: 9
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
});
$( document ).ready(function() {
setTimeout(function() {
toastr.options = {
closeButton: true,
progressBar: true,
positionClass: 'toast-bottom-right',
showMethod: 'fadeIn',
hideMethod: 'fadeOut',
timeOut: 5000
};
toastr.info('You have 5 items in cart. Checkout on top!');
}, 1800);
[].slice.call( document.querySelectorAll( '.checkout' ) ).forEach( function( el ) {
var openCtrl = el.querySelector( '.checkout__button' ),
closeCtrls = el.querySelectorAll( '.checkout__cancel' );
openCtrl.addEventListener( 'click', function(ev) {
ev.preventDefault();
classie.add( el, 'checkout--active' );
} );
[].slice.call( closeCtrls ).forEach( function( ctrl ) {
ctrl.addEventListener( 'click', function() {
classie.remove( el, 'checkout--active' );
} );
} );
} );
$('select').select2();
});
\ No newline at end of file
$(document).ready(function() {
//ajax mocks
$.mockjaxSettings.responseTime = 500;
$.mockjax({
url: '/post',
response: function(settings) {
log(settings, this);
}
});
$.mockjax({
url: '/error',
status: 400,
statusText: 'Bad Request',
response: function(settings) {
this.responseText = 'Please input correct value';
log(settings, this);
}
});
$.mockjax({
url: '/status',
status: 500,
response: function(settings) {
this.responseText = 'Internal Server Error';
log(settings, this);
}
});
$.mockjax({
url: '/groups',
response: function(settings) {
this.responseText = [
{value: 0, text: 'Guest'},
{value: 1, text: 'Service'},
{value: 2, text: 'Customer'},
{value: 3, text: 'Operator'},
{value: 4, text: 'Support'},
{value: 5, text: 'Admin'}
];
log(settings, this);
}
});
function log(settings, response) {
var s = [], str;
s.push(settings.type.toUpperCase() + ' url = "' + settings.url + '"');
for(var a in settings.data) {
if(settings.data[a] && typeof settings.data[a] === 'object') {
str = [];
for(var j in settings.data[a]) {str.push(j+': "'+settings.data[a][j]+'"');}
str = '{ '+str.join(', ')+' }';
} else {
str = '"'+settings.data[a]+'"';
}
s.push(a + ' = ' + str);
}
s.push('RESPONSE: status = ' + response.status);
if(response.responseText) {
if($.isArray(response.responseText)) {
s.push('[');
$.each(response.responseText, function(i, v){
s.push('{value: ' + v.value+', text: "'+v.text+'"}');
});
s.push(']');
} else {
s.push($.trim(response.responseText));
}
}
s.push('--------------------------------------\n');
$('#console').val(s.join('\n') + $('#console').val());
}
//turn to inline mode
$.fn.editable.defaults.mode = 'inline';
//editables
$('#example-editable td a').editable({
url: '/post',
type: 'text',
pk: 1,
name: 'username',
title: 'Enter username'
});
// Datatables
$('#example').DataTable();
$('#example-editable').DataTable();
var table = $('#example2').DataTable({
"columnDefs": [
{ "visible": false, "targets": 2 }
],
"order": [[ 2, 'asc' ]],
"displayLength": 25,
"drawCallback": function ( settings ) {
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(2, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
$(rows).eq( i ).before(
'<tr class="group"><td colspan="5">'+group+'</td></tr>'
);
last = group;
}
} );
}
} );
// Order by the grouping
$('#example2 tbody').on( 'click', 'tr.group', function () {
var currentOrder = table.order()[0];
if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) {
table.order( [ 2, 'desc' ] ).draw();
}
else {
table.order( [ 2, 'asc' ] ).draw();
}
} );
$.fn.isValid = function(){
return this[0].checkValidity()
}
var t = $('#example3').DataTable();
$('#add-row').on( 'click', function () {
if($("#add-row-form").isValid()) {
var name = $('#name-input').val(),
position = $('#position-input').val(),
age = $('#age-input').val(),
date = $('#date-input').val(),
salary = $('#salary-input').val();
t.row.add( [
name,
position,
age,
date,
'$' + salary
] ).draw();
$('.modal').modal('hide');
return false;
}
});
$('.date-picker').datepicker({
orientation: "top auto",
autoclose: true
});
});
\ No newline at end of file
$( document ).ready(function() {
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(27.284836,-81.075513),
zoom: 9
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
});
$( document ).ready(function() {
var todo = function() {
$('.todo-list .todo-item input').click(function() {
if($(this).is(':checked')) {
$(this).parent().parent().parent().toggleClass('complete');
} else {
$(this).parent().parent().parent().toggleClass('complete');
}
});
$('.todo-nav .all-task').click(function() {
$('.todo-list').removeClass('only-active');
$('.todo-list').removeClass('only-complete');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('.todo-nav .active-task').click(function() {
$('.todo-list').removeClass('only-complete');
$('.todo-list').addClass('only-active');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('.todo-nav .completed-task').click(function() {
$('.todo-list').removeClass('only-active');
$('.todo-list').addClass('only-complete');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('#uniform-all-complete input').click(function() {
if($(this).is(':checked')) {
$('.todo-item .checker span:not(.checked) input').click();
} else {
$('.todo-item .checker span.checked input').click();
}
});
$('.remove-todo-item').click(function() {
$(this).parent().remove();
});
};
todo();
$(".add-task").keypress(function (e) {
// if ((e.which == 13)&&(!$(this).val().length == 0)) {
// $('<div class="todo-item added"><input type="checkbox"><span class="todo-description">' + $(this).val() + '</span><a href="javascript:void(0);" class="pull-right remove-todo-item"><i class="fa fa-times"></i></a></div>').insertAfter('.todo-list .todo-item:last-child');
// $(this).val('');
// } else if(e.which == 13) {
// alert('Please enter new task');
// }
$('.todo-list .todo-item.added input').uniform();
$('.todo-list .todo-item.added input').click(function() {
if($(this).is(':checked')) {
$(this).parent().parent().parent().toggleClass('complete');
} else {
$(this).parent().parent().parent().toggleClass('complete');
}
});
$('.todo-list .todo-item.added .remove-todo-item').click(function() {
$(this).parent().remove();
});
});
});
\ No newline at end of file
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
No preview for this file type