Nuevo plugin Redmine Checklist 3.1.10 light
This commit is contained in:
parent
294bc87e76
commit
ef5521e0a2
65 changed files with 3544 additions and 0 deletions
354
plugins/redmine_checklists/assets/javascripts/checklists.js
Normal file
354
plugins/redmine_checklists/assets/javascripts/checklists.js
Normal file
|
|
@ -0,0 +1,354 @@
|
|||
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 Redmine = Redmine || {};
|
||||
|
||||
Redmine.Checklist = $.klass({
|
||||
|
||||
preventEvent: function(event) {
|
||||
if (event.preventDefault)
|
||||
event.preventDefault()
|
||||
else
|
||||
event.returnValue = false
|
||||
},
|
||||
|
||||
addChecklistFields: function(templateDiv) {
|
||||
var new_id = new Date().getTime();
|
||||
var regexp = new RegExp("new_checklist", "g");
|
||||
if (templateDiv) {
|
||||
appended = $(this.content.replace(regexp, new_id)).insertBefore(templateDiv)
|
||||
} else {
|
||||
appended = $(this.content.replace(regexp, new_id)).appendTo(this.root)
|
||||
}
|
||||
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) {
|
||||
var checklistItem;
|
||||
if (event) {
|
||||
checklistItem = this.findSpan(event)
|
||||
} else {
|
||||
checklistItem = this.findSpanBefore(elem)
|
||||
}
|
||||
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')
|
||||
},
|
||||
|
||||
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)
|
||||
if ($('.template-wrapper').length)
|
||||
this.addChecklistFields($('.template-wrapper'))
|
||||
else
|
||||
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))
|
||||
},
|
||||
|
||||
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)
|
||||
removed = this.findSpan(event)
|
||||
removed.find('.checklist-remove input[type=hidden]').val('1')
|
||||
removed.fadeOut(200)
|
||||
}, this))
|
||||
},
|
||||
|
||||
makeChecklistsSortable: function() {
|
||||
$('#checklist_form_items').sortable({
|
||||
revert: true,
|
||||
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" );
|
||||
}
|
||||
$(".checklist-item").each(function(index, element){
|
||||
$(element).children('.checklist-item-position').val(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
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){
|
||||
checkbox = $(event.target)
|
||||
url = checkbox.attr('data_url')
|
||||
$.ajax({type: "PUT", url: url, data: { is_done: checkbox.prop('checked') }, dataType: 'script'})
|
||||
}, this))
|
||||
},
|
||||
|
||||
enableUniquenessValidation: function() {
|
||||
this.root.on('keyup', 'input.edit-box', $.proxy(function(event) {
|
||||
value = $(event.target).val()
|
||||
span = this.findSpan(event)
|
||||
span.removeClass('invalid')
|
||||
$('.checklist-item').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() {
|
||||
var item;
|
||||
this.root.on('change', '#checklist_template', $.proxy(function(){
|
||||
value = $('#checklist_template').val()
|
||||
selected = $('#checklist_template option[value='+value+']').data('template-items')
|
||||
items = selected.split(/\n/)
|
||||
for(i = 0; i<items.length; i++)
|
||||
{
|
||||
item = items[i]
|
||||
if (!this.hasAlreadyChecklistWithName(item))
|
||||
{
|
||||
this.transformItem(null, $('#checklist_template'), item)
|
||||
this.addChecklistFields($('#template-link').closest('span'))
|
||||
}
|
||||
}
|
||||
$('#checklist_template').val('')
|
||||
$('#template-link').show()
|
||||
$('#checklist_template').hide()
|
||||
|
||||
}, this))
|
||||
},
|
||||
|
||||
clickSelectTemplateLink: function() {
|
||||
this.root.on('click', '#template-link', function(){
|
||||
$('#template-link').hide()
|
||||
$('#checklist_template').show()
|
||||
})
|
||||
},
|
||||
|
||||
init: function(element) {
|
||||
this.root = element
|
||||
this.content = element.data('checklist-fields')
|
||||
this.onEnterInNewChecklistItemForm()
|
||||
this.onClickPlusInNewChecklistItem()
|
||||
this.onIssueFormSubmitRemoveEmptyChecklistItems()
|
||||
this.onChecklistRemove()
|
||||
this.makeChecklistsSortable()
|
||||
this.makeChecklistsEditable()
|
||||
this.onCheckboxChanged()
|
||||
this.onChangeCheckbox()
|
||||
this.enableUniquenessValidation()
|
||||
this.assignTemplateSelectedEvent()
|
||||
this.clickSelectTemplateLink()
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
$.fn.checklist = function(element){
|
||||
new Redmine.Checklist(this);
|
||||
}
|
||||
77
plugins/redmine_checklists/assets/stylesheets/checklists.css
Normal file
77
plugins/redmine_checklists/assets/stylesheets/checklists.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
|
||||
div#checklist ul {
|
||||
list-style: none;
|
||||
padding-left: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
div#checklist li {
|
||||
padding-bottom: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#checklist li:hover a.delete {opacity: 1;}
|
||||
|
||||
#checklist a.delete {opacity: 0.4;}
|
||||
|
||||
span.checklist-item {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
span.checklist-subject.is-done-checklist-item, span.checklist-item.is-done-checklist-item, #checklist_items li.is-done-checklist-item {
|
||||
text-decoration: line-through;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
span.checklist-remove { margin-left: 2px; opacity: 0.4;}
|
||||
|
||||
span.checklist-remove:hover {opacity: 1;}
|
||||
|
||||
span.checklist-edit-box input {
|
||||
margin-right: 6px;
|
||||
width: 40%;
|
||||
-moz-transition: top 0.2s;
|
||||
-o-transition: top 0.2s;
|
||||
-webkit-transition: top 0.2s;
|
||||
transition: top 0.2s;
|
||||
}
|
||||
|
||||
.invalid span.checklist-edit-box input {
|
||||
border-color: #b94a48;
|
||||
color: #b94a48;
|
||||
}
|
||||
|
||||
.invalid span.checklist-edit-box input:focus {
|
||||
border-color: #953b39;
|
||||
color: #b94a48;
|
||||
}
|
||||
|
||||
.invalid .checklist-edit-save-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.checklist-edit-reset-button {
|
||||
cursor: pointer;
|
||||
color: #2996CC;
|
||||
}
|
||||
|
||||
span.checklist-subject {cursor: pointer;}
|
||||
|
||||
span.checklist-item.show .checklist-edit,
|
||||
span.checklist-item.show .checklist-edit-only,
|
||||
span.checklist-item.show .checklist-new,
|
||||
span.checklist-item.show .checklist-new-only,
|
||||
span.checklist-item.edit .checklist-show,
|
||||
span.checklist-item.edit .checklist-new-only,
|
||||
span.checklist-item.new .checklist-edit-only,
|
||||
span.checklist-item.new .checklist-show-or-edit,
|
||||
span.checklist-item.new .checklist-show-only,
|
||||
span.checklist-item.edit .checklist-show-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#checklist ol {
|
||||
display: inline-block;
|
||||
padding-left: 0;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue