128 lines
3.6 KiB
JavaScript
Executable File
128 lines
3.6 KiB
JavaScript
Executable File
/*=========================================================================================
|
|
File Name: toolbar.js
|
|
Description: A jQuery plugin that creates tooltip style toolbars
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
$(document).ready(function(){
|
|
|
|
// Define any icon actions before calling the toolbar
|
|
$('.toolbar-icons a').on('click', function(event) {
|
|
event.preventDefault();
|
|
});
|
|
|
|
$('div[data-toolbar="user-options"]').toolbar({
|
|
content: '#user-options',
|
|
position: 'top',
|
|
});
|
|
|
|
$('div[data-toolbar="transport-options"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'top',
|
|
});
|
|
|
|
$('div[data-toolbar="transport-options-o"]').toolbar({
|
|
content: '#transport-options-o',
|
|
position: 'bottom',
|
|
event: 'click',
|
|
hideOnClick: true,
|
|
});
|
|
|
|
$('div[data-toolbar="content-option"]').toolbar({
|
|
content: '#transport-options',
|
|
});
|
|
|
|
$('div[data-toolbar="position-option"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'bottom',
|
|
});
|
|
|
|
$('div[data-toolbar="style-option"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'bottom',
|
|
style: 'primary',
|
|
});
|
|
|
|
$('div[data-toolbar="animation-option"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'bottom',
|
|
style: 'primary',
|
|
animation: 'flyin'
|
|
});
|
|
|
|
$('div[data-toolbar="event-option"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'bottom',
|
|
style: 'primary',
|
|
event: 'click',
|
|
});
|
|
|
|
$('div[data-toolbar="hide-option"]').toolbar({
|
|
content: '#transport-options',
|
|
position: 'bottom',
|
|
style: 'primary',
|
|
event: 'click',
|
|
hideOnClick: true
|
|
});
|
|
|
|
$('#link-toolbar').toolbar({
|
|
content: '#user-options',
|
|
position: 'top',
|
|
event: 'click',
|
|
adjustment: 35
|
|
});
|
|
|
|
$('div[data-toolbar="set-01"]').toolbar({
|
|
content: '#set-01-options',
|
|
position: 'top',
|
|
});
|
|
|
|
$('div[data-toolbar="set-02"]').toolbar({
|
|
content: '#set-02-options',
|
|
position: 'left',
|
|
});
|
|
|
|
$('div[data-toolbar="set-03"]').toolbar({
|
|
content: '#set-03-options',
|
|
position: 'bottom',
|
|
});
|
|
|
|
$('div[data-toolbar="set-04"]').toolbar({
|
|
content: '#set-04-options',
|
|
position: 'right',
|
|
});
|
|
|
|
$(".download").on('click', function() {
|
|
mixpanel.track("Toolbar.Download");
|
|
});
|
|
|
|
$("#transport-options-2").find('a').on('click', function() {
|
|
$this = $(this);
|
|
$button = $('div[data-toolbar="transport-options-2"]');
|
|
$newClass = $this.find('i').attr('class').substring(3);
|
|
$oldClass = $button.find('i').attr('class').substring(3);
|
|
if ($newClass != $oldClass) {
|
|
$button.find('i').animate({
|
|
top: "+=50",
|
|
opacity: 0
|
|
}, 200, function() {
|
|
$(this).removeClass($oldClass).addClass($newClass).css({
|
|
top: "-=100",
|
|
opacity: 1
|
|
}).animate({
|
|
top: "+=50"
|
|
});
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
$('div[data-toolbar="transport-options-2"]').toolbar({
|
|
content: '#transport-options-2',
|
|
position: 'top',
|
|
});
|
|
|
|
}); |