foodsoft/app/assets/javascripts/application.js

170 lines
5.4 KiB
JavaScript
Raw Normal View History

//= require jquery
//= require jquery_ujs
2013-06-17 16:05:23 +02:00
//= require select2
//= require twitter/bootstrap
//= require jquery.tokeninput
//= require bootstrap-datepicker/core
//= require bootstrap-datepicker/locales/bootstrap-datepicker.de
//= require bootstrap-datepicker/locales/bootstrap-datepicker.nl
2013-10-17 16:48:34 +02:00
//= require bootstrap-datepicker/locales/bootstrap-datepicker.fr
//= require jquery.observe_field
//= require list
//= require list.unlist
2013-10-04 18:28:45 +02:00
//= require list.delay
//= require list.reset
//= require rails.validations
//= require rails.validations.simple_form
2013-10-04 14:53:22 +02:00
//= require i18n
//= require i18n/translations
//= require_self
//= require ordering
//= require stupidtable
//= require touchclick
2011-05-15 22:06:54 +02:00
// Load following statements, when DOM is ready
$(function() {
// Show/Hide a specific DOM element
$(document).on('click', 'a[data-toggle-this]', function() {
$($(this).data('toggle-this')).toggle();
2011-05-15 22:06:54 +02:00
return false;
});
// Remove this item from DOM
$(document).on('click', 'a[data-remove-this]', function() {
$($(this).data('remove-this')).remove();
return false;
});
// Check/Uncheck a single checkbox
$(document).on('click', '[data-check-this]', function() {
var checkbox = $($(this).data('check-this'));
checkbox.attr('checked', !checkbox.is(':checked'));
highlightRow(checkbox);
return false;
});
2011-06-10 13:53:51 +02:00
// Check/Uncheck all checkboxes for a specific form
$(document).on('click', 'input[data-check-all]', function() {
2013-06-06 17:06:05 +02:00
var status = $(this).is(':checked');
var context = $(this).data('check-all');
var elms = $('input[type="checkbox"]', context);
for(i=elms.length-1; i>=0; --i) { // performance can be an issue here, so use native loop
var elm = elms[i];
elm.checked = status;
highlightRow($(elm));
}
});
// Submit form when changing a select menu.
$(document).on('change', 'form[data-submit-onchange] select', function() {
var confirmMessage = $(this).children(':selected').data('confirm');
2012-10-28 18:03:50 +01:00
if (confirmMessage) {
if (confirm(confirmMessage)) {
$(this).parents('form').submit();
}
} else {
$(this).parents('form').submit();
}
return false;
});
// Submit form when changing text of an input field
// Use jquery observe_field plugin
$('form[data-submit-onchange] input[type=text]').each(function() {
$(this).observe_field(1, function() {
$(this).parents('form').submit();
});
});
// Submit form when clicking on checkbox
$('form[data-submit-onchange] input[type=checkbox]:not(input[data-ignore-onchange])').click(function() {
$(this).parents('form').submit();
});
$('[data-redirect-to]').bind('change', function() {
var newLocation = $(this).children(':selected').val();
if (newLocation != "") {
document.location.href = newLocation;
}
});
2011-06-10 11:43:56 +02:00
// Remote paginations
$(document).on('click', 'div.pagination[data-remote] a', function() {
2011-06-10 11:43:56 +02:00
$.getScript($(this).attr('href'));
return false;
});
2011-06-20 00:48:05 +02:00
2013-12-18 22:22:34 +01:00
// Disable action of disabled buttons
$(document).on('click', 'a.disabled', function() {
return false;
});
2011-06-20 00:48:05 +02:00
// Show and hide loader on ajax callbacks
$('*[data-remote]').bind('ajax:beforeSend', function() {
$('#loader').show();
});
$('*[data-remote]').bind('ajax:complete', function() {
$('#loader').hide();
});
// Disable submit button on ajax forms
$('form[data-remote]').bind('ajax:beforeSend', function() {
$(this).children('input[type="submit"]').attr('disabled', 'disabled');
});
2012-10-08 21:52:03 +02:00
2013-12-23 11:50:57 +01:00
// The autocomplete attribute is used for both autocompletion and storing
// for passwords, it's nice to store it when editing one's own profile,
// but never autocomplete. Only implemented for passwords.
$('input[type="password"][autocomplete="off"][data-store="on"]').each(function() {
$(this).on('change', function() {
$(this).removeAttr('autocomplete');
});
});
2012-10-08 21:52:03 +02:00
// Use bootstrap datepicker for dateinput
$('.datepicker').datepicker({format: 'yyyy-mm-dd', language: I18n.locale});
2013-10-09 10:35:27 +02:00
// bootstrap tooltips (for price)
// Extra options don't work when using selector, so override defaults
// https://github.com/twbs/bootstrap/issues/3875 . These can still be
// overridden per tooltip using data-placement attributes and the like.
$.extend($.fn.tooltip.defaults, {
html: true,
animation: false,
placement: 'left',
container: 'body'
});
$(document).tooltip({
selector: '[data-toggle~="tooltip"]',
});
// See stupidtable.js for initialization of local table sorting
});
2011-05-15 22:06:54 +02:00
// retrigger last local table sorting
function updateSort(table) {
$('.sorting-asc, .sorting-desc', table).toggleClass('.sorting-asc .sorting-desc')
.removeData('sort-dir').trigger('click'); // CAUTION: removing data field of plugin
}
2009-01-06 11:49:19 +01:00
// gives the row an yellow background
2013-06-06 17:09:22 +02:00
function highlightRow(checkbox) {
2013-07-16 22:03:47 +02:00
var row = checkbox.closest('tr');
if (checkbox.is(':checked')) {
row.addClass('selected');
2013-07-16 22:03:47 +02:00
} else {
row.removeClass('selected');
2013-07-16 22:03:47 +02:00
}
2009-01-06 11:49:19 +01:00
}
// Use with auto_complete to set a unique id,
// e.g. when the user selects a (may not unique) name
// There must be a hidden field with the id 'hidden_field'
function setHiddenId(text, li) {
$('hidden_id').value = li.id;
}
2013-10-09 10:35:27 +02:00