Added PICKLES and core JS
This commit is contained in:
Josh Sherman
parent
0a7a6be18a
commit
bbcdfc0a94
4 changed files with 234 additions and 0 deletions
24
bootstrap/public/js/core.js
Normal file
24
bootstrap/public/js/core.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
window.onload = function()
|
||||
{
|
||||
if (window.jQuery)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('.tip').tooltip({
|
||||
'placement': 'top',
|
||||
'trigger' : 'hover'
|
||||
});
|
||||
|
||||
if ($('.content form').length)
|
||||
{
|
||||
$('.content form input:eq(0)').focus();
|
||||
}
|
||||
|
||||
$('.content form input, .content form button').focus(function()
|
||||
{
|
||||
$('.content form label span.label').hide().removeClass('hidden');
|
||||
$(this).parent('.well').children().find('span').show();
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
1
bootstrap/public/js/core.min.js
vendored
Normal file
1
bootstrap/public/js/core.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
window.onload=function(){window.jQuery&&$(document).ready(function(){$(".tip").tooltip({placement:"top",trigger:"hover"});$(".content form").length&&$(".content form input:eq(0)").focus();$(".content form input, .content form button").focus(function(){$(".content form label span.label").hide().removeClass("hidden");$(this).parent(".well").children().find("span").show()})})};
|
||||
203
bootstrap/public/js/pickles.js
Normal file
203
bootstrap/public/js/pickles.js
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
$(document).ready(function()
|
||||
{
|
||||
// Apply the validator if available
|
||||
if (jQuery().validate)
|
||||
{
|
||||
$('form').validate();
|
||||
}
|
||||
|
||||
// Catches forms being submitted
|
||||
$('form.ajax input[type=submit], form.ajax button[type=submit], form.ajax .submit').live('click', function()
|
||||
{
|
||||
if ($(this).attr('readonly') == 'readonly')
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
// Grabs the form
|
||||
var form = $(this).parents('form').get();
|
||||
|
||||
// Removes any messages
|
||||
$('.ajax-form-error, .ajax-form-message, label.error', form).fadeOut('normal', function(){ $(this).remove(); });
|
||||
|
||||
// Checks that it's valid
|
||||
if (typeof $(form).valid == 'undefined' || $(form).valid() == true)
|
||||
{
|
||||
// Sets the buttons, inputs and textareas to READONLY
|
||||
$('button, input, textarea', form).attr('readonly', 'readonly');
|
||||
|
||||
// Forces the cursor to be waiting
|
||||
document.body.style.cursor = 'wait';
|
||||
|
||||
var method = $(form).attr('method') == '' ? 'GET' : $(form).attr('method');
|
||||
var action = $(form).attr('action');
|
||||
|
||||
if (action == '')
|
||||
{
|
||||
injectMessage(form, 'Form element lacks action attribute', 'error');
|
||||
|
||||
// Removes READONLY status
|
||||
$('button, input, textarea', form).removeAttr('readonly');
|
||||
|
||||
// Returns the cursor to normal... but is anyone really normal?
|
||||
document.body.style.cursor = 'default';
|
||||
}
|
||||
else
|
||||
{
|
||||
$.ajax({
|
||||
'type': method,
|
||||
'url': action,
|
||||
'data': $(form).serialize(),
|
||||
'dataType': 'json',
|
||||
|
||||
'success': function(data, textStatus, XMLHttpRequest)
|
||||
{
|
||||
if (data.status != 'success' && typeof(data.message) != 'undefined')
|
||||
{
|
||||
injectMessage(form, data.message, 'error');
|
||||
}
|
||||
else if (data.status == 'success')
|
||||
{
|
||||
$('input[type=text]', form).val('');
|
||||
$('input[type=email]', form).val('');
|
||||
$('select', form).val('');
|
||||
$('textarea', form).val('');
|
||||
|
||||
if (typeof(data.message) != 'undefined')
|
||||
{
|
||||
injectMessage(form, data.message, 'message');
|
||||
}
|
||||
|
||||
if (typeof(data.url) != 'undefined')
|
||||
{
|
||||
parent.location.href = data.url;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
// Only really serves a purpose when debugging
|
||||
//injectMessage(form, data, 'error');
|
||||
}
|
||||
|
||||
if (typeof(data.callback) != 'undefined')
|
||||
{
|
||||
window[data.callback](data);
|
||||
}
|
||||
|
||||
// Removes READONLY status
|
||||
$('button, input, textarea', form).removeAttr('readonly');
|
||||
|
||||
// Returns the cursor to normal... but is anyone really normal?
|
||||
document.body.style.cursor = 'default';
|
||||
},
|
||||
|
||||
'error': function(XMLHttpRequest, textStatus, errorThrown)
|
||||
{
|
||||
injectMessage(form, errorThrown, 'error');
|
||||
|
||||
// Removes READONLY status
|
||||
$('button, input, textarea', form).removeAttr('readonly');
|
||||
|
||||
// Returns the cursor to normal... but is anyone really normal?
|
||||
document.body.style.cursor = 'default';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Forces forms to return false on submit
|
||||
$('form.ajax').submit(function(){ return false; });
|
||||
|
||||
// Automatically applies zebra stripes to tables
|
||||
$('table tr:even td').addClass('even');
|
||||
$('table tr:odd td').addClass('odd');
|
||||
});
|
||||
|
||||
// Injects a div before the passed element
|
||||
function injectMessage(element, message, type, duration)
|
||||
{
|
||||
if (typeof type == 'undefined')
|
||||
{
|
||||
var type = 'error';
|
||||
}
|
||||
|
||||
switch (type)
|
||||
{
|
||||
case 'error':
|
||||
var type = 'error';
|
||||
message = '<strong>Error:</strong> ' + message;
|
||||
break;
|
||||
|
||||
case 'message':
|
||||
var type = 'success';
|
||||
break;
|
||||
|
||||
default:
|
||||
var type = 'info';
|
||||
break;
|
||||
}
|
||||
|
||||
var id = 'pickles-' + Date.now();
|
||||
var class_name = 'ajax-form-' + type + ' alert alert-' + type;
|
||||
var style = 'display:none';
|
||||
|
||||
$('.' + class_name, element).remove();
|
||||
$(element).prepend('<div id="' + id + '" class="' + class_name + '" style="' + style + '" generated="true">' + message + '</div>');
|
||||
$('#' + id, element).fadeIn();
|
||||
|
||||
if (typeof duration != 'undefined')
|
||||
{
|
||||
$('#' + id, element).delay(duration).fadeOut();
|
||||
}
|
||||
|
||||
return $('.' + class_name, element);
|
||||
}
|
||||
|
||||
// Automatically tab to next element when max length is reached
|
||||
function autoTab(element)
|
||||
{
|
||||
if ($(element).val().length >= $(element).attr('maxlength'))
|
||||
{
|
||||
$(element).next().focus();
|
||||
}
|
||||
}
|
||||
|
||||
// Disable Enter Key
|
||||
function disableEnterKey(e)
|
||||
{
|
||||
var key;
|
||||
|
||||
if(window.event)
|
||||
{
|
||||
key = window.event.keyCode; // IE
|
||||
}
|
||||
else
|
||||
{
|
||||
key = e.which; // Firefox
|
||||
}
|
||||
|
||||
return (key != 13);
|
||||
}
|
||||
|
||||
// Truncate a string and optionally create a roll over
|
||||
function truncate(string, length, hover)
|
||||
{
|
||||
if (string.length > length)
|
||||
{
|
||||
if (hover == true)
|
||||
{
|
||||
string = '<span title="' + string + '" style="cursor:help">' + string.substring(0, length) + '...</span>';
|
||||
}
|
||||
else
|
||||
{
|
||||
string = string.substring(0, length) + '...';
|
||||
}
|
||||
}
|
||||
|
||||
return string;
|
||||
}
|
||||
6
bootstrap/public/js/pickles.min.js
vendored
Normal file
6
bootstrap/public/js/pickles.min.js
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
$(document).ready(function(){jQuery().validate&&$("form").validate();$("form.ajax input[type=submit], form.ajax button[type=submit], form.ajax .submit").live("click",function(){if("readonly"!=$(this).attr("readonly")){var a=$(this).parents("form").get();$(".ajax-form-error, .ajax-form-message, label.error",a).fadeOut("normal",function(){$(this).remove()});if("undefined"==typeof $(a).valid||!0==$(a).valid()){$("button, input, textarea",a).attr("readonly","readonly");document.body.style.cursor="wait";
|
||||
var c=""==$(a).attr("method")?"GET":$(a).attr("method"),b=$(a).attr("action");""==b?(injectMessage(a,"Form element lacks action attribute","error"),$("button, input, textarea",a).removeAttr("readonly"),document.body.style.cursor="default"):$.ajax({type:c,url:b,data:$(a).serialize(),dataType:"json",success:function(b){"success"!=b.status&&"undefined"!=typeof b.message?injectMessage(a,b.message,"error"):"success"==b.status&&($("input[type=text]",a).val(""),$("input[type=email]",a).val(""),$("select",
|
||||
a).val(""),$("textarea",a).val(""),"undefined"!=typeof b.message&&injectMessage(a,b.message,"message"),"undefined"!=typeof b.url&&(parent.location.href=b.url));if("undefined"!=typeof b.callback)window[b.callback](b);$("button, input, textarea",a).removeAttr("readonly");document.body.style.cursor="default"},error:function(b,c,f){injectMessage(a,f,"error");$("button, input, textarea",a).removeAttr("readonly");document.body.style.cursor="default"}})}else return!1}});$("form.ajax").submit(function(){return!1});
|
||||
$("table tr:even td").addClass("even");$("table tr:odd td").addClass("odd")});
|
||||
function injectMessage(a,c,b,e){"undefined"==typeof b&&(b="error");switch(b){case "error":b="error";c="<strong>Error:</strong> "+c;break;case "message":b="success";break;default:b="info"}var d="pickles-"+Date.now(),b="ajax-form-"+b+" alert alert-"+b;$("."+b,a).remove();$(a).prepend('<div id="'+d+'" class="'+b+'" style="display:none" generated="true">'+c+"</div>");$("#"+d,a).fadeIn();"undefined"!=typeof e&&$("#"+d,a).delay(e).fadeOut();return $("."+b,a)}
|
||||
function autoTab(a){$(a).val().length>=$(a).attr("maxlength")&&$(a).next().focus()}function disableEnterKey(a){return 13!=(window.event?window.event.keyCode:a.which)}function truncate(a,c,b){a.length>c&&(a=!0==b?'<span title="'+a+'" style="cursor:help">'+a.substring(0,c)+"...</span>":a.substring(0,c)+"...");return a};
|
||||
Loading…
Add table
Add a link
Reference in a new issue