Mini Shell
$(document).ready(function() {
//for Caching
var $content = $('#content');
/*----------------------------------------------------------------------*/
/* preload images
/*----------------------------------------------------------------------*/
//$.preload();
/*----------------------------------------------------------------------*/
/* Widgets
/*----------------------------------------------------------------------*/
$content.find('div.widgets').wl_Widget();
//$content.find('div.widget').wl_Widget();
/*----------------------------------------------------------------------*/
/* All Form Plugins
/*----------------------------------------------------------------------*/
//Integers and decimals
$content.find('input[type=number].integer').wl_Number();
$content.find('input[type=number].decimal').wl_Number({decimals:2,step:0.5});
//Date and Time fields
$content.find('input.date, div.date').wl_Date();
$content.find('input.time').wl_Time();
//Autocompletes (source is required)
$content.find('input.autocomplete').wl_Autocomplete({
source: ["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"]
});
//Elastic textareas (autogrow)
$content.find('textarea[data-autogrow]').elastic();
//WYSIWYG Editor
$content.find('textarea.html').wl_Editor();
//Validation
$content.find('input[data-regex]').wl_Valid();
$content.find('input[type=email]').wl_Mail();
$content.find('input[type=url]').wl_URL();
//File Upload
$content.find('input[type=file]').wl_File();
//Password and Color
$content.find('input[type=password]').wl_Password();
$content.find('input.color').wl_Color();
//Sliders
$content.find('div.slider').wl_Slider();
//The Form itself
$content.find('form').wl_Form();
/*----------------------------------------------------------------------*/
/* Alert boxes
/*----------------------------------------------------------------------*/
$content.find('div.alert').wl_Alert();
/*----------------------------------------------------------------------*/
/* Breadcrumb
/*----------------------------------------------------------------------*/
$content.find('ul.breadcrumb').wl_Breadcrumb();
/*----------------------------------------------------------------------*/
/* datatable plugin
/*----------------------------------------------------------------------*/
$content.find("table.datatable").dataTable({
});
/*----------------------------------------------------------------------*/
/* uniform plugin
/*----------------------------------------------------------------------*/
$("select, textarea, input").not('input[type=submit], textarea.html').uniform();
/*----------------------------------------------------------------------*/
/* Charts
/*----------------------------------------------------------------------*/
$content.find('table.chart').wl_Chart({
onClick:function(value, legend, label, id){
$.msg("value is "+value+" from "+legend+" at "+label+" ("+id+")",{header:'Custom Callback'});
}
});
/*----------------------------------------------------------------------*/
/* Fileexplorer
/*----------------------------------------------------------------------*/
$content.find('div.fileexplorer').wl_Fileexplorer();
/*----------------------------------------------------------------------*/
/* Calendar (read http://arshaw.com/fullcalendar/docs/ for more info!)
/*----------------------------------------------------------------------*/
$content.find('div.calendar').wl_Calendar({
eventSources: [
{
url: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'
},{
events: [ // put the array in the `events` property
{
title : 'Fixed Event',
start : '2011-06-01'
},
{
title : 'long fixed Event',
start : '2011-07-06',
end : '2011-07-14'
}
],
color: '#f0a8a8', // an option!
textColor: '#ffffff' // an option!
},{
events: [ // put the array in the `events` property
{
title : 'Editable',
start : '2011-07-09 12:30:00'
}
],
editable:true,
color: '#a2e8a2', // an option!
textColor: '#ffffff' // an option!
}
// any other event sources...
]
});
/*----------------------------------------------------------------------*/
/* Gallery
/*----------------------------------------------------------------------*/
$content.find('ul.gallery').wl_Gallery();
/*----------------------------------------------------------------------*/
/* Tipsy Tooltip
/*----------------------------------------------------------------------*/
$content.find('input[title]').tipsy({
gravity: function(){return ($(this).data('tooltip-gravity') || config.tooltip.gravity); },
fade: config.tooltip.fade,
opacity: config.tooltip.opacity,
color: config.tooltip.color,
offset: config.tooltip.offset
});
/*----------------------------------------------------------------------*/
/* Accordions
/*----------------------------------------------------------------------*/
$content.find('div.accordion').accordion({
collapsible:true,
autoHeight:false
});
/*----------------------------------------------------------------------*/
/* Tabs
/*----------------------------------------------------------------------*/
$content.find('div.tab').tabs({
fx: {
opacity: 'toggle',
duration: 'fast',
height:'auto'
}
});
/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/
//$content.find('button, input[type=submit]').button();
/*----------------------------------------------------------------------*/
/* Navigation Stuff
/*----------------------------------------------------------------------*/
//Top Pageoptions
$('#wl_config').click(function(){
var $pageoptions = $('#pageoptions');
if($pageoptions.height() < 200){
$pageoptions.animate({'height':100});
$(this).addClass('active');
}else{
$pageoptions.animate({'height':20});
$(this).removeClass('active');
}
return false;
});
//Header navigation for smaller screens
var $headernav = $('ul#headernav');
$headernav.bind('click',function(){
//if(window.innerWidth > 800) return false;
var ul = $headernav.find('ul').eq(0);
(ul.is(':hidden')) ? ul.addClass('shown') : ul.removeClass('shown');
});
$headernav.find('ul > li').bind('click',function(event){
event.stopPropagation();
var children = $(this).children('ul');
if(children.length){
(children.is(':hidden')) ? children.addClass('shown') : children.removeClass('shown');
}
});
//Search Field Stuff
var $searchform = $('#searchform'),
$searchfield = $('#search');
$searchfield
.bind('focus.wl',function(){
$searchfield.parent().animate({width: '150px'},100).select();
})
.bind('blur.wl',function(){
$searchfield.parent().animate({width: '90px'},100);
});
$searchform
.bind('submit.wl',function(){
//do something on submit
var query = $searchfield.val();
});
//Main Navigation
var $nav = $('#nav');
$nav.delegate('li','click.wl', function(event){
var _this = $(this),
_parent = _this.parent(),
a = _parent.find('a');
_parent.find('ul').slideUp('fast');
a.removeClass('active');
_this.find('ul:hidden').slideDown('fast');
_this.find('a').eq(0).addClass('active');
event.stopPropagation();
});
/*----------------------------------------------------------------------*/
/* Helpers
/*----------------------------------------------------------------------*/
//placholder in inputs is not implemented well in all browsers, so we need to trick this
$("[placeholder]").bind('focus.placeholder',function() {
var el = $(this);
if (el.val() == el.attr("placeholder") && !el.data('uservalue')) {
el.val("");
el.removeClass("placeholder");
}
}).bind('blur.placeholder',function() {
var el = $(this);
if (el.val() == "" || el.val() == el.attr("placeholder") && !el.data('uservalue')) {
el.addClass("placeholder");
el.val(el.attr("placeholder"));
el.data("uservalue",false);
}else{
}
}).bind('keyup.placeholder',function() {
var el = $(this);
if (el.val() == "") {
el.data("uservalue",false);
}else{
el.data("uservalue",true);
}
}).trigger('blur.placeholder');
/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Following code is for the Demonstration only!
/* Get inspired and use it further or just remove it!
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Callback for Slider
/*----------------------------------------------------------------------*/
$content.find('div.slider#slider_callback').wl_Slider({
onSlide:function(value){
$('#slider_callback_bar').width(value+'%').text(value);
}
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Rangeslider area how to
/* http://themeforest.revaxarts.com/whitelabel/doc-sliders.html
/*----------------------------------------------------------------------*/
$content.find('div.slider#slider_mousewheel').wl_Slider({
onSlide:function(values){
var _this = $('#slider_mousewheel'),
_handler = _this.find('a');
_h1 = _handler.eq(0).offset(),
_h2 = _handler.eq(1).offset(),
value = _h1.left+(_h2.left-_h1.left)/2-_this.offset().left+5;
$('#slider_mousewheel_left').width(value);
$('#slider_mousewheel_right').width(_this.width()-value);
}
});
$('#slider_mousewheel_left, #slider_mousewheel_right').bind('mousewheel',function(event,delta){
event.preventDefault();
$.alert('Use the Slider above!\nThis is just for visualisation');
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Button to clear localStorage
/* http://themeforest.revaxarts.com/whitelabel/widgets.html
/*----------------------------------------------------------------------*/
$content.find('.clearLocalStorage').bind('click',function(){
var wl_Store = new $.wl_Store();
if(wl_Store.flush()){
$.msg("LocalStorage as been cleared!");
};
return false;
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* needed for the Store Documentation
/* http://themeforest.revaxarts.com/whitelabel/doc-store.html
/*----------------------------------------------------------------------*/
$content.find('#save_store').bind('click',function(){
$.prompt('Storing some values?','This text is for the storage',function(value){
var wl_Store = new $.wl_Store('doc-store');
if(wl_Store.save('testvalue', value)){
$.msg('Your data has been saved!. You can reload the page now!',{live:10000});
}else{
$.msg('Sorry, but a problem while storing your data occurs! Maybe your browser isn\'t supported!',{live:10000});
}
});
});
$content.find('#restore_store').bind('click',function(){
var wl_Store = new $.wl_Store('doc-store');
var value = wl_Store.get('testvalue');
if(value){
$.alert('your value is:\n'+value);
}else{
$.alert('No value is set!');
}
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Confirm Box for the Form Filler
/* http://themeforest.revaxarts.com/whitelabel/form.html
/*----------------------------------------------------------------------*/
$('#formfiller').click(function(){
var _this = this;
$.confirm('To fill a form with your data you have to add a query string to the location.\nhttp://domain.tld/path?key=value&key2=value2',function(){
window.location.href = _this.href;
});
return false;
});
$content.find('form').wl_Form('set','ajax',false);
/*----------------------------------------------------------------------*/
/* Toggle to nativ/ajax submit
/* http://themeforest.revaxarts.com/whitelabel/form.html
/*----------------------------------------------------------------------*/
/*
$('#formsubmitswitcher').click(function(){
var _this = $(this);
if(_this.text() == 'send form natively'){
alert(_this.text());
$content.find('form').wl_Form('set','ajax',false);
$.msg('The form will now use the browser native submit method');
_this.text('send form with ajax');
}else{
alert(_this.text());
$content.find('form').wl_Form('set','ajax',true);
$.msg('The form will now be sent with an ajax request');
_this.text('send form natively');
}
return false;
});
*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* add some Callbacks to the Form
/* http://themeforest.revaxarts.com/whitelabel/form.html
/*----------------------------------------------------------------------*/
$content.find('form').wl_Form({
onSuccess: function(data, status){
if(window.console){
console.log(status);
console.log(data);
};
//$.msg("Custom Callback on success\nDevelopers! Check your Console!");
},
onError: function(status, error, jqXHR){
//$.msg("Callback on Error\nError Status: "+status+"\nError Msg: "+error);
}
});
/*----------------------------------------------------------------------*/
/* Simple Styleswitcher
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Gallery with some custom callbacks
/* http://themeforest.revaxarts.com/whitelabel/gallery.html
/*----------------------------------------------------------------------*/
$content.find('ul.gallery').wl_Gallery({
onEdit: function(el, href, title){
if(href){
$.confirm('For demonstration I use pixlr to edit images.\nDo you like to continue?',function(){
window.open('http://pixlr.com/editor/?referrer=whitelabel&image='+escape(href)+'&title='+escape(title)+'');
});
}
},
onDelete: function(el, href, title){
if(href){
$.confirm('Do you really like to delete this?',function(){
el.fadeOut();
});
}
}
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Message trigger buttons
/* http://themeforest.revaxarts.com/whitelabel/dialogs_and_buttons.html
/*----------------------------------------------------------------------*/
$('#message').click(function(){
$.msg("This is a simple Message");
});
$('#message_sticky').click(function(){
$.msg("This Message will stay until you click the cross",{sticky:true});
});
$('#message_header').click(function(){
$.msg("This is with a custom Header",{header:'Custom Header'});
});
$('#message_delay').click(function(){
$.msg("This stays exactly 10 seconds",{live:10000});
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Dialog trigger buttons
/* http://themeforest.revaxarts.com/whitelabel/dialogs_and_buttons.html
/*----------------------------------------------------------------------*/
$('#dialog').click(function(){
$.alert("This is a simple Message");
});
$('#dialog_confirm').click(function(){
$.confirm("Do you really like to confirm this?",
function(){
$.msg("confirmed!");
},
function(){
$.msg("You clicked cancel!");
});
});
$('#dialog_prompt').click(function(){
$.prompt("What do you really like?","Pizza",
function(value){
$.msg("So, you like '"+value+"'?");
},
function(){
$.msg("You clicked cancel!");
});
});
$('#dialog_switch').click(function(){
if($.alert.defaults.nativ){
$(this).text('switch to nativ dialogs');
}else{
$(this).text('switch to jQuery Dialogs');
}
$.alert.defaults.nativ = !$.alert.defaults.nativ;
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Breadcrumb Demos
/* http://themeforest.revaxarts.com/whitelabel/breadcrumb.html
/*----------------------------------------------------------------------*/
$('#enablebreadcrumb').click(function(){
$('ul.breadcrumb').eq(4).wl_Breadcrumb('enable');
$.msg('enabled!');
});
$('#disablebreadcrumb').click(function(){
$('ul.breadcrumb').eq(4).wl_Breadcrumb('disable');
$.msg('disabled!');
});
$('ul.breadcrumb').eq(5).wl_Breadcrumb({
onChange:function(element,id){
$.msg(element.text()+' with id '+id);
}
});
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Helps to make current section active in the Mainbar
/*----------------------------------------------------------------------*/
var loc = location.pathname.replace(/\/([^.]+)\//g,'');
var current = $nav.find('a[href="'+loc+'"]');
if(current.parent().parent().is('#nav')){
current.addClass('active');
}else{
current.parent().parent().parent().find('a').eq(0).addClass('active');
current.addClass('active');
}
/*----------------------------------------------------------------------*/
});
/*----------------------------------------------------------------------*/
/* Autocomplete Function must be available befor wl_Autocomplete is called
/*----------------------------------------------------------------------*/
window.myAutocompleteFunction = function(){
return ['Lorem ipsum dolor','sit amet consectetur adipiscing','elit Nulla et justo','est Vestibulum libero','enim adipiscing in','porta mollis sem','Duis lacinia','velit et est rhoncus','mattis Aliquam at','diam eu ipsum','rutrum tincidunt Etiam','nec porta erat Pellentesque','et elit sed sem','bibendum posuere Curabitur id','purus erat vel pretium','erat Ut ultricies semper','quam eu dignissim Cras sed','sapien arcu Phasellus sit amet','venenatis sapien Nulla facilisi','Curabitur ut','bibendum odio Fusce','vitae velit hendrerit','dui convallis tristique','eget nec leo','Vestibulum fermentum leo','ac rutrum interdum mauris','felis sodales arcu','non vehicula odio magna sed','tortor Etiam enim leo','interdum vitae elementum id','laoreet at massa Curabitur nisi dui','lobortis ut rutrum','quis gravida ut velit','Phasellus augue quam gravida non','vulputate vel tempus sit amet','nunc Proin convallis tristique purus'];
};
Zerion Mini Shell 1.0