@@ -0,0 +1,485 @@
|
||||
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() {
|
||||
$('#checklist-menu .add-checklist-item').on('click', $.proxy(function(event) {
|
||||
this.preventEvent(event);
|
||||
var span = $('#checklist_form_items > span.checklist-item.new');
|
||||
if (this.canSave(span)) {
|
||||
this.transformItem();
|
||||
this.addChecklistFields();
|
||||
this.$plusButtonMenu.hide();
|
||||
}
|
||||
}, this))
|
||||
},
|
||||
|
||||
onClickNewSectionMenuButton: function() {
|
||||
$('#checklist-menu .add-checklist-section').on('click', $.proxy(function(event) {
|
||||
this.preventEvent(event);
|
||||
var span = $('#checklist_form_items > 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.show();
|
||||
});
|
||||
|
||||
this.root.on('mouseleave', '.save-new-by-button', function() {
|
||||
hideMenuTimer = setTimeout(function() {
|
||||
$menu.hide();
|
||||
}, 500);
|
||||
});
|
||||
|
||||
$('#checklist-menu').on('mouseenter', function() {
|
||||
clearTimeout(hideMenuTimer);
|
||||
});
|
||||
|
||||
$('#checklist-menu').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() {
|
||||
$('#checklist_form_items').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-subject')
|
||||
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 = $('#checklist_items 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')
|
||||
$('.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()
|
||||
|
||||
if (this.content) {
|
||||
this.$plusButtonMenu = $('#checklist-menu').menu();
|
||||
if (this.$plusButtonMenu.length > 0) {
|
||||
this.onMouseEnterLeavePlusButton();
|
||||
this.onClickAddChecklistItemMenuButton();
|
||||
this.assignTemplateSelectedEvent();
|
||||
this.onClickNewSectionMenuButton();
|
||||
}
|
||||
} else {
|
||||
this.darkenCompletedSections()
|
||||
}
|
||||
|
||||
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 $checklist = $td.find('.checklist').detach();
|
||||
originContextMenuCheckSelectionBox(tr, checked);
|
||||
$checklist.appendTo($td);
|
||||
};
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user