509 lines
17 KiB
JavaScript
509 lines
17 KiB
JavaScript
if(typeof(String.prototype.trim) === "undefined")
|
|
{
|
|
String.prototype.trim = function()
|
|
{
|
|
return String(this).replace(/^\s+|\s+$/g, '');
|
|
};
|
|
}
|
|
|
|
/*! jQuery klass v0.2a - Jean-Louis Grall - MIT license - http://code.google.com/p/jquery-klass-plugin */
|
|
|
|
( function( $, undefined ) {
|
|
|
|
|
|
// Function: $.klass( [SuperKlass,] props )
|
|
// Creates and returns a new class.
|
|
// Usages: MyKlass = $.klass( { init: function() { ... } } )
|
|
// MyKlass = $.klass( SuperKlass, { } )
|
|
// Arguments:
|
|
// SuperKlass (optional) The super class that the new class will extend.
|
|
// props Set of methods and other class properties.
|
|
// Special props names:
|
|
// init The constructor. If omitted, an implicit init will be created.
|
|
// Thus all classes have an init method.
|
|
// _klass Set of class methods (static methods). They will be added directly to the class.
|
|
// Notes:
|
|
// - $.klass is the implicit super class, not Object
|
|
var $klass = $.klass = function( _super, fields ) { // The class factory. It is also the invisible "super class" of all classes. Methods added to its prototype will be available to all classes.
|
|
|
|
// If no _super:
|
|
if ( !fields ) {
|
|
fields = _super;
|
|
_super = undefined;
|
|
}
|
|
|
|
var
|
|
// init is our future class and constructor
|
|
// If no init is provided, make one (Implicit constructor)
|
|
klass = fields.init || ( fields.init = function() {
|
|
// Automatically calls the superconstructor if there is one.
|
|
_super && _super.prototype.init.apply( this, arguments );
|
|
} ),
|
|
|
|
// Used to make the new klass extends its super class
|
|
protoChainingProxy = function() { },
|
|
|
|
// klass.prototype
|
|
proto,
|
|
|
|
// index in loop
|
|
name;
|
|
|
|
// Prepare prototype chaining to the super class
|
|
// If no super class, use $.klass as implicit super class
|
|
protoChainingProxy.prototype = (_super || $klass).prototype;
|
|
// Make the [[prototype]]'s chain from klass to it's super class
|
|
proto = klass.prototype = new protoChainingProxy; // At the end we have: klass.prototype.[[prototype]] = protoChainingProxy.prototype = _super.prototype. Here the "new" operator creates the new object with the right prototype chain, but doesn't call the constructor because there is no "()". See also: http://brokenliving.blogspot.com/2009/09/simple-javascript-inheritance.html
|
|
// Now we have: klass.prototype.[[prototype]] = protoChainingProxy.prototype = _super.prototype
|
|
|
|
// Accessor for super klass ( can be undefined )
|
|
klass._super = _super;
|
|
|
|
// Add each function to the prototype of the new class (they are our new class methods):
|
|
for ( name in fields ) {
|
|
// Add the static variables to the new class:
|
|
if ( name === "_klass" ) $.extend( klass, fields[name] );
|
|
// Each new method keeps a reference to its name and its class, allowing us to find its super method dynamically at runtime:
|
|
else $.isFunction( proto[ name ] = fields[name] ) && ( fields[name]._klass = { klass: klass, name: name } );
|
|
}
|
|
|
|
// Sets the constructor for instanciated objects
|
|
proto.constructor = klass;
|
|
|
|
return klass;
|
|
},
|
|
Array_slice = [].slice;
|
|
|
|
|
|
/* $.klass.prototype */
|
|
// Properties assigned to it are available from any instance of a class made by $.klass
|
|
|
|
// Function: this._super( [ methodName,] arguments, args... )
|
|
// Calls a super method. Finds the super method dynamically.
|
|
// Usages: this._super( arguments, arg1, arg2, arg3, ... )
|
|
// this._super( "methodName", arguments, arg1, arg2, arg3, ... )
|
|
// Arguments:
|
|
// methodName (optional) Name of the super method.
|
|
// By default, use the name of the calling method.
|
|
// arguments You must give the arguments object here.
|
|
// args... List of arguments for the super method.
|
|
// Note:
|
|
// - Super methods are found dynamically by the function in the super class using the method's name.
|
|
$klass.prototype._super = function( arg0, arg1 ) {
|
|
var arg0IsArguments = arg0.callee,
|
|
_klass = ( arg0IsArguments ? arg0 : arg1 ).callee._klass,
|
|
name = arg0IsArguments ? _klass.name : arg0,
|
|
superMethod = _klass.klass._super.prototype[ name ];
|
|
return superMethod.apply( this, Array_slice.call( arguments, 1 + ( !arg0IsArguments ) ) );
|
|
};
|
|
|
|
})( jQuery );
|
|
|
|
var updateChecklistPositions = function() {
|
|
$(".checklist-item.existing").each(function(index, element){
|
|
$(element).children('.checklist-item-position').val(index);
|
|
});
|
|
}
|
|
|
|
var Redmine = Redmine || {};
|
|
|
|
Redmine.Checklist = $.klass({
|
|
|
|
preventEvent: function(event) {
|
|
if (event.preventDefault)
|
|
event.preventDefault()
|
|
else
|
|
event.returnValue = false
|
|
},
|
|
|
|
addChecklistFields: function() {
|
|
var new_id = new Date().getTime();
|
|
var regexp = new RegExp("new_checklist", "g");
|
|
appended = $(this.content.replace(regexp, new_id)).appendTo(this.root);
|
|
updateChecklistPositions();
|
|
appended.find('.edit-box').focus();
|
|
},
|
|
|
|
findSpan: function(event) {
|
|
return $(event.target).closest('.checklist-item')
|
|
},
|
|
|
|
findSpanBefore: function(elem) {
|
|
return elem.prevAll('span.checklist-item.new')
|
|
},
|
|
|
|
transformItem: function(event, elem, valueToSet, isSection) {
|
|
var checklistItem;
|
|
if (event) {
|
|
checklistItem = this.findSpan(event)
|
|
} else if (elem) {
|
|
checklistItem = this.findSpanBefore(elem)
|
|
} else {
|
|
checklistItem = this.root.find('span.checklist-item.new')
|
|
}
|
|
|
|
var val;
|
|
if (valueToSet) {
|
|
val = valueToSet
|
|
checklistItem.find('input.edit-box').val(val)
|
|
} else {
|
|
val = checklistItem.find('input.edit-box').val()
|
|
}
|
|
|
|
checklistItem.find('.checklist-subject').text(val)
|
|
checklistItem.find('.checklist-subject-hidden').val(val)
|
|
checklistItem.removeClass('edit')
|
|
checklistItem.removeClass('new')
|
|
checklistItem.addClass('show')
|
|
|
|
if (isSection) {
|
|
checklistItem.addClass('checklist-section');
|
|
checklistItem.children('.checklist-item-is_section').val(true);
|
|
}
|
|
},
|
|
|
|
resetItem: function(item) {
|
|
item.find('input.edit-box').val(item.find('checklist-subject-hidden').val() )
|
|
item.removeClass('edit')
|
|
item.addClass('show')
|
|
},
|
|
|
|
addChecklistItem: function(event) {
|
|
this.preventEvent(event);
|
|
this.transformItem(event);
|
|
this.addChecklistFields();
|
|
},
|
|
|
|
canSave: function(span) {
|
|
return (!span.hasClass('invalid')) && (span.find('input.edit-box').val().length > 0)
|
|
},
|
|
|
|
onEnterInNewChecklistItemForm: function() {
|
|
this.root.on('keydown', 'input.edit-box', $.proxy(function(event) {
|
|
if (event.which == 13) {
|
|
this.preventEvent(event)
|
|
span = this.findSpan(event)
|
|
if (this.canSave(span))
|
|
{
|
|
if (span.hasClass('edit'))
|
|
this.transformItem(event)
|
|
else
|
|
this.addChecklistItem(event)
|
|
}
|
|
}
|
|
}, this))
|
|
},
|
|
|
|
onClickPlusInNewChecklistItem: function() {
|
|
this.root.on('click', '.save-new-by-button', $.proxy(function(event){
|
|
span = this.findSpan(event)
|
|
if (this.canSave(span))
|
|
this.addChecklistItem(event)
|
|
}, this))
|
|
},
|
|
|
|
onClickAddChecklistItemMenuButton: function() {
|
|
var menuId = this.root.attr('data-id')
|
|
$(`#checklist-menu .add-checklist-item, #cf-checklist-menu_${menuId} .add-checklist-item`).on('click', $.proxy(function(event) {
|
|
this.preventEvent(event);
|
|
var span = $(`#${this.root.attr('id')} span.checklist-item.new`);
|
|
if (this.canSave(span)) {
|
|
this.transformItem();
|
|
this.addChecklistFields();
|
|
this.$plusButtonMenu.hide();
|
|
}
|
|
}, this))
|
|
},
|
|
|
|
onClickNewSectionMenuButton: function() {
|
|
var menuId = this.root.attr('data-id')
|
|
$(`#checklist-menu .add-checklist-section, #cf-checklist-menu_${menuId} .add-checklist-section`).on('click', $.proxy(function(event) {
|
|
this.preventEvent(event);
|
|
var span = $(`#${this.root.attr('id')} span.checklist-item.new`);
|
|
if (this.canSave(span)) {
|
|
this.transformItem(null, null, null, true);
|
|
this.addChecklistFields();
|
|
this.$plusButtonMenu.hide();
|
|
}
|
|
}, this))
|
|
},
|
|
|
|
onMouseEnterLeavePlusButton: function() {
|
|
var hideMenuTimer;
|
|
var $menu = this.$plusButtonMenu;
|
|
|
|
this.root.on('mouseenter', '.save-new-by-button', function() {
|
|
var $plusButton = $(this);
|
|
var position = $plusButton.position();
|
|
$menu.css('left', (position.left + 'px'));
|
|
$menu.css('top', (position.top + $plusButton.height() + 'px'));
|
|
$menu.css('position', 'absolute');
|
|
$menu.show();
|
|
});
|
|
|
|
this.root.on('mouseleave', '.save-new-by-button', function() {
|
|
hideMenuTimer = setTimeout(function() {
|
|
$menu.hide();
|
|
}, 500);
|
|
});
|
|
|
|
$(`.${this.root.attr('id')}`).on('mouseenter', function() {
|
|
clearTimeout(hideMenuTimer);
|
|
});
|
|
|
|
$(`.${this.root.attr('id')}`).on('mouseleave', function() {
|
|
$menu.hide();
|
|
});
|
|
},
|
|
|
|
onIssueFormSubmitRemoveEmptyChecklistItems: function() {
|
|
$('body').on('submit', '#issue-form', function(){
|
|
$('.checklist-subject-hidden').each(function(i, elem) {
|
|
if ($(elem).val() == "") {
|
|
$(elem).closest('.checklist-item').remove()
|
|
}
|
|
})
|
|
})
|
|
},
|
|
|
|
onChecklistRemove: function() {
|
|
this.root.on('click', '.checklist-remove a', $.proxy(function(event){
|
|
this.preventEvent(event);
|
|
var itemToRemove = this.findSpan(event);
|
|
var checkbox = itemToRemove.find(".checklist-remove input[type=hidden]");
|
|
|
|
if (checkbox.val() === "false") {
|
|
checkbox.val("1");
|
|
itemToRemove.removeClass('existing')
|
|
itemToRemove.fadeOut(200);
|
|
}
|
|
|
|
updateChecklistPositions();
|
|
}, this));
|
|
},
|
|
|
|
makeChecklistsSortable: function() {
|
|
var menuId = this.root.attr('data-id')
|
|
$(`#checklist_form_items, #cf_checklist_form_items_${menuId}`).sortable({
|
|
items: '.checklist-item.show',
|
|
helper: "clone",
|
|
stop: function (event, ui) {
|
|
if (ui.item.hasClass("edited-now")) {
|
|
$( this ).sortable( "cancel" );
|
|
}
|
|
if (ui.item.hasClass("edit-active")) {
|
|
$( this ).sortable( "cancel" );
|
|
}
|
|
updateChecklistPositions();
|
|
}
|
|
});
|
|
},
|
|
|
|
makeChecklistsEditable: function() {
|
|
this.root.on('click', '.checklist-subject', $.proxy(function(event) {
|
|
$('.checklist-item').each($.proxy(function(i, elem) {
|
|
if ($(elem).hasClass('edit'))
|
|
this.resetItem($(elem))
|
|
}, this))
|
|
|
|
span = this.findSpan(event)
|
|
span.addClass('edit')
|
|
span.removeClass('show')
|
|
span.find('.edit-box').val(span.find('.checklist-subject-hidden').val())
|
|
span.find('.edit-box').focus()
|
|
}, this));
|
|
this.root.on('click', '.checklist-edit-save-button', $.proxy(function(event){
|
|
this.transformItem(event)
|
|
}, this))
|
|
this.root.on('click', '.checklist-edit-reset-button', $.proxy(function(event){
|
|
this.resetItem(this.findSpan(event))
|
|
}, this))
|
|
},
|
|
|
|
onCheckboxChanged: function() {
|
|
this.root.on('change', 'input[type=checkbox]', $.proxy(function(event){
|
|
checkbox = $(event.target)
|
|
subj = this.findSpan(event).find('.checklist-show')
|
|
if (checkbox.is(':checked'))
|
|
subj.addClass('is-done-checklist-item')
|
|
else
|
|
subj.removeClass('is-done-checklist-item')
|
|
}, this))
|
|
},
|
|
|
|
onChangeCheckbox: function(){
|
|
this.root.on('change', 'input.checklist-checkbox', $.proxy(function(event) {
|
|
this.darkenCompletedSections();
|
|
checkbox = $(event.target)
|
|
url = checkbox.attr('data_url')
|
|
$.ajax({
|
|
type: "PUT",
|
|
url: url,
|
|
data: {
|
|
is_done: checkbox.prop('checked')
|
|
},
|
|
dataType: 'script'
|
|
})
|
|
}, this))
|
|
},
|
|
|
|
darkenCompletedSections: function() {
|
|
var isCompletedSection = true;
|
|
var reversedChecklistItems = $(`#${this.root.attr('id')} li`).get().reverse();
|
|
|
|
$(reversedChecklistItems).each(function(index, element) {
|
|
var $element = $(element);
|
|
if ($element.hasClass('checklist-section')) {
|
|
if (isCompletedSection) {
|
|
$element.addClass('completed-section')
|
|
} else {
|
|
$element.removeClass('completed-section')
|
|
}
|
|
isCompletedSection = true;
|
|
} else {
|
|
isCompletedSection = isCompletedSection && $element.children('.checklist-checkbox').is(':checked')
|
|
}
|
|
})
|
|
},
|
|
|
|
enableUniquenessValidation: function() {
|
|
this.root.on('input', 'input.edit-box', $.proxy(function(event) {
|
|
value = $(event.target).val()
|
|
span = this.findSpan(event)
|
|
span.removeClass('invalid')
|
|
$(`#${this.root.attr('id')} .checklist-item.existing`).each(function(i, elem) {
|
|
e = $(elem)
|
|
if (!e.is('.edit') && !e.is('.new'))
|
|
{
|
|
if ( (value == e.find('.edit-box').val()) )
|
|
{
|
|
span.addClass('invalid')
|
|
}
|
|
}
|
|
})
|
|
}, this))
|
|
},
|
|
|
|
hasAlreadyChecklistWithName: function(value) {
|
|
var ret = false;
|
|
$('.checklist-show.checklist-subject').each(function(i, elem) {
|
|
e = $(elem)
|
|
if (value == e.text().trim())
|
|
{
|
|
ret = true;
|
|
}
|
|
})
|
|
return ret;
|
|
},
|
|
|
|
assignTemplateSelectedEvent: function() {
|
|
this.$plusButtonMenu.on('click', 'li a.checklist-template', $.proxy(function(event) {
|
|
this.preventEvent(event);
|
|
items = $(event.target).data('template-items').split(/\n/);
|
|
for(var i = 0; i < items.length; i++) {
|
|
var item = items[i];
|
|
var isSection = item.slice(0, 2) === '--';
|
|
if (isSection) { item = item.slice(2) }
|
|
if (!this.hasAlreadyChecklistWithName(item)) {
|
|
this.transformItem(null, null, item, isSection);
|
|
this.addChecklistFields();
|
|
}
|
|
}
|
|
}, this))
|
|
},
|
|
|
|
init: function(element) {
|
|
this.root = element;
|
|
this.content = element.data('checklist-fields');
|
|
this.onEnterInNewChecklistItemForm();
|
|
this.onClickPlusInNewChecklistItem();
|
|
this.darkenCompletedSections();
|
|
|
|
if (this.content) {
|
|
this.$plusButtonMenu = $(`.${this.root.attr('id')}`).menu();
|
|
if (this.$plusButtonMenu.length > 0) {
|
|
this.onMouseEnterLeavePlusButton();
|
|
this.onClickAddChecklistItemMenuButton();
|
|
this.assignTemplateSelectedEvent();
|
|
this.onClickNewSectionMenuButton();
|
|
}
|
|
}
|
|
|
|
this.onIssueFormSubmitRemoveEmptyChecklistItems();
|
|
this.onChecklistRemove();
|
|
this.makeChecklistsSortable();
|
|
this.makeChecklistsEditable();
|
|
this.onCheckboxChanged();
|
|
this.onChangeCheckbox();
|
|
this.enableUniquenessValidation();
|
|
}
|
|
|
|
})
|
|
|
|
$.fn.checklist = function(element){
|
|
new Redmine.Checklist(this);
|
|
};
|
|
|
|
Redmine.ChecklistToggle = $.klass({
|
|
manageToggling: function (t_val) {
|
|
var checkedCheckboxes = $('#checklist_items .checklist-checkbox:checkbox:checked');
|
|
|
|
if(localStorage.getItem("hide_closed_checklists") === t_val){
|
|
$($(checkedCheckboxes).closest('li')).hide();
|
|
$(this.switch_link).text(this.show_text + '(' + checkedCheckboxes.length + ')');
|
|
} else {
|
|
$($(checkedCheckboxes).closest('li')).show();
|
|
$(this.switch_link).text(this.hide_text);
|
|
}
|
|
},
|
|
switch_link_click: function(){
|
|
var th = $(this)[0];
|
|
this.switch_link.click(function (e) {
|
|
e.preventDefault();
|
|
th.manageToggling("1");
|
|
var setVal = (localStorage.getItem("hide_closed_checklists") === "1") ? "0" : "1";
|
|
localStorage.setItem("hide_closed_checklists", setVal);
|
|
});
|
|
},
|
|
hide_switch_link: function(){
|
|
if($('.checklist-checkbox:checkbox:checked').length < 1){
|
|
this.switch_link.hide();
|
|
}
|
|
},
|
|
init: function(show_text, hide_text) {
|
|
this.show_text = show_text;
|
|
this.hide_text = hide_text;
|
|
this.switch_link = $('#switch_link');
|
|
this.manageToggling("0");
|
|
this.switch_link_click();
|
|
this.hide_switch_link();
|
|
}
|
|
});
|
|
|
|
|
|
$(document).ready(function () {
|
|
if (typeof(contextMenuCheckSelectionBox) === 'function') {
|
|
var originContextMenuCheckSelectionBox = contextMenuCheckSelectionBox;
|
|
contextMenuCheckSelectionBox = function (tr, checked) {
|
|
var $td = tr.find('td.checklist_relations');
|
|
var $cfs = tr.find('td.checklist');
|
|
|
|
var $checklist = $td.find('.checklist').detach();
|
|
var $cf_checklist = {};
|
|
$cfs.each(function (ind, el) {
|
|
$cf_checklist[`${ind}`] = $(el).find('div.cf_checklist').detach();
|
|
});
|
|
|
|
originContextMenuCheckSelectionBox(tr, checked);
|
|
|
|
$checklist.appendTo($td);
|
|
$cfs.each(function (ind, el) {
|
|
$cf_checklist[`${ind}`].appendTo($(el));
|
|
});
|
|
};
|
|
}
|
|
$('td.checklist ul.cf_checklist_items li input[type=checkbox]').each(function() {
|
|
$(this).removeAttr('data_url');
|
|
$(this).attr('disabled', 'disabled')
|
|
});
|
|
}); |