copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,427 @@
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Flot: Basic
|
||||
*/
|
||||
(function() {
|
||||
var plot = $.plot('#flotBasic', flotBasicData, {
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 1,
|
||||
fillColor: {
|
||||
colors: [{
|
||||
opacity: 0.45
|
||||
}, {
|
||||
opacity: 0.45
|
||||
}]
|
||||
}
|
||||
},
|
||||
points: {
|
||||
show: true
|
||||
},
|
||||
shadowSize: 0
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
borderColor: 'rgba(0,0,0,0.1)',
|
||||
borderWidth: 1,
|
||||
labelMargin: 15,
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
max: 200,
|
||||
color: 'rgba(0,0,0,0.1)'
|
||||
},
|
||||
xaxis: {
|
||||
color: 'rgba(0,0,0,0.1)'
|
||||
},
|
||||
tooltip: true,
|
||||
tooltipOpts: {
|
||||
content: '%s: Value of %x is %y',
|
||||
shifts: {
|
||||
x: -60,
|
||||
y: 25
|
||||
},
|
||||
defaultTheme: false
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
/*
|
||||
Flot: Real-Time
|
||||
*/
|
||||
(function() {
|
||||
var data = [],
|
||||
totalPoints = 300;
|
||||
|
||||
function getRandomData() {
|
||||
|
||||
if (data.length > 0)
|
||||
data = data.slice(1);
|
||||
|
||||
// Do a random walk
|
||||
while (data.length < totalPoints) {
|
||||
|
||||
var prev = data.length > 0 ? data[data.length - 1] : 50,
|
||||
y = prev + Math.random() * 10 - 5;
|
||||
|
||||
if (y < 0) {
|
||||
y = 0;
|
||||
} else if (y > 100) {
|
||||
y = 100;
|
||||
}
|
||||
|
||||
data.push(y);
|
||||
}
|
||||
|
||||
// Zip the generated y values with the x values
|
||||
var res = [];
|
||||
for (var i = 0; i < data.length; ++i) {
|
||||
res.push([i, data[i]])
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
|
||||
var plot = $.plot('#flotRealTime', [getRandomData()], {
|
||||
colors: ['#8CC9E8'],
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 1,
|
||||
fillColor: {
|
||||
colors: [{
|
||||
opacity: 0.45
|
||||
}, {
|
||||
opacity: 0.45
|
||||
}]
|
||||
}
|
||||
},
|
||||
points: {
|
||||
show: false
|
||||
},
|
||||
shadowSize: 0
|
||||
},
|
||||
grid: {
|
||||
borderColor: 'rgba(0,0,0,0.1)',
|
||||
borderWidth: 1,
|
||||
labelMargin: 15,
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
max: 100,
|
||||
color: 'rgba(0,0,0,0.1)'
|
||||
},
|
||||
xaxis: {
|
||||
show: false
|
||||
}
|
||||
});
|
||||
|
||||
function update() {
|
||||
|
||||
plot.setData([getRandomData()]);
|
||||
|
||||
// Since the axes don't change, we don't need to call plot.setupGrid()
|
||||
plot.draw();
|
||||
setTimeout(update, $( 'html' ).hasClass( 'mobile-device' ) ? 1000 : 30 );
|
||||
}
|
||||
|
||||
update();
|
||||
})();
|
||||
|
||||
/*
|
||||
Flot: Bars
|
||||
*/
|
||||
(function() {
|
||||
var plot = $.plot('#flotBars', [flotBarsData], {
|
||||
colors: ['#8CC9E8'],
|
||||
series: {
|
||||
bars: {
|
||||
show: true,
|
||||
barWidth: 0.8,
|
||||
align: 'center'
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
mode: 'categories',
|
||||
tickLength: 0
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
borderColor: 'rgba(0,0,0,0.1)',
|
||||
borderWidth: 1,
|
||||
labelMargin: 15,
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
tooltip: true,
|
||||
tooltipOpts: {
|
||||
content: '%y',
|
||||
shifts: {
|
||||
x: -10,
|
||||
y: 20
|
||||
},
|
||||
defaultTheme: false
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
/*
|
||||
Flot: Pie
|
||||
*/
|
||||
(function() {
|
||||
var plot = $.plot('#flotPie', flotPieData, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
combine: {
|
||||
color: '#999',
|
||||
threshold: 0.1
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
/*
|
||||
Morris: Line
|
||||
*/
|
||||
Morris.Line({
|
||||
resize: true,
|
||||
element: 'morrisLine',
|
||||
data: morrisLineData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
hideHover: true,
|
||||
lineColors: ['#0088cc', '#734ba9'],
|
||||
});
|
||||
|
||||
/*
|
||||
Morris: Donut
|
||||
*/
|
||||
Morris.Donut({
|
||||
resize: true,
|
||||
element: 'morrisDonut',
|
||||
data: morrisDonutData,
|
||||
colors: ['#0088cc', '#734ba9', '#E36159']
|
||||
});
|
||||
|
||||
/*
|
||||
Morris: Bar
|
||||
*/
|
||||
Morris.Bar({
|
||||
resize: true,
|
||||
element: 'morrisBar',
|
||||
data: morrisBarData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
hideHover: true,
|
||||
barColors: ['#0088cc', '#2baab1']
|
||||
});
|
||||
|
||||
/*
|
||||
Morris: Area
|
||||
*/
|
||||
Morris.Area({
|
||||
resize: true,
|
||||
element: 'morrisArea',
|
||||
data: morrisAreaData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
lineColors: ['#0088cc', '#2baab1'],
|
||||
fillOpacity: 0.7,
|
||||
hideHover: true
|
||||
});
|
||||
|
||||
/*
|
||||
Morris: Stacked
|
||||
*/
|
||||
Morris.Bar({
|
||||
resize: true,
|
||||
element: 'morrisStacked',
|
||||
data: morrisStackedData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
barColors: ['#0088cc', '#2baab1'],
|
||||
fillOpacity: 0.7,
|
||||
smooth: false,
|
||||
stacked: true,
|
||||
hideHover: true
|
||||
});
|
||||
|
||||
/*
|
||||
Gauge: Basic
|
||||
*/
|
||||
(function() {
|
||||
var target = $('#gaugeBasic'),
|
||||
opts = $.extend(true, {}, {
|
||||
lines: 12, // The number of lines to draw
|
||||
angle: 0.12, // The length of each line
|
||||
lineWidth: 0.5, // The line thickness
|
||||
pointer: {
|
||||
length: 0.7, // The radius of the inner circle
|
||||
strokeWidth: 0.05, // The rotation offset
|
||||
color: '#444' // Fill color
|
||||
},
|
||||
limitMax: 'true', // If true, the pointer will not go past the end of the gauge
|
||||
colorStart: '#0088CC', // Colors
|
||||
colorStop: '#0088CC', // just experiment with them
|
||||
strokeColor: '#F1F1F1', // to see which ones work best for you
|
||||
generateGradient: true
|
||||
}, target.data('plugin-options'));
|
||||
|
||||
var gauge = new Gauge(target.get(0)).setOptions(opts);
|
||||
|
||||
gauge.maxValue = opts.maxValue; // set max gauge value
|
||||
gauge.animationSpeed = 32; // set animation speed (32 is default value)
|
||||
gauge.set(opts.value); // set actual value
|
||||
gauge.setTextField(document.getElementById("gaugeBasicTextfield"));
|
||||
})();
|
||||
|
||||
/*
|
||||
Gauge: Alternative
|
||||
*/
|
||||
(function() {
|
||||
var target = $('#gaugeAlternative'),
|
||||
opts = $.extend(true, {}, {
|
||||
lines: 12, // The number of lines to draw
|
||||
angle: 0.12, // The length of each line
|
||||
lineWidth: 0.5, // The line thickness
|
||||
pointer: {
|
||||
length: 0.7, // The radius of the inner circle
|
||||
strokeWidth: 0.05, // The rotation offset
|
||||
color: '#444' // Fill color
|
||||
},
|
||||
limitMax: 'true', // If true, the pointer will not go past the end of the gauge
|
||||
colorStart: '#2BAAB1', // Colors
|
||||
colorStop: '#2BAAB1', // just experiment with them
|
||||
strokeColor: '#F1F1F1', // to see which ones work best for you
|
||||
generateGradient: true
|
||||
}, target.data('plugin-options'));
|
||||
|
||||
var gauge = new Gauge(target.get(0)).setOptions(opts);
|
||||
|
||||
gauge.maxValue = opts.maxValue; // set max gauge value
|
||||
gauge.animationSpeed = 32; // set animation speed (32 is default value)
|
||||
gauge.set(opts.value); // set actual value
|
||||
gauge.setTextField(document.getElementById("gaugeAlternativeTextfield"));
|
||||
})();
|
||||
|
||||
/*
|
||||
Liquid Meter
|
||||
*/
|
||||
$('#meter').liquidMeter({
|
||||
shape: 'circle',
|
||||
color: '#0088CC',
|
||||
background: '#F9F9F9',
|
||||
fontSize: '24px',
|
||||
fontWeight: '600',
|
||||
stroke: '#F2F2F2',
|
||||
textColor: '#333',
|
||||
liquidOpacity: 0.9,
|
||||
liquidPalette: ['#333'],
|
||||
speed: 3000,
|
||||
animate: !$.browser.mobile
|
||||
});
|
||||
|
||||
/*
|
||||
Liquid Meter Dark
|
||||
*/
|
||||
$('#meterDark').liquidMeter({
|
||||
shape: 'circle',
|
||||
color: '#0088CC',
|
||||
background: '#272A31',
|
||||
stroke: '#33363F',
|
||||
fontSize: '24px',
|
||||
fontWeight: '600',
|
||||
textColor: '#FFFFFF',
|
||||
liquidOpacity: 0.9,
|
||||
liquidPalette: ['#0088CC'],
|
||||
speed: 3000,
|
||||
animate: !$.browser.mobile
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Line
|
||||
*/
|
||||
$("#sparklineLine").sparkline(sparklineLineData, {
|
||||
type: 'line',
|
||||
width: '80',
|
||||
height: '30',
|
||||
lineColor: '#0088cc'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Bar
|
||||
*/
|
||||
$("#sparklineBar").sparkline(sparklineBarData, {
|
||||
type: 'bar',
|
||||
width: '80',
|
||||
height: '30',
|
||||
barColor: '#0088cc',
|
||||
negBarColor: '#B20000'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Tristate
|
||||
*/
|
||||
$("#sparklineTristate").sparkline(sparklineTristateData, {
|
||||
type: 'tristate',
|
||||
width: '80',
|
||||
height: '30',
|
||||
posBarColor: '#0088cc',
|
||||
negBarColor: '#B20000'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Discrete
|
||||
*/
|
||||
$("#sparklineDiscrete").sparkline(sparklineDiscreteData, {
|
||||
type: 'discrete',
|
||||
width: '80',
|
||||
height: '30',
|
||||
lineColor: '#0088cc'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Bullet
|
||||
*/
|
||||
$("#sparklineBullet").sparkline(sparklineBulletData, {
|
||||
type: 'bullet',
|
||||
width: '80',
|
||||
height: '30',
|
||||
targetColor: '#ff7f00',
|
||||
performanceColor: '#0088cc'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Pie
|
||||
*/
|
||||
$("#sparklinePie").sparkline(sparklinePieData, {
|
||||
type: 'pie',
|
||||
height: '30',
|
||||
barColor: '#0088cc'
|
||||
});
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,157 @@
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Single Image
|
||||
*/
|
||||
|
||||
$('.image-popup-vertical-fit').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
mainClass: 'mfp-img-mobile',
|
||||
image: {
|
||||
verticalFit: true
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$('.image-popup-no-margins').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Gallery
|
||||
*/
|
||||
$('.popup-gallery').magnificPopup({
|
||||
delegate: 'a',
|
||||
type: 'image',
|
||||
tLoading: 'Loading image #%curr%...',
|
||||
mainClass: 'mfp-img-mobile',
|
||||
gallery: {
|
||||
enabled: true,
|
||||
navigateByImgClick: true,
|
||||
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
|
||||
},
|
||||
image: {
|
||||
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Zoom Gallery
|
||||
*/
|
||||
$('.zoom-gallery').magnificPopup({
|
||||
delegate: 'a',
|
||||
type: 'image',
|
||||
closeOnContentClick: false,
|
||||
closeBtnInside: false,
|
||||
mainClass: 'mfp-with-zoom mfp-img-mobile',
|
||||
image: {
|
||||
verticalFit: true,
|
||||
titleSrc: function(item) {
|
||||
return item.el.attr('title') + ' · <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank">image source</a>';
|
||||
}
|
||||
},
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300, // don't foget to change the duration also in CSS
|
||||
opener: function(element) {
|
||||
return element.find('img');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Popup with video or map
|
||||
*/
|
||||
$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false
|
||||
});
|
||||
|
||||
/*
|
||||
Dialog with CSS animation
|
||||
*/
|
||||
$('.popup-with-zoom-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in'
|
||||
});
|
||||
|
||||
$('.popup-with-move-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-slide-bottom'
|
||||
});
|
||||
|
||||
/*
|
||||
Form
|
||||
*/
|
||||
$('.popup-with-form').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
focus: '#name',
|
||||
|
||||
// When elemened is focused, some mobile browsers in some cases zoom in
|
||||
// It looks not nice, so we disable it:
|
||||
callbacks: {
|
||||
beforeOpen: function() {
|
||||
if($(window).width() < 700) {
|
||||
this.st.focus = false;
|
||||
} else {
|
||||
this.st.focus = '#name';
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Ajax
|
||||
*/
|
||||
$('.simple-ajax-popup').magnificPopup({
|
||||
type: 'ajax'
|
||||
});
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,114 @@
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Basic
|
||||
*/
|
||||
$('.modal-basic').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
modal: true
|
||||
});
|
||||
|
||||
/*
|
||||
Sizes
|
||||
*/
|
||||
$('.modal-sizes').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
modal: true
|
||||
});
|
||||
|
||||
/*
|
||||
Modal with CSS animation
|
||||
*/
|
||||
$('.modal-with-zoom-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in',
|
||||
modal: true
|
||||
});
|
||||
|
||||
$('.modal-with-move-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-slide-bottom',
|
||||
modal: true
|
||||
});
|
||||
|
||||
/*
|
||||
Modal Dismiss
|
||||
*/
|
||||
$(document).on('click', '.modal-dismiss', function (e) {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.close();
|
||||
});
|
||||
|
||||
/*
|
||||
Modal Confirm
|
||||
*/
|
||||
$(document).on('click', '.modal-confirm', function (e) {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.close();
|
||||
|
||||
new PNotify({
|
||||
title: 'Success!',
|
||||
text: 'Modal Confirm Message.',
|
||||
type: 'success'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Form
|
||||
*/
|
||||
$('.modal-with-form').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
focus: '#name',
|
||||
modal: true,
|
||||
|
||||
// When elemened is focused, some mobile browsers in some cases zoom in
|
||||
// It looks not nice, so we disable it:
|
||||
callbacks: {
|
||||
beforeOpen: function() {
|
||||
if($(window).width() < 700) {
|
||||
this.st.focus = false;
|
||||
} else {
|
||||
this.st.focus = '#name';
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Ajax
|
||||
*/
|
||||
$('.simple-ajax-modal').magnificPopup({
|
||||
type: 'ajax',
|
||||
modal: true
|
||||
});
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Update Output
|
||||
*/
|
||||
var updateOutput = function (e) {
|
||||
var list = e.length ? e : $(e.target),
|
||||
output = list.data('output');
|
||||
|
||||
if (window.JSON) {
|
||||
output.val(window.JSON.stringify(list.nestable('serialize')));
|
||||
} else {
|
||||
output.val('JSON browser support required for this demo.');
|
||||
}
|
||||
};
|
||||
|
||||
/*
|
||||
Nestable 1
|
||||
*/
|
||||
$('#nestable').nestable({
|
||||
group: 1
|
||||
}).on('change', updateOutput);
|
||||
|
||||
/*
|
||||
Output Initial Serialised Data
|
||||
*/
|
||||
$(function() {
|
||||
updateOutput($('#nestable').data('output', $('#nestable-output')));
|
||||
});
|
||||
|
||||
}).apply(this, [ jQuery ]);
|
||||
@@ -0,0 +1,967 @@
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Default Notifications
|
||||
*/
|
||||
$('#default-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'custom',
|
||||
addclass: 'notification-primary',
|
||||
icon: 'fa fa-twitter'
|
||||
});
|
||||
});
|
||||
|
||||
$('#default-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.'
|
||||
});
|
||||
});
|
||||
|
||||
$('#default-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success'
|
||||
});
|
||||
});
|
||||
|
||||
$('#default-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info'
|
||||
});
|
||||
});
|
||||
|
||||
$('#default-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error'
|
||||
});
|
||||
});
|
||||
|
||||
$('#default-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Regular Notice',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-user'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Shadowed Notifications
|
||||
*/
|
||||
$('#shadow-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
shadow: true,
|
||||
addclass: 'notification-primary',
|
||||
icon: 'fa fa-twitter'
|
||||
});
|
||||
});
|
||||
|
||||
$('#shadow-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
shadow: true
|
||||
});
|
||||
});
|
||||
|
||||
$('#shadow-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success',
|
||||
shadow: true
|
||||
});
|
||||
});
|
||||
|
||||
$('#shadow-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info',
|
||||
shadow: true
|
||||
});
|
||||
});
|
||||
|
||||
$('#shadow-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error',
|
||||
shadow: true
|
||||
});
|
||||
});
|
||||
|
||||
$('#shadow-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'With Shadow',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-user',
|
||||
shadow: true
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
No Icon Notification
|
||||
*/
|
||||
$('#no-icon-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'ui-pnotify-no-icon notification-primary',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-icon-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'ui-pnotify-no-icon',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-icon-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success',
|
||||
addclass: 'ui-pnotify-no-icon',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-icon-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info',
|
||||
addclass: 'ui-pnotify-no-icon',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-icon-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error',
|
||||
addclass: 'ui-pnotify-no-icon',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-icon-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Without Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'ui-pnotify-no-icon notification-dark',
|
||||
icon: false
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
No Border Radius Notification
|
||||
*/
|
||||
$('#no-radious-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-primary',
|
||||
cornerclass: 'ui-pnotify-sharp',
|
||||
icon: 'fa fa-twitter'
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-radious-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
cornerclass: 'ui-pnotify-sharp'
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-radious-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success',
|
||||
cornerclass: 'ui-pnotify-sharp'
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-radious-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info',
|
||||
cornerclass: 'ui-pnotify-sharp'
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-radious-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error',
|
||||
cornerclass: 'ui-pnotify-sharp'
|
||||
});
|
||||
});
|
||||
|
||||
$('#no-radious-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'border-radius: 0;',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-user',
|
||||
cornerclass: 'ui-pnotify-sharp'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Custom Icon Notification
|
||||
*/
|
||||
$('#custom-icon-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-primary',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
$('#custom-icon-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
$('#custom-icon-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
$('#custom-icon-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
$('#custom-icon-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
$('#custom-icon-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Custom Icon',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-home'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Icon without border notification
|
||||
*/
|
||||
$('#icon-without-border-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-primary icon-nb',
|
||||
icon: 'fa fa-twitter'
|
||||
});
|
||||
});
|
||||
|
||||
$('#icon-without-border-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'icon-nb'
|
||||
});
|
||||
});
|
||||
|
||||
$('#icon-without-border-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'success',
|
||||
addclass: 'icon-nb'
|
||||
});
|
||||
});
|
||||
|
||||
$('#icon-without-border-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'info',
|
||||
addclass: 'icon-nb'
|
||||
});
|
||||
});
|
||||
|
||||
$('#icon-without-border-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
type: 'error',
|
||||
addclass: 'icon-nb'
|
||||
});
|
||||
});
|
||||
|
||||
$('#icon-without-border-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Icon Without Border',
|
||||
text: 'Check me out! I\'m a notice.',
|
||||
addclass: 'notification-dark icon-nb',
|
||||
icon: 'fa fa-user'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Non-blocking notifications
|
||||
*/
|
||||
$('#non-blocking-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
addclass: 'notification-primary',
|
||||
icon: 'fa fa-twitter',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#non-blocking-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#non-blocking-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
type: 'success',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#non-blocking-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
type: 'info',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#non-blocking-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
type: 'error',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#non-blocking-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Non-Blocking',
|
||||
text: 'I\'m a special kind of notice called "non-blocking". When you hover over me I\'ll fade to show the elements underneath. Feel free to click any of them just like I wasn\'t even here.\n\nNote: HTML links don\'t trigger in some browsers, due to security settings.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-user',
|
||||
nonblock: {
|
||||
nonblock: true,
|
||||
nonblock_opacity: .2
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Sticky notifications
|
||||
*/
|
||||
$('#sticky-primary').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
addclass: 'notification-primary',
|
||||
icon: 'fa fa-twitter',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#sticky-notice').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#sticky-success').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
type: 'success',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#sticky-info').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
type: 'info',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#sticky-error').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
type: 'error',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#sticky-dark').click(function() {
|
||||
new PNotify({
|
||||
title: 'Sticky',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to close me yourself.',
|
||||
addclass: 'notification-dark',
|
||||
icon: 'fa fa-user',
|
||||
hide: false,
|
||||
buttons: {
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Click to close notifications
|
||||
*/
|
||||
$('#click-to-close-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
addclass: 'notification-primary click-2-close',
|
||||
icon: 'fa fa-twitter',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#click-to-close-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
addclass: 'click-2-close',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#click-to-close-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
type: 'success',
|
||||
addclass: 'click-2-close',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#click-to-close-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
type: 'info',
|
||||
addclass: 'click-2-close',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#click-to-close-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
type: 'error',
|
||||
addclass: 'click-2-close',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#click-to-close-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Click to Close',
|
||||
text: 'Check me out! I\'m a sticky notice. You\'ll have to click me to close.',
|
||||
addclass: 'notification-dark click-2-close',
|
||||
icon: 'fa fa-user',
|
||||
hide: false,
|
||||
buttons: {
|
||||
closer: false,
|
||||
sticker: false
|
||||
}
|
||||
});
|
||||
|
||||
notice.get().click(function() {
|
||||
notice.remove();
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Positions
|
||||
*/
|
||||
var stack_topleft = {"dir1": "down", "dir2": "right", "push": "top"};
|
||||
var stack_bottomleft = {"dir1": "right", "dir2": "up", "push": "top"};
|
||||
var stack_bottomright = {"dir1": "up", "dir2": "left", "firstpos1": 15, "firstpos2": 15};
|
||||
var stack_bar_top = {"dir1": "down", "dir2": "right", "push": "top", "spacing1": 0, "spacing2": 0};
|
||||
var stack_bar_bottom = {"dir1": "up", "dir2": "right", "spacing1": 0, "spacing2": 0};
|
||||
|
||||
$('#position-1-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-primary stack-topleft',
|
||||
icon: 'fa fa-twitter'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-1-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'stack-topleft'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-1-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'success',
|
||||
addclass: 'stack-topleft'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-1-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'info',
|
||||
addclass: 'stack-topleft'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-1-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'error',
|
||||
addclass: 'stack-topleft'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-1-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-dark stack-topleft',
|
||||
icon: 'fa fa-user'
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-primary stack-bottomleft',
|
||||
icon: 'fa fa-twitter',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'stack-bottomleft',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'success',
|
||||
addclass: 'stack-bottomleft',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'info',
|
||||
addclass: 'stack-bottomleft',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'error',
|
||||
addclass: 'stack-bottomleft',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-2-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-dark stack-bottomleft',
|
||||
icon: 'fa fa-user',
|
||||
stack: stack_bottomleft
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-primary stack-bottomright',
|
||||
icon: 'fa fa-twitter',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'stack-bottomright',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'success',
|
||||
addclass: 'stack-bottomright',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'info',
|
||||
addclass: 'stack-bottomright',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'error',
|
||||
addclass: 'stack-bottomright',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-3-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-dark stack-bottomright',
|
||||
icon: 'fa fa-user',
|
||||
stack: stack_bottomright
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-primary stack-bar-top',
|
||||
icon: 'fa fa-twitter',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'stack-bar-top',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'success',
|
||||
addclass: 'stack-bar-top',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'info',
|
||||
addclass: 'stack-bar-top',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'error',
|
||||
addclass: 'stack-bar-top',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-4-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-dark stack-bar-top',
|
||||
icon: 'fa fa-user',
|
||||
stack: stack_bar_top,
|
||||
width: "100%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-primary').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-primary stack-bar-bottom',
|
||||
icon: 'fa fa-twitter',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-notice').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'stack-bar-bottom',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-success').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'success',
|
||||
addclass: 'stack-bar-bottom',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-info').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'info',
|
||||
addclass: 'stack-bar-bottom',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-error').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
type: 'error',
|
||||
addclass: 'stack-bar-bottom',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
$('#position-5-dark').click(function() {
|
||||
var notice = new PNotify({
|
||||
title: 'Notification',
|
||||
text: 'Some notification text.',
|
||||
addclass: 'notification-dark stack-bar-bottom',
|
||||
icon: 'fa fa-user',
|
||||
stack: stack_bar_bottom,
|
||||
width: "70%"
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Desktop Notifications Code
|
||||
*/
|
||||
$.each(['notice', 'error', 'info', 'success'], function( i, type ) {
|
||||
$( '#desktop-' + type ).click(function() {
|
||||
PNotify.desktop.permission();
|
||||
(new PNotify({
|
||||
title: 'Desktop ' + type.charAt(0).toUpperCase() + type.slice(1),
|
||||
text: 'If you\'ve given me permission, I\'ll appear as a desktop notification. If you haven\'t, I\'ll still appear as a regular notice.',
|
||||
type: type,
|
||||
desktop: {
|
||||
desktop: true
|
||||
}
|
||||
})).get().click(function() {
|
||||
alert('Hey! You clicked the desktop notification!');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
$('#desktop-sticky').click(function() {
|
||||
PNotify.desktop.permission();
|
||||
(new PNotify({
|
||||
title: 'Sticky Desktop Notice',
|
||||
text: 'I\'m a sticky notice, so you\'ll have to close me yourself. (Some systems don\'t allow sticky notifications.) If you\'ve given me permission, I\'ll appear as a desktop notification. If you haven\'t, I\'ll still appear as a regular notice.',
|
||||
hide: false,
|
||||
desktop: {
|
||||
desktop: true
|
||||
}
|
||||
})).get().click(function() {
|
||||
alert('Hey! You clicked the desktop notification!');
|
||||
});
|
||||
});
|
||||
|
||||
$('#desktop-custom').click(function() {
|
||||
PNotify.desktop.permission();
|
||||
(new PNotify({
|
||||
title: 'Desktop Custom Icon',
|
||||
text: 'If you\'ve given me permission, I\'ll appear as a desktop notification. If you haven\'t, I\'ll still appear as a regular notice.',
|
||||
desktop: {
|
||||
desktop: true,
|
||||
icon: 'assets/images/!happy-face.png'
|
||||
}
|
||||
})).get().click(function() {
|
||||
alert('Hey! You clicked the desktop notification!');
|
||||
});
|
||||
});
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,31 @@
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Flot: Pie
|
||||
*/
|
||||
(function() {
|
||||
var plot = $.plot('#flotPie', flotPieData, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
combine: {
|
||||
color: '#999',
|
||||
threshold: 0.1
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Refresh page
|
||||
*/
|
||||
$('#portletRefresh').on('click', function(ev) {
|
||||
ev.preventDefault();
|
||||
window.location.reload();
|
||||
});
|
||||
|
||||
/*
|
||||
Restore to default
|
||||
*/
|
||||
$('#portletReset').on('click', function(ev) {
|
||||
ev.preventDefault();
|
||||
store.remove('__portletOrder');
|
||||
store.remove('__portletState');
|
||||
window.location.reload();
|
||||
});
|
||||
|
||||
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,125 @@
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
Basic
|
||||
*/
|
||||
$('#treeBasic').jstree({
|
||||
'core' : {
|
||||
'themes' : {
|
||||
'responsive': false
|
||||
}
|
||||
},
|
||||
'types' : {
|
||||
'default' : {
|
||||
'icon' : 'fa fa-folder'
|
||||
},
|
||||
'file' : {
|
||||
'icon' : 'fa fa-file'
|
||||
}
|
||||
},
|
||||
'plugins': ['types']
|
||||
});
|
||||
|
||||
/*
|
||||
Checkbox
|
||||
*/
|
||||
$('#treeCheckbox').jstree({
|
||||
'core' : {
|
||||
'themes' : {
|
||||
'responsive': false
|
||||
}
|
||||
},
|
||||
'types' : {
|
||||
'default' : {
|
||||
'icon' : 'fa fa-folder'
|
||||
},
|
||||
'file' : {
|
||||
'icon' : 'fa fa-file'
|
||||
}
|
||||
},
|
||||
'plugins': ['types', 'checkbox']
|
||||
});
|
||||
|
||||
/*
|
||||
Ajax HTML
|
||||
*/
|
||||
$('#treeAjaxHTML').jstree({
|
||||
'core' : {
|
||||
'themes' : {
|
||||
'responsive': false
|
||||
},
|
||||
'check_callback' : true,
|
||||
'data' : {
|
||||
'url' : function (node) {
|
||||
return 'assets/ajax/ajax-treeview-nodes.html';
|
||||
},
|
||||
'data' : function (node) {
|
||||
return { 'parent' : node.id };
|
||||
}
|
||||
}
|
||||
},
|
||||
'types' : {
|
||||
'default' : {
|
||||
'icon' : 'fa fa-folder'
|
||||
},
|
||||
'file' : {
|
||||
'icon' : 'fa fa-file'
|
||||
}
|
||||
},
|
||||
'plugins': ['types']
|
||||
});
|
||||
|
||||
/*
|
||||
Ajax JSON
|
||||
*/
|
||||
$('#treeAjaxJSON').jstree({
|
||||
'core' : {
|
||||
'themes' : {
|
||||
'responsive': false
|
||||
},
|
||||
'check_callback' : true,
|
||||
'data' : {
|
||||
'url' : function (node) {
|
||||
return node.id === '#' ? 'assets/ajax/ajax-treeview-roots.json' : 'assets/ajax/ajax-treeview-children.json';
|
||||
},
|
||||
'data' : function (node) {
|
||||
return { 'id' : node.id };
|
||||
}
|
||||
}
|
||||
},
|
||||
'types' : {
|
||||
'default' : {
|
||||
'icon' : 'fa fa-folder'
|
||||
},
|
||||
'file' : {
|
||||
'icon' : 'fa fa-file'
|
||||
}
|
||||
},
|
||||
'plugins': ['types']
|
||||
});
|
||||
|
||||
/*
|
||||
Drag & Drop
|
||||
*/
|
||||
$('#treeDragDrop').jstree({
|
||||
'core' : {
|
||||
'check_callback' : true,
|
||||
'themes' : {
|
||||
'responsive': false
|
||||
}
|
||||
},
|
||||
'types' : {
|
||||
'default' : {
|
||||
'icon' : 'fa fa-folder'
|
||||
},
|
||||
'file' : {
|
||||
'icon' : 'fa fa-file'
|
||||
}
|
||||
},
|
||||
'plugins': ['types', 'dnd']
|
||||
});
|
||||
|
||||
}).apply( this, [ jQuery ]);
|
||||
@@ -0,0 +1,84 @@
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
$(function() {
|
||||
|
||||
/*
|
||||
Flot
|
||||
*/
|
||||
var plot = $.plot('#flotWidgetsSales1', flotWidgetsSales1Data, {
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
lineWidth: 2
|
||||
},
|
||||
points: {
|
||||
show: true
|
||||
},
|
||||
shadowSize: 0
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
borderColor: 'transparent',
|
||||
borderWidth: 1,
|
||||
labelMargin: 15,
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
color: 'transparent'
|
||||
},
|
||||
xaxis: {
|
||||
mode: 'categories',
|
||||
color: 'transparent'
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
},
|
||||
tooltip: true,
|
||||
tooltipOpts: {
|
||||
content: '%x: %y',
|
||||
shifts: {
|
||||
x: -30,
|
||||
y: 25
|
||||
},
|
||||
defaultTheme: false
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Morris
|
||||
*/
|
||||
Morris.Line({
|
||||
resize: true,
|
||||
element: 'morrisLine',
|
||||
data: morrisLineData,
|
||||
grid: false,
|
||||
xkey: 'y',
|
||||
ykeys: ['a'],
|
||||
labels: ['Series A'],
|
||||
hideHover: 'always',
|
||||
lineColors: ['#FFF'],
|
||||
gridTextColor: 'rgba(255,255,255,0.4)'
|
||||
});
|
||||
|
||||
/*
|
||||
Sparkline: Bar
|
||||
*/
|
||||
$("#sparklineBar").sparkline(sparklineBarData, {
|
||||
type: 'bar',
|
||||
width: '80',
|
||||
height: '50',
|
||||
barColor: '#0088cc',
|
||||
negBarColor: '#B20000'
|
||||
});
|
||||
|
||||
$('.circular-bar-chart').appear();
|
||||
|
||||
});
|
||||
|
||||
}).apply(this, [ jQuery ]);
|
||||
Reference in New Issue
Block a user