gnousdoteu-v3/static/grappelli/js/grappelli.js

250 lines
9.2 KiB
JavaScript

/**
* GRAPPELLI UTILS
* functions needed for Grappelli
*/
// grp jQuery namespace
var grp = {
jQuery: jQuery.noConflict(true)
};
// django jQuery namespace
var django = {
jQuery: grp.jQuery
};
// general jQuery instance
var jQuery = grp.jQuery;
var inputTypes = [
"[type='search']",
"[type='email']",
"[type='url']",
"[type='tel']",
"[type='number']",
"[type='range']",
"[type='date']",
"[type='month']",
"[type='week']",
"[type='time']",
"[type='datetime']",
"[type='datetime-local']",
"[type='color']"].join(",");
(function($) {
// dateformat
grappelli.getFormat = function(type) {
if (type == "date") {
var format = DATE_FORMAT.toLowerCase().replace(/%\w/g, function(str) {
str = str.replace(/%/, '');
return str + str;
});
return format;
}
};
// remove types: search, email, url, tel, number, range, date
// month, week, time, datetime, datetime-local, color
// because of browser inconsistencies
/*jshint multistr: true */
grappelli.cleanInputTypes = function() {
$("form").each(function(){
$(this).find(':input').filter(inputTypes).each(function(){
$(this).attr("type", "text");
});
});
};
// datepicker, timepicker init
grappelli.initDateAndTimePicker = function() {
// HACK: get rid of text after DateField (hardcoded in django.admin)
$('p.datetime').each(function() {
var text = $(this).html();
text = text.replace(/\w*: /, "");
text = text.replace(/<br>[^<]*: /g, "<br>");
$(this).html(text);
});
var options = {
//appendText: '(mm/dd/yyyy)',
constrainInput: false,
showOn: 'button',
buttonImageOnly: false,
buttonText: '',
dateFormat: grappelli.getFormat('date'),
showButtonPanel: true,
showAnim: '',
// HACK: sets the current instance to a global var.
// needed to actually select today if the today-button is clicked.
// see onClick handler for ".ui-datepicker-current"
beforeShow: function(year, month, inst) {
grappelli.datepicker_instance = this;
}
};
var dateFields = $("input[class*='vDateField']:not([id*='__prefix__'])");
dateFields.datepicker(options);
if (typeof IS_POPUP != "undefined" && IS_POPUP) {
dateFields.datepicker('disable');
}
// HACK: adds an event listener to the today button of datepicker
// if clicked today gets selected and datepicker hides.
// use on() because couldn't find hook after datepicker generates it's complete dom.
$(document).on('click', '.ui-datepicker-current', function() {
$.datepicker._selectDate(grappelli.datepicker_instance);
grappelli.datepicker_instance = null;
});
// init timepicker
$("input[class*='vTimeField']:not([id*='__prefix__'])").grp_timepicker();
};
// changelist: filter
grappelli.initFilter = function(method) {
$("a.grp-pulldown-handler").on("click", function() {
var pulldownContainer = $(this).closest(".grp-pulldown-container");
$(pulldownContainer).toggleClass("grp-pulldown-state-open").children(".grp-pulldown-content").toggle();
});
$("a.grp-pulldown-handler").on('mouseout', function() {
$(this).blur();
});
if (!method) {
$(".grp-filter-choice").change(function(){
location.href = $(this).val();
});
}
if (method === 'confirm') {
// Construct windowQueryDict from current window.location.search
var windowQuery = window.location.search.replace('?', '').split('&');
var windowQueryDict = [];
if (windowQuery[0] !== undefined && windowQuery[0] !== '') {
windowQuery.map(param => {
// Split query param to get the fieldName
var fieldName = param.split('=')[0];
if (fieldName.search('__') != -1) {
fieldName = param.split('__')[0];
}
// Check if fieldName already exists in searchStringDict and add it resp. its values
var fieldNameIndex = windowQueryDict.findIndex(el => el.fieldName === fieldName);
if (fieldNameIndex === -1) {
windowQueryDict.push({
fieldName: fieldName,
values: [param]
});
} else {
windowQueryDict.find(obj => obj.fieldName === fieldName).values.push(param);
}
});
}
// Manipulate windowQueryDict based on changes of filter choices
$(".grp-filter-choice").change(function(){
// Get the choice's fieldName and isolate its distinctive query params
var fieldName = $(this).data('field-name');
var value = $(this).val() !== '?' ? $(this).val().replace('?', '') : false;
var values = value && value.split('&');
var filterQueryParams = values && values.filter(el => el.includes(fieldName));
// Check if fieldName already exists in filterQueryDict and add it resp. its values
var filterWindowIndex = windowQueryDict.findIndex(el => el.fieldName === fieldName);
var isFilterPartOfWindow = filterWindowIndex < 0 ? false : true;
if (isFilterPartOfWindow) {
if (filterQueryParams.length > 0) {
// Update query params
windowQueryDict.find(el => el.fieldName === fieldName).values = filterQueryParams;
} else {
// Remove filter
windowQueryDict.splice(filterWindowIndex, 1);
}
} else {
if (filterQueryParams.length > 0) {
// Add filter
windowQueryDict.push({
fieldName: fieldName,
values: filterQueryParams,
});
}
}
// Construct queryString from windowQueryDict
var queryString = windowQueryDict.flatMap(el => el.values).join('&');
// Assiqn query string to "Apply" button
var applyFilter = $(this).closest('.grp-filter').find('#grp-filter-apply');
applyFilter.attr('href', '?' + queryString);
});
}
};
// changelist: searchbar
grappelli.initSearchbar = function() {
var searchbar = $("input.grp-search-field");
searchbar.trigger("focus");
};
grappelli.updateSelectFilter = function(form) {
if (typeof SelectFilter != "undefined"){
form.find(".selectfilter").each(function(index, value){
var namearr = value.name.split('-');
SelectFilter.init(value.id, namearr[namearr.length-1], false, "{% admin_media_prefix %}");
});
form.find(".selectfilterstacked").each(function(index, value){
var namearr = value.name.split('-');
SelectFilter.init(value.id, namearr[namearr.length-1], true, "{% admin_media_prefix %}");
});
}
};
grappelli.reinitDateTimeFields = function(form) {
form.find(".vDateField").datepicker({
constrainInput: false,
showOn: 'button',
buttonImageOnly: false,
buttonText: '',
dateFormat: grappelli.getFormat('date')
});
form.find(".vTimeField").grp_timepicker();
};
// autocomplete helpers
grappelli.get_app_label = function(elem) {
var link = elem.next("a");
if (link.length > 0) {
var url = link.attr('href').split('?')[0].split('/');
return url[url.length-3];
}
return false;
};
grappelli.get_model_name = function(elem) {
var link = elem.next("a");
if (link.length > 0) {
var url = link.attr('href').split('?')[0].split('/');
return url[url.length-2];
}
return false;
};
grappelli.get_query_string = function(elem) {
var link = elem.next("a");
if (link.length > 0) {
var url = link.attr('href').split('/');
pairs = url[url.length-1].replace('?', '').split("&");
return pairs.join(":");
}
return false;
};
grappelli.get_to_field = function(elem) {
var link = elem.next("a");
if (link.length > 0 && link.attr('href').indexOf("_to_field") !== -1) {
var url = link.attr('href').split('/');
var pairs = url[url.length-1].replace('?', '').split("&");
for (var i = 0; i < pairs.length; i++) {
v = pairs[i].split('=');
if (v[0] == "_to_field") {
return v[1];
}
}
}
return false;
};
})(grp.jQuery);