mirror of https://github.com/ColorlibHQ/gentelella
Nicolae Gabriel
parent
6c86ed6a42
commit
0fd585bac8
10
README.md
10
README.md
|
|
@ -1,6 +1,6 @@
|
|||
# gentelella
|
||||
|
||||
Gentellela Admin is a free to use Bootstrap admin template.
|
||||
Gentelella Admin is a free to use Bootstrap admin template.
|
||||
This template uses the default Bootstrap 3 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards.
|
||||
|
||||
Theme uses several libraries for charts, calendar, form validation, wizard style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications and much more.
|
||||
|
|
@ -80,11 +80,11 @@ If `gulp` is installed, follow the steps below.
|
|||
* validator - HTML from validator using jQuery
|
||||
* jQuery Smart Wizard
|
||||
|
||||
## Gentellela for other platforms and frameworks
|
||||
## Gentelella for other platforms and frameworks
|
||||
|
||||
* [Gentelella on Ruby on Rails 4](https://github.com/iogbole/gentelella_on_rails) thanks to Israel Ogbole.
|
||||
* [Gentellela on Smarty 3](https://github.com/microvb/otp-thing) with one time password generator, validator, and QR code generator that has no web dependencies (self-contained) in PHP thanks to MicroVB INC
|
||||
* [Gentellela integrated into Symfony 3](https://github.com/krzysiekpiasecki/Gentelella) full stack PHP framework thanks to Krzysztof Piasecki.
|
||||
* [Gentelella on Smarty 3](https://github.com/microvb/otp-thing) with one time password generator, validator, and QR code generator that has no web dependencies (self-contained) in PHP thanks to MicroVB INC
|
||||
* [Gentelella integrated into Symfony 3](https://github.com/krzysiekpiasecki/Gentelella) full stack PHP framework thanks to Krzysztof Piasecki.
|
||||
* [Gentelella on Yii framework 2](https://github.com/yiister/yii2-gentelella) with an asset bundle, a layout template and some widgets.
|
||||
* [Gentelella on Angular 2](https://github.com/kmkatsma/angular2-webpack-starter-gentelella) Angular Webpack Starter modified to utilize the Gentelella.
|
||||
* [Gentelella on Aurelia](https://github.com/kmkatsma/aurelia-gentelella) Typescript webpack skeleton modified to utilize the Gentelella.
|
||||
|
|
@ -101,6 +101,6 @@ Let us know if you have done integration for this admin template on other platfo
|
|||
* [WordPress Themes](https://colorlib.com/wp/free-wordpress-themes/ "List of Free WordPress themes by Colorlib") - A huge selection of the best free WordPress themes that are all licensed under GPL and are available for personal and commercial use without restrictions.
|
||||
|
||||
## License information
|
||||
Gentellela is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software. But you always need to state that Colorlib is the original author of this template.
|
||||
Gentelella is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software. But you always need to state that Colorlib is the original author of this template.
|
||||
|
||||
Project is developed and maintained by [Colorlib](https://colorlib.com/ "Colorlib - Make Your First Blog") and Aigars Silkalns
|
||||
|
|
|
|||
|
|
@ -1648,7 +1648,8 @@ span.right {
|
|||
padding: 5px 0 0 0;
|
||||
position: fixed;
|
||||
width: 230px;
|
||||
background: #2A3F54
|
||||
background: #2A3F54;
|
||||
z-index:999;
|
||||
}
|
||||
.sidebar-footer a {
|
||||
padding: 7px 0 3px;
|
||||
|
|
|
|||
|
|
@ -190,9 +190,9 @@ $(document).ready(function() {
|
|||
|
||||
// iCheck
|
||||
$(document).ready(function() {
|
||||
if ($("input.checkbox")[0]) {
|
||||
if ($("input.flat")[0]) {
|
||||
$(document).ready(function () {
|
||||
$('input.checkbox').iCheck({
|
||||
$('input.flat').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-green',
|
||||
radioClass: 'iradio_flat-green'
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4345,31 +4345,31 @@
|
|||
|
||||
function init_gauge() {
|
||||
|
||||
if( typeof (Gauge) === 'undefined'){ return; }
|
||||
console.log('init_gauge');
|
||||
|
||||
var opts = {
|
||||
lines: 12,
|
||||
angle: 0,
|
||||
lineWidth: 0.4,
|
||||
pointer: {
|
||||
length: 0.75,
|
||||
strokeWidth: 0.042,
|
||||
color: '#1D212A'
|
||||
},
|
||||
limitMax: 'false',
|
||||
colorStart: '#1ABC9C',
|
||||
colorStop: '#1ABC9C',
|
||||
strokeColor: '#F0F3F3',
|
||||
generateGradient: true
|
||||
};
|
||||
var target = document.getElementById('foo'),
|
||||
gauge = new Gauge(target).setOptions(opts);
|
||||
if( typeof (Gauge) === 'undefined'){ return; }
|
||||
console.log('init_gauge');
|
||||
|
||||
var opts = {
|
||||
lines: 12,
|
||||
angle: 0,
|
||||
lineWidth: 0.4,
|
||||
pointer: {
|
||||
length: 0.75,
|
||||
strokeWidth: 0.042,
|
||||
color: '#1D212A'
|
||||
},
|
||||
limitMax: 'false',
|
||||
colorStart: '#1ABC9C',
|
||||
colorStop: '#1ABC9C',
|
||||
strokeColor: '#F0F3F3',
|
||||
generateGradient: true
|
||||
};
|
||||
var target = document.getElementById('foo'),
|
||||
gauge = new Gauge(target).setOptions(opts);
|
||||
|
||||
gauge.maxValue = 6000;
|
||||
gauge.animationSpeed = 32;
|
||||
gauge.set(3200);
|
||||
gauge.setTextField(document.getElementById("gauge-text"));
|
||||
gauge.maxValue = 6000;
|
||||
gauge.animationSpeed = 32;
|
||||
gauge.set(3200);
|
||||
gauge.setTextField(document.getElementById("gauge-text"));
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,871 @@
|
|||
/**
|
||||
* Resize function without multiple trigger
|
||||
*
|
||||
* Usage:
|
||||
* $(window).smartresize(function(){
|
||||
* // code here
|
||||
* });
|
||||
*/
|
||||
(function($,sr){
|
||||
// debouncing function from John Hann
|
||||
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
|
||||
var debounce = function (func, threshold, execAsap) {
|
||||
var timeout;
|
||||
|
||||
return function debounced () {
|
||||
var obj = this, args = arguments;
|
||||
function delayed () {
|
||||
if (!execAsap)
|
||||
func.apply(obj, args);
|
||||
timeout = null;
|
||||
}
|
||||
|
||||
if (timeout)
|
||||
clearTimeout(timeout);
|
||||
else if (execAsap)
|
||||
func.apply(obj, args);
|
||||
|
||||
timeout = setTimeout(delayed, threshold || 100);
|
||||
};
|
||||
};
|
||||
|
||||
// smartresize
|
||||
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
|
||||
|
||||
})(jQuery,'smartresize');
|
||||
/**
|
||||
* To change this license header, choose License Headers in Project Properties.
|
||||
* To change this template file, choose Tools | Templates
|
||||
* and open the template in the editor.
|
||||
*/
|
||||
|
||||
var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
|
||||
$BODY = $('body'),
|
||||
$MENU_TOGGLE = $('#menu_toggle'),
|
||||
$SIDEBAR_MENU = $('#sidebar-menu'),
|
||||
$SIDEBAR_FOOTER = $('.sidebar-footer'),
|
||||
$LEFT_COL = $('.left_col'),
|
||||
$RIGHT_COL = $('.right_col'),
|
||||
$NAV_MENU = $('.nav_menu'),
|
||||
$FOOTER = $('footer');
|
||||
|
||||
|
||||
|
||||
// Sidebar
|
||||
function init_sidebar() {
|
||||
// TODO: This is some kind of easy fix, maybe we can improve this
|
||||
var setContentHeight = function () {
|
||||
// reset height
|
||||
$RIGHT_COL.css('min-height', $(window).height());
|
||||
|
||||
var bodyHeight = $BODY.outerHeight(),
|
||||
footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
|
||||
leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
|
||||
contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
|
||||
|
||||
// normalize content
|
||||
contentHeight -= $NAV_MENU.height() + footerHeight;
|
||||
|
||||
$RIGHT_COL.css('min-height', contentHeight);
|
||||
};
|
||||
|
||||
$SIDEBAR_MENU.find('a').on('click', function(ev) {
|
||||
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 ($("input.flat")[0]) {
|
||||
$(document).ready(function () {
|
||||
$('input.flat').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-green',
|
||||
radioClass: 'iradio_flat-green'
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
// /iCheck
|
||||
|
||||
|
||||
// Table
|
||||
$('table input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('table input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
|
||||
var checkState = '';
|
||||
|
||||
$('.bulk_action input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifChecked', function () {
|
||||
checkState = 'all';
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifUnchecked', function () {
|
||||
checkState = 'none';
|
||||
countChecked();
|
||||
});
|
||||
|
||||
function countChecked() {
|
||||
if (checkState === 'all') {
|
||||
$(".bulk_action input[name='table_records']").iCheck('check');
|
||||
}
|
||||
if (checkState === 'none') {
|
||||
$(".bulk_action input[name='table_records']").iCheck('uncheck');
|
||||
}
|
||||
|
||||
var checkCount = $(".bulk_action input[name='table_records']:checked").length;
|
||||
|
||||
if (checkCount) {
|
||||
$('.column-title').hide();
|
||||
$('.bulk-actions').show();
|
||||
$('.action-cnt').html(checkCount + ' Records Selected');
|
||||
} else {
|
||||
$('.column-title').show();
|
||||
$('.bulk-actions').hide();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Accordion
|
||||
$(document).ready(function() {
|
||||
$(".expand").on("click", function () {
|
||||
$(this).next().slideToggle(200);
|
||||
$expand = $(this).find(">:first-child");
|
||||
|
||||
if ($expand.text() == "+") {
|
||||
$expand.text("-");
|
||||
} else {
|
||||
$expand.text("+");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// NProgress
|
||||
if (typeof NProgress != 'undefined') {
|
||||
$(document).ready(function () {
|
||||
NProgress.start();
|
||||
});
|
||||
|
||||
$(window).load(function () {
|
||||
NProgress.done();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function gd(year, month, day) {
|
||||
return new Date(year, month - 1, day).getTime();
|
||||
}
|
||||
|
||||
function init_flot_chart(){
|
||||
|
||||
if( typeof ($.plot) === 'undefined'){ return; }
|
||||
|
||||
console.log('init_flot_chart');
|
||||
|
||||
|
||||
|
||||
var arr_data1 = [
|
||||
[gd(2012, 1, 1), 17],
|
||||
[gd(2012, 1, 2), 74],
|
||||
[gd(2012, 1, 3), 6],
|
||||
[gd(2012, 1, 4), 39],
|
||||
[gd(2012, 1, 5), 20],
|
||||
[gd(2012, 1, 6), 85],
|
||||
[gd(2012, 1, 7), 7]
|
||||
];
|
||||
|
||||
var arr_data2 = [
|
||||
[gd(2012, 1, 1), 82],
|
||||
[gd(2012, 1, 2), 23],
|
||||
[gd(2012, 1, 3), 66],
|
||||
[gd(2012, 1, 4), 9],
|
||||
[gd(2012, 1, 5), 119],
|
||||
[gd(2012, 1, 6), 6],
|
||||
[gd(2012, 1, 7), 9]
|
||||
];
|
||||
|
||||
var arr_data3 = [
|
||||
[0, 1],
|
||||
[1, 9],
|
||||
[2, 6],
|
||||
[3, 10],
|
||||
[4, 5],
|
||||
[5, 17],
|
||||
[6, 6],
|
||||
[7, 10],
|
||||
[8, 7],
|
||||
[9, 11],
|
||||
[10, 35],
|
||||
[11, 9],
|
||||
[12, 12],
|
||||
[13, 5],
|
||||
[14, 3],
|
||||
[15, 4],
|
||||
[16, 9]
|
||||
];
|
||||
|
||||
|
||||
|
||||
|
||||
//flot options
|
||||
var plot3_options = {
|
||||
series: {
|
||||
curvedLines: {
|
||||
apply: true,
|
||||
active: true,
|
||||
monotonicFit: true
|
||||
}
|
||||
},
|
||||
colors: ["#26B99A"],
|
||||
grid: {
|
||||
borderWidth: {
|
||||
top: 0,
|
||||
right: 0,
|
||||
bottom: 1,
|
||||
left: 1
|
||||
},
|
||||
borderColor: {
|
||||
bottom: "#7F8790",
|
||||
left: "#7F8790"
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
var plot2_options = {
|
||||
series: {
|
||||
lines: {
|
||||
show: false,
|
||||
fill: true
|
||||
},
|
||||
splines: {
|
||||
show: true,
|
||||
tension: 0.4,
|
||||
lineWidth: 1,
|
||||
fill: 0.4
|
||||
},
|
||||
points: {
|
||||
radius: 0,
|
||||
show: true
|
||||
},
|
||||
shadowSize: 2
|
||||
},
|
||||
grid: {
|
||||
verticalLines: true,
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
tickColor: "#d5d5d5",
|
||||
borderWidth: 1,
|
||||
color: '#fff'
|
||||
},
|
||||
colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
|
||||
xaxis: {
|
||||
tickColor: "rgba(51, 51, 51, 0.06)",
|
||||
mode: "time",
|
||||
tickSize: [1, "day"],
|
||||
//tickLength: 10,
|
||||
axisLabel: "Date",
|
||||
axisLabelUseCanvas: true,
|
||||
axisLabelFontSizePixels: 12,
|
||||
axisLabelFontFamily: 'Verdana, Arial',
|
||||
axisLabelPadding: 10
|
||||
},
|
||||
yaxis: {
|
||||
ticks: 8,
|
||||
tickColor: "rgba(51, 51, 51, 0.06)",
|
||||
},
|
||||
tooltip: false
|
||||
};
|
||||
|
||||
console.log('Placeholder: ' + $("#placeholder33x").length );
|
||||
|
||||
var plot = $.plot($("#placeholder33x"), [{
|
||||
label: "Registrations",
|
||||
data: arr_data3,
|
||||
lines: {
|
||||
fillColor: "rgba(150, 202, 89, 0.12)"
|
||||
},
|
||||
points: {
|
||||
fillColor: "#fff"
|
||||
}
|
||||
}], plot3_options);
|
||||
/*
|
||||
*/
|
||||
|
||||
|
||||
$("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
|
||||
arr_data1, arr_data2
|
||||
], plot2_options);
|
||||
|
||||
|
||||
function flot2(){
|
||||
|
||||
if(typeof ($.plot) === 'undefined'){ return; }
|
||||
console.log('init_flot_chart2');
|
||||
|
||||
//define chart clolors ( you maybe add more colors if you want or flot will add it automatic )
|
||||
var chartColours = ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'];
|
||||
|
||||
//generate random number for charts
|
||||
randNum = function() {
|
||||
return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
|
||||
};
|
||||
|
||||
var d1 = [];
|
||||
//var d2 = [];
|
||||
|
||||
//here we generate data for chart
|
||||
for (var i = 0; i < 30; i++) {
|
||||
d1.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
|
||||
// d2.push([new Date(Date.today().add(i).days()).getTime(), randNum()]);
|
||||
}
|
||||
|
||||
var chartMinDate = d1[0][0]; //first day
|
||||
var chartMaxDate = d1[20][0]; //last day
|
||||
|
||||
var tickSize = [1, "day"];
|
||||
var tformat = "%d/%m/%y";
|
||||
|
||||
//graph options
|
||||
var options = {
|
||||
grid: {
|
||||
show: true,
|
||||
aboveData: true,
|
||||
color: "#3f3f3f",
|
||||
labelMargin: 10,
|
||||
axisMargin: 0,
|
||||
borderWidth: 0,
|
||||
borderColor: null,
|
||||
minBorderMargin: 5,
|
||||
clickable: true,
|
||||
hoverable: true,
|
||||
autoHighlight: true,
|
||||
mouseActiveRadius: 100
|
||||
},
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 2,
|
||||
steps: false
|
||||
},
|
||||
points: {
|
||||
show: true,
|
||||
radius: 4.5,
|
||||
symbol: "circle",
|
||||
lineWidth: 3.0
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
position: "ne",
|
||||
margin: [0, -25],
|
||||
noColumns: 0,
|
||||
labelBoxBorderColor: null,
|
||||
labelFormatter: function(label, series) {
|
||||
// just add some space to labes
|
||||
return label + ' ';
|
||||
},
|
||||
width: 40,
|
||||
height: 1
|
||||
},
|
||||
colors: chartColours,
|
||||
shadowSize: 0,
|
||||
tooltip: true, //activate tooltip
|
||||
tooltipOpts: {
|
||||
content: "%s: %y.0",
|
||||
xDateFormat: "%d/%m",
|
||||
shifts: {
|
||||
x: -30,
|
||||
y: -50
|
||||
},
|
||||
defaultTheme: false
|
||||
},
|
||||
yaxis: {
|
||||
min: 0
|
||||
},
|
||||
xaxis: {
|
||||
mode: "time",
|
||||
minTickSize: tickSize,
|
||||
timeformat: tformat,
|
||||
min: chartMinDate,
|
||||
max: chartMaxDate
|
||||
}
|
||||
};
|
||||
var plot = $.plot($("#placeholder33x"), [{
|
||||
label: "Email Sent",
|
||||
data: d1,
|
||||
lines: {
|
||||
fillColor: "rgba(150, 202, 89, 0.12)"
|
||||
}, //#96CA59 rgba(150, 202, 89, 0.42)
|
||||
points: {
|
||||
fillColor: "#fff"
|
||||
}
|
||||
}], options);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function init_JQVmap(){
|
||||
|
||||
//console.log('check init_JQVmap [' + typeof (VectorCanvas) + '][' + typeof (jQuery.fn.vectorMap) + ']' );
|
||||
|
||||
if(typeof (jQuery.fn.vectorMap) === 'undefined'){ return; }
|
||||
|
||||
console.log('init_JQVmap');
|
||||
|
||||
$('#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'
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
function init_skycons(){
|
||||
|
||||
if( typeof (Skycons) === 'undefined'){ return; }
|
||||
console.log('init_skycons');
|
||||
|
||||
var icons = new Skycons({
|
||||
"color": "#73879C"
|
||||
}),
|
||||
list = [
|
||||
"clear-day", "clear-night", "partly-cloudy-day",
|
||||
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
|
||||
"fog"
|
||||
],
|
||||
i;
|
||||
|
||||
for (i = list.length; i--;)
|
||||
icons.set(list[i], list[i]);
|
||||
|
||||
icons.play();
|
||||
|
||||
}
|
||||
|
||||
|
||||
function init_chart_doughnut(){
|
||||
|
||||
if( typeof (Chart) === 'undefined'){ return; }
|
||||
console.log('init_chart_doughnut');
|
||||
|
||||
if ($('.canvasDoughnut').length){
|
||||
|
||||
var chart_doughnut_el = $('.canvasDoughnut');
|
||||
var chart_doughnut_options = { legend: false, responsive: false };
|
||||
var chart_doughnut_settings = {
|
||||
type: 'doughnut',
|
||||
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
|
||||
data: {
|
||||
labels: [
|
||||
"Symbian",
|
||||
"Blackberry",
|
||||
"Other",
|
||||
"Android",
|
||||
"IOS"
|
||||
],
|
||||
datasets: [{
|
||||
data: [15, 20, 30, 10, 30],
|
||||
backgroundColor: [
|
||||
"#BDC3C7",
|
||||
"#9B59B6",
|
||||
"#E74C3C",
|
||||
"#26B99A",
|
||||
"#3498DB"
|
||||
],
|
||||
hoverBackgroundColor: [
|
||||
"#CFD4D8",
|
||||
"#B370CF",
|
||||
"#E95E4F",
|
||||
"#36CAAB",
|
||||
"#49A9EA"
|
||||
]
|
||||
}]
|
||||
},
|
||||
options: chart_doughnut_options
|
||||
}
|
||||
|
||||
var chart_doughnut = new Chart(chart_doughnut_el, chart_doughnut_settings);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function init_gauge() {
|
||||
|
||||
if( typeof (Gauge) === 'undefined'){ return; }
|
||||
console.log('init_gauge');
|
||||
|
||||
var opts = {
|
||||
lines: 12,
|
||||
angle: 0,
|
||||
lineWidth: 0.4,
|
||||
pointer: {
|
||||
length: 0.75,
|
||||
strokeWidth: 0.042,
|
||||
color: '#1D212A'
|
||||
},
|
||||
limitMax: 'false',
|
||||
colorStart: '#1ABC9C',
|
||||
colorStop: '#1ABC9C',
|
||||
strokeColor: '#F0F3F3',
|
||||
generateGradient: true
|
||||
};
|
||||
var target = document.getElementById('foo'),
|
||||
gauge = new Gauge(target).setOptions(opts);
|
||||
|
||||
gauge.maxValue = 6000;
|
||||
gauge.animationSpeed = 32;
|
||||
gauge.set(3200);
|
||||
gauge.setTextField(document.getElementById("gauge-text"));
|
||||
|
||||
}
|
||||
|
||||
/* BOOTSTRAP DATERANGEPICKER */
|
||||
|
||||
//1
|
||||
function init_bootstrap_daterangepicker() {
|
||||
|
||||
if( typeof (daterangepicker) === 'undefined'){ return; }
|
||||
console.log('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();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
/* SPARKLINES */
|
||||
|
||||
function init_sparklines() {
|
||||
|
||||
if( typeof (sparkline) === 'undefined'){ return; }
|
||||
console.log('init_sparklines');
|
||||
|
||||
|
||||
$(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
type: 'bar',
|
||||
height: '125',
|
||||
barWidth: 13,
|
||||
colorMap: {
|
||||
'7': '#a1a1a1'
|
||||
},
|
||||
barSpacing: 2,
|
||||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
type: 'bar',
|
||||
height: '40',
|
||||
barWidth: 9,
|
||||
colorMap: {
|
||||
'7': '#a1a1a1'
|
||||
},
|
||||
barSpacing: 2,
|
||||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
type: 'line',
|
||||
width: '200',
|
||||
height: '40',
|
||||
lineColor: '#26B99A',
|
||||
fillColor: 'rgba(223, 223, 223, 0.57)',
|
||||
lineWidth: 2,
|
||||
spotColor: '#26B99A',
|
||||
minSpotColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], {
|
||||
type: 'bar',
|
||||
height: '40',
|
||||
barWidth: 8,
|
||||
colorMap: {
|
||||
'7': '#a1a1a1'
|
||||
},
|
||||
barSpacing: 2,
|
||||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], {
|
||||
type: 'line',
|
||||
height: '40',
|
||||
width: '200',
|
||||
lineColor: '#26B99A',
|
||||
fillColor: '#ffffff',
|
||||
lineWidth: 3,
|
||||
spotColor: '#34495E',
|
||||
minSpotColor: '#34495E'
|
||||
});
|
||||
|
||||
$(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
|
||||
type: 'bar',
|
||||
colorMap: {
|
||||
'7': '#a1a1a1'
|
||||
},
|
||||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], {
|
||||
type: 'line',
|
||||
lineColor: '#26B99A',
|
||||
fillColor: '#26B99A',
|
||||
spotColor: '#4578a0',
|
||||
minSpotColor: '#728fb2',
|
||||
maxSpotColor: '#6d93c4',
|
||||
highlightSpotColor: '#ef5179',
|
||||
highlightLineColor: '#8ba8bf',
|
||||
spotRadius: 2.5,
|
||||
width: 85
|
||||
});
|
||||
|
||||
$(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
|
||||
type: 'line',
|
||||
lineColor: '#26B99A',
|
||||
fillColor: '#ffffff',
|
||||
width: 85,
|
||||
spotColor: '#34495E',
|
||||
minSpotColor: '#34495E'
|
||||
});
|
||||
|
||||
$(".sparkline_pie").sparkline([1, 1, 2, 1], {
|
||||
type: 'pie',
|
||||
sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2']
|
||||
});
|
||||
|
||||
$(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], {
|
||||
type: 'discrete',
|
||||
barWidth: 3,
|
||||
lineColor: '#26B99A',
|
||||
width: '85',
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
init_sparklines();
|
||||
init_flot_chart();
|
||||
init_sidebar();
|
||||
init_JQVmap();
|
||||
init_skycons();
|
||||
init_chart_doughnut();
|
||||
init_gauge();
|
||||
init_bootstrap_daterangepicker();
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" style="color: #ddd !important">Gentellela Alela! - Documentation</a>
|
||||
<a class="navbar-brand" style="color: #ddd !important">Gentelella Alela! - Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -151,7 +151,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
<div class="left_col scroll-view">
|
||||
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title">Gentellela Alela!</a>
|
||||
<a href="index.html" class="site_title">Gentelella Alela!</a>
|
||||
</div>
|
||||
|
||||
<div class="profile"><!--img_2 -->
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" style="color: #ddd !important">Gentellela Alela! - 文档</a>
|
||||
<a class="navbar-brand" style="color: #ddd !important">Gentelella Alela! - 文档</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -174,7 +174,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
|
||||
|
|
@ -219,7 +219,7 @@
|
|||
<div class="left_col scroll-view">
|
||||
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title">Gentellela Alela!</a>
|
||||
<a href="index.html" class="site_title">Gentelella Alela!</a>
|
||||
</div>
|
||||
|
||||
<div class="profile"><!--img_2 -->
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "gentelella",
|
||||
"version": "1.3.0",
|
||||
"description": "Gentellela Admin is a free to use Bootstrap admin template",
|
||||
"description": "Gentelella Admin is a free to use Bootstrap admin template",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -422,7 +422,107 @@
|
|||
<script src="../vendors/fullcalendar/dist/fullcalendar.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- FullCalendar -->
|
||||
<script>
|
||||
$(window).load(function() {
|
||||
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'
|
||||
},
|
||||
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/'
|
||||
}]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /FullCalendar -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Chart JS Graph Examples | Gentellela Alela! by Colorlib</title>
|
||||
<title>Chart JS Graph Examples | Gentelella Alela! by Colorlib</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -481,7 +481,205 @@
|
|||
<script src="../vendors/Chart.js/dist/Chart.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- Chart.js -->
|
||||
<script>
|
||||
Chart.defaults.global.legend = {
|
||||
enabled: false
|
||||
};
|
||||
|
||||
// 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
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /Chart.js -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Chart JS Graph Examples Part 2 | Gentellela Alela! by Colorlib</title>
|
||||
<title>Chart JS Graph Examples Part 2 | Gentelella Alela! by Colorlib</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -479,7 +479,205 @@
|
|||
<script src="../vendors/Chart.js/dist/Chart.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- Chart.js -->
|
||||
<script>
|
||||
Chart.defaults.global.legend = {
|
||||
enabled: false
|
||||
};
|
||||
|
||||
// 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' // for legend
|
||||
}],
|
||||
labels: [
|
||||
"Dark Gray",
|
||||
"Purple",
|
||||
"Gray",
|
||||
"Green",
|
||||
"Blue"
|
||||
]
|
||||
};
|
||||
|
||||
var polarArea = new Chart(ctx, {
|
||||
data: data,
|
||||
type: 'polarArea',
|
||||
options: {
|
||||
scale: {
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /Chart.js -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Contact Form | Gentellela Alela! by Colorlib</title>
|
||||
<title>Contact Form | Gentelella Alela! by Colorlib</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -680,6 +680,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -470,6 +470,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -303,6 +303,6 @@
|
|||
<script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col menu_fixed">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -302,6 +302,6 @@
|
|||
<script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -1361,7 +1361,219 @@
|
|||
<!-- starrr -->
|
||||
<script src="../vendors/starrr/dist/starrr.js"></script>
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#birthday').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
calender_style: "picker_4"
|
||||
}, function(start, end, label) {
|
||||
console.log(start.toISOString(), end.toISOString(), label);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /bootstrap-daterangepicker -->
|
||||
|
||||
<!-- bootstrap-wysiwyg -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
|
||||
});
|
||||
$('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);
|
||||
}
|
||||
$('<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button>' +
|
||||
'<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
|
||||
}
|
||||
|
||||
initToolbarBootstrapBindings();
|
||||
|
||||
$('#editor').wysiwyg({
|
||||
fileUploadError: showErrorAlert
|
||||
});
|
||||
|
||||
window.prettyPrint;
|
||||
prettyPrint();
|
||||
});
|
||||
</script>
|
||||
<!-- /bootstrap-wysiwyg -->
|
||||
|
||||
<!-- Select2 -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".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
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /Select2 -->
|
||||
|
||||
<!-- jQuery Tags Input -->
|
||||
<script>
|
||||
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);
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#tags_1').tagsInput({
|
||||
width: 'auto'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /jQuery Tags Input -->
|
||||
|
||||
<!-- Parsley -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$.listen('parsley:field:validate', function() {
|
||||
validateFront();
|
||||
});
|
||||
$('#demo-form .btn').on('click', function() {
|
||||
$('#demo-form').parsley().validate();
|
||||
validateFront();
|
||||
});
|
||||
var validateFront = function() {
|
||||
if (true === $('#demo-form').parsley().isValid()) {
|
||||
$('.bs-callout-info').removeClass('hidden');
|
||||
$('.bs-callout-warning').addClass('hidden');
|
||||
} else {
|
||||
$('.bs-callout-info').addClass('hidden');
|
||||
$('.bs-callout-warning').removeClass('hidden');
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$.listen('parsley:field:validate', function() {
|
||||
validateFront();
|
||||
});
|
||||
$('#demo-form2 .btn').on('click', function() {
|
||||
$('#demo-form2').parsley().validate();
|
||||
validateFront();
|
||||
});
|
||||
var validateFront = function() {
|
||||
if (true === $('#demo-form2').parsley().isValid()) {
|
||||
$('.bs-callout-info').removeClass('hidden');
|
||||
$('.bs-callout-warning').addClass('hidden');
|
||||
} else {
|
||||
$('.bs-callout-info').addClass('hidden');
|
||||
$('.bs-callout-warning').removeClass('hidden');
|
||||
}
|
||||
};
|
||||
});
|
||||
try {
|
||||
hljs.initHighlightingOnLoad();
|
||||
} catch (err) {}
|
||||
</script>
|
||||
<!-- /Parsley -->
|
||||
|
||||
<!-- Autosize -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
autosize($('.resizable_textarea'));
|
||||
});
|
||||
</script>
|
||||
<!-- /Autosize -->
|
||||
|
||||
<!-- jQuery autocomplete -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" };
|
||||
|
||||
var countriesArray = $.map(countries, function(value, key) {
|
||||
return {
|
||||
value: value,
|
||||
data: key
|
||||
};
|
||||
});
|
||||
|
||||
// initialize autocomplete with custom appendTo
|
||||
$('#autocomplete-custom-append').autocomplete({
|
||||
lookup: countriesArray
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /jQuery autocomplete -->
|
||||
|
||||
<!-- Starrr -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".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);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /Starrr -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -1223,7 +1223,629 @@
|
|||
<script src="../vendors/cropper/dist/cropper.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#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);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#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'
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /bootstrap-daterangepicker -->
|
||||
|
||||
<!-- Ion.RangeSlider -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$("#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");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /Ion.RangeSlider -->
|
||||
|
||||
<!-- Bootstrap Colorpicker -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.demo1').colorpicker();
|
||||
$('.demo2').colorpicker();
|
||||
|
||||
$('#demo_forceformat').colorpicker({
|
||||
format: 'rgba',
|
||||
horizontal: true
|
||||
});
|
||||
|
||||
$('#demo_forceformat3').colorpicker({
|
||||
format: 'rgba',
|
||||
});
|
||||
|
||||
$('.demo-auto').colorpicker();
|
||||
});
|
||||
</script>
|
||||
<!-- /Bootstrap Colorpicker -->
|
||||
|
||||
<!-- jquery.inputmask -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(":input").inputmask();
|
||||
});
|
||||
</script>
|
||||
<!-- /jquery.inputmask -->
|
||||
|
||||
<!-- jQuery Knob -->
|
||||
<script>
|
||||
$(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;
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /jQuery Knob -->
|
||||
|
||||
<!-- Cropper -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /Cropper -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -744,6 +744,6 @@
|
|||
<script src="../vendors/fastclick/lib/fastclick.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -350,6 +350,6 @@
|
|||
<script src="../vendors/dropzone/dist/min/dropzone.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -423,7 +423,39 @@
|
|||
<script src="../vendors/validator/validator.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- validator -->
|
||||
<script>
|
||||
// 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;
|
||||
});
|
||||
</script>
|
||||
<!-- /validator -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -597,7 +597,23 @@
|
|||
<!-- jQuery Smart Wizard -->
|
||||
<script src="../vendors/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- jQuery Smart Wizard -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#wizard').smartWizard();
|
||||
|
||||
$('#wizard_verticle').smartWizard({
|
||||
transitionEffect: 'slide'
|
||||
});
|
||||
|
||||
$('.buttonNext').addClass('btn btn-success');
|
||||
$('.buttonPrevious').addClass('btn btn-primary');
|
||||
$('.buttonFinish').addClass('btn btn-default');
|
||||
});
|
||||
</script>
|
||||
<!-- /jQuery Smart Wizard -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -947,7 +947,7 @@
|
|||
</div>
|
||||
<div class="x_content">
|
||||
|
||||
<p>Gentellela provides you with several dropdown designs for your choosing.</p>
|
||||
<p>Gentelella provides you with several dropdown designs for your choosing.</p>
|
||||
<ul class="nav nav-pills" role="tablist">
|
||||
<li role="presentation"><a href="#">Regular link</a>
|
||||
</li>
|
||||
|
|
@ -1655,7 +1655,88 @@
|
|||
<script src="../vendors/pnotify/dist/pnotify.nonblock.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- PNotify -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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;
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- /PNotify -->
|
||||
|
||||
<!-- Custom Notification -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var cnt = 10;
|
||||
|
||||
TabbedNotification = function(options) {
|
||||
var message = "<div id='ntf" + cnt + "' class='text alert-" + options.type + "' style='display:none'><h2><i class='fa fa-bell'></i> " + options.title +
|
||||
"</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>" + options.text + "</p></div>";
|
||||
|
||||
if (!document.getElementById('custom_notifications')) {
|
||||
alert('doesnt exists');
|
||||
} else {
|
||||
$('#custom_notifications ul.notifications').append("<li><a id='ntlink" + cnt + "' class='alert-" + options.type + "' href='#ntf" + cnt + "'><i class='fa fa-bell animated shake'></i></a></li>");
|
||||
$('#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');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /Custom Notification -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -1735,6 +1735,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -2343,6 +2343,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -636,7 +636,81 @@
|
|||
<script src="../vendors/google-code-prettify/src/prettify.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- bootstrap-wysiwyg -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
|
||||
});
|
||||
$('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);
|
||||
}
|
||||
$('<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button>' +
|
||||
'<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
|
||||
}
|
||||
|
||||
initToolbarBootstrapBindings();
|
||||
|
||||
$('#editor').wysiwyg({
|
||||
fileUploadError: showErrorAlert
|
||||
});
|
||||
|
||||
prettyPrint();
|
||||
});
|
||||
</script>
|
||||
<!-- /bootstrap-wysiwyg -->
|
||||
|
||||
<!-- compose -->
|
||||
<script>
|
||||
$('#compose, .compose-close').click(function(){
|
||||
$('.compose').slideToggle();
|
||||
});
|
||||
</script>>
|
||||
<!-- /compose -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -328,7 +328,7 @@
|
|||
</div>
|
||||
|
||||
<div class="col-md-9 col-sm-9 col-xs-12">
|
||||
<div id="placeholder33" style="height: 260px; display: none" class="demo-placeholder"></div>
|
||||
<div id="placeholder33x" <!--style="height: 260px; display: none"--> class="demo-placeholder"></div>
|
||||
<div style="width: 100%;">
|
||||
<div id="canvas_dahs" class="demo-placeholder" style="width: 100%; height:270px;"></div>
|
||||
</div>
|
||||
|
|
@ -535,7 +535,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<canvas id="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
|
||||
<canvas class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
|
||||
</td>
|
||||
<td>
|
||||
<table class="tile_info">
|
||||
|
|
@ -1021,7 +1021,7 @@
|
|||
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -321,7 +321,7 @@
|
|||
<div class="x_content">
|
||||
<div class="col-md-9 col-sm-12 col-xs-12">
|
||||
<div class="demo-container" style="height:280px">
|
||||
<div id="placeholder33x" class="demo-placeholder"></div>
|
||||
<div id="placeholder33x" style="width: 100%; height:270px;" class="demo-placeholder"></div>
|
||||
</div>
|
||||
<div class="tiles">
|
||||
<div class="col-md-4 tile">
|
||||
|
|
@ -472,15 +472,15 @@
|
|||
<div class="col-md-5">
|
||||
<div class="row" style="text-align: center;">
|
||||
<div class="col-md-4">
|
||||
<canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<canvas class="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<h4 style="margin:0">Bounce Rates</h4>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<canvas class="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<h4 style="margin:0">New Traffic</h4>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<canvas class="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
|
||||
<h4 style="margin:0">Device Share</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -766,263 +766,9 @@
|
|||
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
|
||||
<!-- Flot -->
|
||||
<!--
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
//define chart clolors ( you maybe add more colors if you want or flot will add it automatic )
|
||||
var chartColours = ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'];
|
||||
|
||||
//generate random number for charts
|
||||
randNum = function() {
|
||||
return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
|
||||
};
|
||||
|
||||
var d1 = [];
|
||||
//var d2 = [];
|
||||
|
||||
//here we generate data for chart
|
||||
for (var i = 0; i < 30; i++) {
|
||||
d1.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
|
||||
// d2.push([new Date(Date.today().add(i).days()).getTime(), randNum()]);
|
||||
}
|
||||
|
||||
var chartMinDate = d1[0][0]; //first day
|
||||
var chartMaxDate = d1[20][0]; //last day
|
||||
|
||||
var tickSize = [1, "day"];
|
||||
var tformat = "%d/%m/%y";
|
||||
|
||||
//graph options
|
||||
var options = {
|
||||
grid: {
|
||||
show: true,
|
||||
aboveData: true,
|
||||
color: "#3f3f3f",
|
||||
labelMargin: 10,
|
||||
axisMargin: 0,
|
||||
borderWidth: 0,
|
||||
borderColor: null,
|
||||
minBorderMargin: 5,
|
||||
clickable: true,
|
||||
hoverable: true,
|
||||
autoHighlight: true,
|
||||
mouseActiveRadius: 100
|
||||
},
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 2,
|
||||
steps: false
|
||||
},
|
||||
points: {
|
||||
show: true,
|
||||
radius: 4.5,
|
||||
symbol: "circle",
|
||||
lineWidth: 3.0
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
position: "ne",
|
||||
margin: [0, -25],
|
||||
noColumns: 0,
|
||||
labelBoxBorderColor: null,
|
||||
labelFormatter: function(label, series) {
|
||||
// just add some space to labes
|
||||
return label + ' ';
|
||||
},
|
||||
width: 40,
|
||||
height: 1
|
||||
},
|
||||
colors: chartColours,
|
||||
shadowSize: 0,
|
||||
tooltip: true, //activate tooltip
|
||||
tooltipOpts: {
|
||||
content: "%s: %y.0",
|
||||
xDateFormat: "%d/%m",
|
||||
shifts: {
|
||||
x: -30,
|
||||
y: -50
|
||||
},
|
||||
defaultTheme: false
|
||||
},
|
||||
yaxis: {
|
||||
min: 0
|
||||
},
|
||||
xaxis: {
|
||||
mode: "time",
|
||||
minTickSize: tickSize,
|
||||
timeformat: tformat,
|
||||
min: chartMinDate,
|
||||
max: chartMaxDate
|
||||
}
|
||||
};
|
||||
var plot = $.plot($("#placeholder33x"), [{
|
||||
label: "Email Sent",
|
||||
data: d1,
|
||||
lines: {
|
||||
fillColor: "rgba(150, 202, 89, 0.12)"
|
||||
}, //#96CA59 rgba(150, 202, 89, 0.42)
|
||||
points: {
|
||||
fillColor: "#fff"
|
||||
}
|
||||
}], options);
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /Flot -->
|
||||
|
||||
<!-- jQuery Sparklines -->
|
||||
<!--
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
|
||||
$(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], {
|
||||
type: 'bar',
|
||||
height: '40',
|
||||
barWidth: 8,
|
||||
colorMap: {
|
||||
'7': '#a1a1a1'
|
||||
},
|
||||
barSpacing: 2,
|
||||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], {
|
||||
type: 'line',
|
||||
height: '40',
|
||||
width: '200',
|
||||
lineColor: '#26B99A',
|
||||
fillColor: '#ffffff',
|
||||
lineWidth: 3,
|
||||
spotColor: '#34495E',
|
||||
minSpotColor: '#34495E'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /jQuery Sparklines -->
|
||||
|
||||
<!-- Doughnut Chart -->
|
||||
<!--
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var canvasDoughnut,
|
||||
options = {
|
||||
legend: false,
|
||||
responsive: false
|
||||
};
|
||||
|
||||
new Chart(document.getElementById("canvas1i"), {
|
||||
type: 'doughnut',
|
||||
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
|
||||
data: {
|
||||
labels: [
|
||||
"Symbian",
|
||||
"Blackberry",
|
||||
"Other",
|
||||
"Android",
|
||||
"IOS"
|
||||
],
|
||||
datasets: [{
|
||||
data: [15, 20, 30, 10, 30],
|
||||
backgroundColor: [
|
||||
"#BDC3C7",
|
||||
"#9B59B6",
|
||||
"#E74C3C",
|
||||
"#26B99A",
|
||||
"#3498DB"
|
||||
],
|
||||
hoverBackgroundColor: [
|
||||
"#CFD4D8",
|
||||
"#B370CF",
|
||||
"#E95E4F",
|
||||
"#36CAAB",
|
||||
"#49A9EA"
|
||||
]
|
||||
|
||||
}]
|
||||
},
|
||||
options: options
|
||||
});
|
||||
|
||||
new Chart(document.getElementById("canvas1i2"), {
|
||||
type: 'doughnut',
|
||||
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
|
||||
data: {
|
||||
labels: [
|
||||
"Symbian",
|
||||
"Blackberry",
|
||||
"Other",
|
||||
"Android",
|
||||
"IOS"
|
||||
],
|
||||
datasets: [{
|
||||
data: [15, 20, 30, 10, 30],
|
||||
backgroundColor: [
|
||||
"#BDC3C7",
|
||||
"#9B59B6",
|
||||
"#E74C3C",
|
||||
"#26B99A",
|
||||
"#3498DB"
|
||||
],
|
||||
hoverBackgroundColor: [
|
||||
"#CFD4D8",
|
||||
"#B370CF",
|
||||
"#E95E4F",
|
||||
"#36CAAB",
|
||||
"#49A9EA"
|
||||
]
|
||||
|
||||
}]
|
||||
},
|
||||
options: options
|
||||
});
|
||||
|
||||
new Chart(document.getElementById("canvas1i3"), {
|
||||
type: 'doughnut',
|
||||
tooltipFillColor: "rgba(51, 51, 51, 0.55)",
|
||||
data: {
|
||||
labels: [
|
||||
"Symbian",
|
||||
"Blackberry",
|
||||
"Other",
|
||||
"Android",
|
||||
"IOS"
|
||||
],
|
||||
datasets: [{
|
||||
data: [15, 20, 30, 10, 30],
|
||||
backgroundColor: [
|
||||
"#BDC3C7",
|
||||
"#9B59B6",
|
||||
"#E74C3C",
|
||||
"#26B99A",
|
||||
"#3498DB"
|
||||
],
|
||||
hoverBackgroundColor: [
|
||||
"#CFD4D8",
|
||||
"#B370CF",
|
||||
"#E95E4F",
|
||||
"#36CAAB",
|
||||
"#49A9EA"
|
||||
]
|
||||
|
||||
}]
|
||||
},
|
||||
options: options
|
||||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /Doughnut Chart -->
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<!--
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
|
|
@ -1094,7 +840,6 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /bootstrap-daterangepicker -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -882,10 +882,8 @@
|
|||
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
|
||||
<!-- Flot -->
|
||||
<!--
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
<!-- Flot -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
//random data
|
||||
|
|
@ -944,14 +942,12 @@
|
|||
}], options);
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /Flot -->
|
||||
|
||||
<!-- jQuery Sparklines -->
|
||||
<!--
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
$(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
type: 'bar',
|
||||
height: '40',
|
||||
barWidth: 9,
|
||||
|
|
@ -962,7 +958,7 @@
|
|||
barColor: '#26B99A'
|
||||
});
|
||||
|
||||
$(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
$(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
type: 'line',
|
||||
width: '200',
|
||||
height: '40',
|
||||
|
|
@ -974,11 +970,9 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /jQuery Sparklines -->
|
||||
|
||||
<!-- Doughnut Chart -->
|
||||
<!--
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var options = {
|
||||
|
|
@ -1019,11 +1013,9 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /Doughnut Chart -->
|
||||
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<!--
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
|
|
@ -1095,11 +1087,9 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /bootstrap-daterangepicker -->
|
||||
|
||||
<!-- morris.js -->
|
||||
<!--
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
Morris.Bar({
|
||||
|
|
@ -1130,11 +1120,9 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /morris.js -->
|
||||
|
||||
<!-- Skycons -->
|
||||
<!--
|
||||
<script>
|
||||
var icons = new Skycons({
|
||||
"color": "#73879C"
|
||||
|
|
@ -1151,11 +1139,9 @@
|
|||
|
||||
icons.play();
|
||||
</script>
|
||||
-->
|
||||
<!-- /Skycons -->
|
||||
|
||||
<!-- gauge.js -->
|
||||
<!--
|
||||
<script>
|
||||
var opts = {
|
||||
lines: 12,
|
||||
|
|
@ -1188,7 +1174,6 @@
|
|||
gauge.set(4200);
|
||||
gauge.setTextField(document.getElementById("gauge-text2"));
|
||||
</script>
|
||||
-->
|
||||
<!-- /gauge.js -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -490,6 +490,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -299,6 +299,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
<div class="left_col scroll-view">
|
||||
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title">Gentellela Alela!</a>
|
||||
<a href="index.html" class="site_title">Gentelella Alela!</a>
|
||||
</div>
|
||||
|
||||
<!-- menu prile quick info -->
|
||||
|
|
@ -1398,7 +1398,7 @@
|
|||
<!-- icheck -->
|
||||
<script src="js/icheck/icheck.min.js"></script>
|
||||
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- pace -->
|
||||
<script src="js/pace/pace.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -533,6 +533,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Moris JS Chart Examples | Gentellela Alela! by Colorlib</title>
|
||||
<title>Moris JS Chart Examples | Gentelella Alela! by Colorlib</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -493,7 +493,137 @@
|
|||
<script src="../vendors/morris.js/morris.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- morris.js -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /morris.js -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -456,7 +456,144 @@
|
|||
<script src="../vendors/jquery.easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- JQVMap -->
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#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'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /JQVMap -->
|
||||
|
||||
<!-- easy-pie-chart -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.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
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- easy-pie-chart -->
|
||||
|
||||
<!-- jQuery Sparklines -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".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',
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- /jQuery Sparklines -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -61,6 +61,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -61,6 +61,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -61,6 +61,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -340,6 +340,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -481,6 +481,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -576,7 +576,113 @@
|
|||
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
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();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- datepicker -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
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();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- /datepicker -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -478,10 +478,9 @@
|
|||
<script src="../vendors/echarts/dist/echarts.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- ECharts -->
|
||||
<!--
|
||||
<script>
|
||||
var theme = {
|
||||
color: [
|
||||
|
|
@ -772,7 +771,6 @@
|
|||
}]
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
<!-- /ECharts -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -684,6 +684,6 @@
|
|||
<script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -779,6 +779,6 @@
|
|||
<!--<script src="../vendors/iCheck/icheck.min.js"></script>-->
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>DataTables | Gentellela</title>
|
||||
<title>DataTables | Gentelella</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -3875,7 +3875,89 @@
|
|||
<script src="../vendors/pdfmake/build/vfs_fonts.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- Datatables -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
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() {
|
||||
$('input').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-green'
|
||||
});
|
||||
});
|
||||
|
||||
TableManageButtons.init();
|
||||
});
|
||||
</script>
|
||||
<!-- /Datatables -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -377,6 +377,6 @@
|
|||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gentellela Alela! | </title>
|
||||
<title>Gentelella Alela! | </title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
|
@ -909,7 +909,7 @@
|
|||
<script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/new-custom.js"></script>
|
||||
<script src="../build/js/new-custom2.js"></script>
|
||||
|
||||
<!-- chart js -->
|
||||
<!-- <script type="text/javascript" src="js/moment/moment.min.js"></script> -->
|
||||
|
|
@ -919,7 +919,7 @@
|
|||
<!-- icheck -->
|
||||
<!-- <script src="js/icheck/icheck.min.js"></script> -->
|
||||
|
||||
<!-- <script src="../build/js/new-custom.js"></script> -->
|
||||
<!-- <script src="../build/js/custom.min.js"></script> -->
|
||||
|
||||
<!-- pace -->
|
||||
<!-- <script src="js/pace/pace.min.js"></script> -->
|
||||
|
|
@ -928,8 +928,6 @@
|
|||
<!-- <script src="js/sparkline/jquery.sparkline.min.js"></script> -->
|
||||
<!-- easypie -->
|
||||
<!-- <script src="js/easypie/jquery.easypiechart.min.js"></script> -->
|
||||
|
||||
<!--
|
||||
<script>
|
||||
$(function() {
|
||||
$('.chart').easyPieChart({
|
||||
|
|
@ -947,9 +945,7 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
|
||||
<!--
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
Chart.defaults.global.legend = {
|
||||
|
|
@ -1097,9 +1093,7 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
-->
|
||||
|
||||
<!--
|
||||
|
||||
<script>
|
||||
$('document').ready(function() {
|
||||
$(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
|
||||
|
|
@ -1124,7 +1118,5 @@
|
|||
minSpotColor: '#26B99A'
|
||||
});
|
||||
})
|
||||
</script>
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue