From ef2e7b3f9d264ec146d4dae257b1e295ab3b462a Mon Sep 17 00:00:00 2001 From: Hugues Hiegel Date: Tue, 21 Apr 2015 12:45:58 +0200 Subject: updates - plugins as a separate git folder --- plugins/jqueryui/js/jquery.tagedit.js | 683 ---------------------------------- 1 file changed, 683 deletions(-) delete mode 100644 plugins/jqueryui/js/jquery.tagedit.js (limited to 'plugins/jqueryui/js/jquery.tagedit.js') diff --git a/plugins/jqueryui/js/jquery.tagedit.js b/plugins/jqueryui/js/jquery.tagedit.js deleted file mode 100644 index baab701cf..000000000 --- a/plugins/jqueryui/js/jquery.tagedit.js +++ /dev/null @@ -1,683 +0,0 @@ -/* -* Tagedit - jQuery Plugin -* The Plugin can be used to edit tags from a database the easy way -* -* Examples and documentation at: tagedit.webwork-albrecht.de -* -* License: -* This work is licensed under a MIT License -* -* @licstart The following is the entire license notice for the -* JavaScript code in this file. -* -* Copyright (c) 2010 Oliver Albrecht -* Copyright (c) 2014 Thomas Brüderli -* -* Licensed under the MIT licenses -* -* Permission is hereby granted, free of charge, to any person obtaining -* a copy of this software and associated documentation files (the -* "Software"), to deal in the Software without restriction, including -* without limitation the rights to use, copy, modify, merge, publish, -* distribute, sublicense, and/or sell copies of the Software, and to -* permit persons to whom the Software is furnished to do so, subject to -* the following conditions: -* -* The above copyright notice and this permission notice shall be -* included in all copies or substantial portions of the Software. -* -* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -* LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -* -* @licend The above is the entire license notice -* for the JavaScript code in this file. -* -* @author Oliver Albrecht Mial: info@webwork-albrecht.de Twitter: @webworka -* @version 1.5.2 (06/2014) -* Requires: jQuery v1.4+, jQueryUI v1.8+, jQuerry.autoGrowInput -* -* Example of usage: -* -* $( "input.tag" ).tagedit(); -* -* Possible options: -* -* autocompleteURL: '', // url for a autocompletion -* deleteEmptyItems: true, // Deletes items with empty value -* deletedPostfix: '-d', // will be put to the Items that are marked as delete -* addedPostfix: '-a', // will be put to the Items that are choosem from the database -* additionalListClass: '', // put a classname here if the wrapper ul shoud receive a special class -* allowEdit: true, // Switch on/off edit entries -* allowDelete: true, // Switch on/off deletion of entries. Will be ignored if allowEdit = false -* allowAdd: true, // switch on/off the creation of new entries -* direction: 'ltr' // Sets the writing direction for Outputs and Inputs -* animSpeed: 500 // Sets the animation speed for effects -* autocompleteOptions: {}, // Setting Options for the jquery UI Autocomplete (http://jqueryui.com/demos/autocomplete/) -* breakKeyCodes: [ 13, 44 ], // Sets the characters to break on to parse the tags (defaults: return, comma) -* checkNewEntriesCaseSensitive: false, // If there is a new Entry, it is checked against the autocompletion list. This Flag controlls if the check is (in-)casesensitive -* texts: { // some texts -* removeLinkTitle: 'Remove from list.', -* saveEditLinkTitle: 'Save changes.', -* deleteLinkTitle: 'Delete this tag from database.', -* deleteConfirmation: 'Are you sure to delete this entry?', -* deletedElementTitle: 'This Element will be deleted.', -* breakEditLinkTitle: 'Cancel' -* } -*/ - -(function($) { - - $.fn.tagedit = function(options) { - /** - * Merge Options with defaults - */ - options = $.extend(true, { - // default options here - autocompleteURL: null, - checkToDeleteURL: null, - deletedPostfix: '-d', - addedPostfix: '-a', - additionalListClass: '', - allowEdit: true, - allowDelete: true, - allowAdd: true, - direction: 'ltr', - animSpeed: 500, - autocompleteOptions: { - select: function( event, ui ) { - $(this).val(ui.item.value).trigger('transformToTag', [ui.item.id]); - return false; - } - }, - breakKeyCodes: [ 13, 44 ], - checkNewEntriesCaseSensitive: false, - texts: { - removeLinkTitle: 'Remove from list.', - saveEditLinkTitle: 'Save changes.', - deleteLinkTitle: 'Delete this tag from database.', - deleteConfirmation: 'Are you sure to delete this entry?', - deletedElementTitle: 'This Element will be deleted.', - breakEditLinkTitle: 'Cancel', - forceDeleteConfirmation: 'There are more records using this tag, are you sure do you want to remove it?' - }, - tabindex: false - }, options || {}); - - // no action if there are no elements - if(this.length == 0) { - return; - } - - // set the autocompleteOptions source - if(options.autocompleteURL) { - options.autocompleteOptions.source = options.autocompleteURL; - } - - // Set the direction of the inputs - var direction= this.attr('dir'); - if(direction && direction.length > 0) { - options.direction = this.attr('dir'); - } - - var elements = this; - var focusItem = null; - - var baseNameRegexp = new RegExp("^(.*)\\[([0-9]*?("+options.deletedPostfix+"|"+options.addedPostfix+")?)?\]$", "i"); - - var baseName = elements.eq(0).attr('name').match(baseNameRegexp); - if(baseName && baseName.length == 4) { - baseName = baseName[1]; - } - else { - // Elementname does not match the expected format, exit - alert('elementname dows not match the expected format (regexp: '+baseNameRegexp+')') - return; - } - - // read tabindex from source element - var ti; - if (!options.tabindex && (ti = elements.eq(0).attr('tabindex'))) - options.tabindex = ti; - - // init elements - inputsToList(); - - /** - * Creates the tageditinput from a list of textinputs - * - */ - function inputsToList() { - var html = '
    '; - - elements.each(function(i) { - var element_name = $(this).attr('name').match(baseNameRegexp); - if(element_name && element_name.length == 4 && (options.deleteEmptyItems == false || $(this).val().length > 0)) { - if(element_name[1].length > 0) { - var elementId = typeof element_name[2] != 'undefined'? element_name[2]: '', - domId = 'tagedit-' + baseName + '-' + (elementId || i); - - html += '
  • '; - html += '' + $(this).val() + ''; - html += ''; - if (options.allowDelete) - html += 'x'; - html += '
    • '; - } - } - }); - - // replace Elements with the list and save the list in the local variable elements - elements.last().after(html) - var newList = elements.last().next(); - elements.remove(); - elements = newList; - - // Check if some of the elementshav to be marked as deleted - if(options.deletedPostfix.length > 0) { - elements.find('input[name$="'+options.deletedPostfix+'\]"]').each(function() { - markAsDeleted($(this).parent()); - }); - } - - // put an input field at the End - // Put an empty element at the end - html = '
  • '; - if (options.allowAdd) - html += ''; - html += '
    • '; - html += '
'; - - elements - .append(html) - .attr('tabindex', options.tabindex) // set tabindex to
    to recieve focus - - // Set function on the input - .find('#tagedit-input') - .attr('tabindex', options.tabindex) - .each(function() { - $(this).autoGrowInput({comfortZone: 15, minWidth: 15, maxWidth: 20000}); - - // Event is triggert in case of choosing an item from the autocomplete, or finish the input - $(this).bind('transformToTag', function(event, id) { - var oldValue = (typeof id != 'undefined' && (id.length > 0 || id > 0)); - - var checkAutocomplete = oldValue == true || options.autocompleteOptions.noCheck ? false : true; - // check if the Value ist new - var isNewResult = isNew($(this).val(), checkAutocomplete); - if(isNewResult[0] === true || (isNewResult[0] === false && typeof isNewResult[1] == 'string')) { - - if(oldValue == false && typeof isNewResult[1] == 'string') { - oldValue = true; - id = isNewResult[1]; - } - - if(options.allowAdd == true || oldValue) { - var domId = 'tagedit-' + baseName + '-' + id; - // Make a new tag in front the input - html = '
  • '; - html += '' + $(this).val() + ''; - var name = oldValue? baseName + '['+id+options.addedPostfix+']' : baseName + '[]'; - html += ''; - html += 'x'; - html += '
    • '; - - $(this).parent().before(html); - } - } - $(this).val(''); - - // close autocomplete - if(options.autocompleteOptions.source) { - if($(this).is(':ui-autocomplete')) - $(this).autocomplete( "close" ); - } - - }) - .keydown(function(event) { - var code = event.keyCode > 0? event.keyCode : event.which; - - switch(code) { - case 46: - if (!focusItem) - break; - case 8: // BACKSPACE - if(focusItem) { - focusItem.fadeOut(options.animSpeed, function() { - $(this).remove(); - }) - unfocusItem(); - event.preventDefault(); - return false; - } - else if($(this).val().length == 0) { - // delete Last Tag - var elementToRemove = elements.find('li.tagedit-listelement-old').last(); - elementToRemove.fadeOut(options.animSpeed, function() {elementToRemove.remove();}) - event.preventDefault(); - return false; - } - break; - case 9: // TAB - if($(this).val().length > 0 && $('ul.ui-autocomplete #ui-active-menuitem').length == 0) { - $(this).trigger('transformToTag'); - event.preventDefault(); - return false; - } - break; - case 37: // LEFT - case 39: // RIGHT - if($(this).val().length == 0) { - // select previous Tag - var inc = code == 37 ? -1 : 1, - items = elements.find('li.tagedit-listelement-old') - x = items.length, next = 0; - items.each(function(i, elem) { - if ($(elem).hasClass('tagedit-listelement-focus')) { - x = i; - return true; - } - }); - unfocusItem(); - next = Math.max(0, x + inc); - if (items.get(next)) { - focusItem = items.eq(next).addClass('tagedit-listelement-focus'); - $(this).attr('aria-activedescendant', focusItem.attr('aria-labelledby')) - - if(options.autocompleteOptions.source != false) { - $(this).autocomplete('close').autocomplete('disable'); - } - } - event.preventDefault(); - return false; - } - break; - default: - // ignore input if an item is focused - if (focusItem !== null) { - event.preventDefault(); - event.bubble = false; - return false; - } - } - return true; - }) - .keypress(function(event) { - var code = event.keyCode > 0? event.keyCode : event.which; - if($.inArray(code, options.breakKeyCodes) > -1) { - if($(this).val().length > 0 && $('ul.ui-autocomplete #ui-active-menuitem').length == 0) { - $(this).trigger('transformToTag'); - } - event.preventDefault(); - return false; - } - else if($(this).val().length > 0){ - unfocusItem(); - } - return true; - }) - .bind('paste', function(e){ - var that = $(this); - if (e.type == 'paste'){ - setTimeout(function(){ - that.trigger('transformToTag'); - }, 1); - } - }) - .blur(function() { - if($(this).val().length == 0) { - // disable the field to prevent sending with the form - $(this).attr('disabled', 'disabled').addClass('tagedit-input-disabled'); - } - else { - // Delete entry after a timeout - var input = $(this); - $(this).data('blurtimer', window.setTimeout(function() {input.val('');}, 500)); - } - unfocusItem(); - // restore tabindex when widget looses focus - if (options.tabindex) - elements.attr('tabindex', options.tabindex); - }) - .focus(function() { - window.clearTimeout($(this).data('blurtimer')); - // remove tabindex on
      because #tagedit-input now has it - elements.attr('tabindex', '-1'); - }); - - if(options.autocompleteOptions.source != false) { - $(this).autocomplete(options.autocompleteOptions); - } - }) - .end() - .click(function(event) { - switch(event.target.tagName) { - case 'A': - $(event.target).parent().fadeOut(options.animSpeed, function() { - $(event.target).parent().remove(); - elements.find('#tagedit-input').focus(); - }); - break; - case 'INPUT': - case 'SPAN': - case 'LI': - if($(event.target).hasClass('tagedit-listelement-deleted') == false && - $(event.target).parent('li').hasClass('tagedit-listelement-deleted') == false) { - // Don't edit an deleted Items - return doEdit(event); - } - default: - $(this).find('#tagedit-input') - .removeAttr('disabled') - .removeClass('tagedit-input-disabled') - .focus(); - } - return false; - }) - // forward focus event (on tabbing through the form) - .focus(function(e){ $(this).click(); }) - } - - /** - * Remove class and reference to currently focused tag item - */ - function unfocusItem() { - if(focusItem){ - if(options.autocompleteOptions.source != false) { - elements.find('#tagedit-input').autocomplete('enable'); - } - focusItem.removeClass('tagedit-listelement-focus'); - focusItem = null; - elements.find('#tagedit-input').removeAttr('aria-activedescendant'); - } - } - - /** - * Sets all Actions and events for editing an Existing Tag. - * - * @param event {object} The original Event that was given - * return {boolean} - */ - function doEdit(event) { - if(options.allowEdit == false) { - // Do nothing - return; - } - - var element = event.target.tagName == 'SPAN'? $(event.target).parent() : $(event.target); - - var closeTimer = null; - - // Event that is fired if the User finishes the edit of a tag - element.bind('finishEdit', function(event, doReset) { - window.clearTimeout(closeTimer); - - var textfield = $(this).find(':text'); - var isNewResult = isNew(textfield.val(), true); - if(textfield.val().length > 0 && (typeof doReset == 'undefined' || doReset === false) && (isNewResult[0] == true)) { - // This is a new Value and we do not want to do a reset. Set the new value - $(this).find(':hidden').val(textfield.val()); - $(this).find('span').html(textfield.val()); - } - - textfield.remove(); - $(this).find('a.tagedit-save, a.tagedit-break, a.tagedit-delete').remove(); // Workaround. This normaly has to be done by autogrow Plugin - $(this).removeClass('tagedit-listelement-edit').unbind('finishEdit'); - return false; - }); - - var hidden = element.find(':hidden'); - html = ''; - html += 'o'; - html += 'x'; - - // If the Element is one from the Database, it can be deleted - if(options.allowDelete == true && element.find(':hidden').length > 0 && - typeof element.find(':hidden').attr('name').match(baseNameRegexp)[3] != 'undefined') { - html += 'd'; - } - - hidden.after(html); - element - .addClass('tagedit-listelement-edit') - .find('a.tagedit-save') - .click(function() { - $(this).parent().trigger('finishEdit'); - return false; - }) - .end() - .find('a.tagedit-break') - .click(function() { - $(this).parent().trigger('finishEdit', [true]); - return false; - }) - .end() - .find('a.tagedit-delete') - .click(function() { - window.clearTimeout(closeTimer); - if(confirm(options.texts.deleteConfirmation)) { - var canDelete = checkToDelete($(this).parent()); - if (!canDelete && confirm(options.texts.forceDeleteConfirmation)) { - markAsDeleted($(this).parent()); - } - - if(canDelete) { - markAsDeleted($(this).parent()); - } - - $(this).parent().find(':text').trigger('finishEdit', [true]); - } - else { - $(this).parent().find(':text').trigger('finishEdit', [true]); - } - return false; - }) - .end() - .find(':text') - .focus() - .autoGrowInput({comfortZone: 10, minWidth: 15, maxWidth: 20000}) - .keypress(function(event) { - switch(event.keyCode) { - case 13: // RETURN - event.preventDefault(); - $(this).parent().trigger('finishEdit'); - return false; - case 27: // ESC - event.preventDefault(); - $(this).parent().trigger('finishEdit', [true]); - return false; - } - return true; - }) - .blur(function() { - var that = $(this); - closeTimer = window.setTimeout(function() {that.parent().trigger('finishEdit', [true])}, 500); - }); - } - - /** - * Verifies if the tag select to be deleted is used by other records using an Ajax request. - * - * @param element - * @returns {boolean} - */ - function checkToDelete(element) { - // if no URL is provide will not verify - if(options.checkToDeleteURL === null) { - return false; - } - - var inputName = element.find('input:hidden').attr('name'); - var idPattern = new RegExp('\\d'); - var tagId = inputName.match(idPattern); - var checkResult = false; - - $.ajax({ - async : false, - url : options.checkToDeleteURL, - dataType: 'json', - type : 'POST', - data : { 'tagId' : tagId}, - complete: function (XMLHttpRequest, textStatus) { - - // Expected JSON Object: { "success": Boolean, "allowDelete": Boolean} - var result = $.parseJSON(XMLHttpRequest.responseText); - if(result.success === true){ - checkResult = result.allowDelete; - } - } - }); - - return checkResult; - } - - /** - * Marks a single Tag as deleted. - * - * @param element {object} - */ - function markAsDeleted(element) { - element - .trigger('finishEdit', [true]) - .addClass('tagedit-listelement-deleted') - .attr('title', options.deletedElementTitle); - element.find(':hidden').each(function() { - var nameEndRegexp = new RegExp('('+options.addedPostfix+'|'+options.deletedPostfix+')?\]'); - var name = $(this).attr('name').replace(nameEndRegexp, options.deletedPostfix+']'); - $(this).attr('name', name); - }); - - } - - /** - * Checks if a tag is already choosen. - * - * @param value {string} - * @param checkAutocomplete {boolean} optional Check also the autocomplet values - * @returns {Array} First item is a boolean, telling if the item should be put to the list, second is optional the ID from autocomplete list - */ - function isNew(value, checkAutocomplete) { - checkAutocomplete = typeof checkAutocomplete == 'undefined'? false : checkAutocomplete; - var autoCompleteId = null; - - var compareValue = options.checkNewEntriesCaseSensitive == true? value : value.toLowerCase(); - - var isNew = true; - elements.find('li.tagedit-listelement-old input:hidden').each(function() { - var elementValue = options.checkNewEntriesCaseSensitive == true? $(this).val() : $(this).val().toLowerCase(); - if(elementValue == compareValue) { - isNew = false; - } - }); - - if (isNew == true && checkAutocomplete == true && options.autocompleteOptions.source != false) { - var result = []; - if ($.isArray(options.autocompleteOptions.source)) { - result = options.autocompleteOptions.source; - } - else if ($.isFunction(options.autocompleteOptions.source)) { - options.autocompleteOptions.source({term: value}, function (data) {result = data}); - } - else if (typeof options.autocompleteOptions.source === "string") { - // Check also autocomplete values - var autocompleteURL = options.autocompleteOptions.source; - if (autocompleteURL.match(/\?/)) { - autocompleteURL += '&'; - } else { - autocompleteURL += '?'; - } - autocompleteURL += 'term=' + value; - $.ajax({ - async: false, - url: autocompleteURL, - dataType: 'json', - complete: function (XMLHttpRequest, textStatus) { - result = $.parseJSON(XMLHttpRequest.responseText); - } - }); - } - - // If there is an entry for that already in the autocomplete, don't use it (Check could be case sensitive or not) - for (var i = 0; i < result.length; i++) { - var resultValue = result[i].label? result[i].label : result[i]; - var label = options.checkNewEntriesCaseSensitive == true? resultValue : resultValue.toLowerCase(); - if (label == compareValue) { - isNew = false; - autoCompleteId = typeof result[i] == 'string' ? i : result[i].id; - break; - } - } - } - - return new Array(isNew, autoCompleteId); - } - } -})(jQuery); - -(function($){ - -// jQuery autoGrowInput plugin by James Padolsey -// See related thread: http://stackoverflow.com/questions/931207/is-there-a-jquery-autogrow-plugin-for-text-fields - -$.fn.autoGrowInput = function(o) { - - o = $.extend({ - maxWidth: 1000, - minWidth: 0, - comfortZone: 70 - }, o); - - this.filter('input:text').each(function(){ - - var minWidth = o.minWidth || $(this).width(), - val = '', - input = $(this), - testSubject = $('').css({ - position: 'absolute', - top: -9999, - left: -9999, - width: 'auto', - fontSize: input.css('fontSize'), - fontFamily: input.css('fontFamily'), - fontWeight: input.css('fontWeight'), - letterSpacing: input.css('letterSpacing'), - whiteSpace: 'nowrap' - }), - check = function() { - - if (val === (val = input.val())) {return;} - - // Enter new content into testSubject - var escaped = val.replace(/&/g, '&').replace(/\s/g,' ').replace(//g, '>'); - testSubject.html(escaped); - - // Calculate new width + whether to change - var testerWidth = testSubject.width(), - newWidth = (testerWidth + o.comfortZone) >= minWidth ? testerWidth + o.comfortZone : minWidth, - currentWidth = input.width(), - isValidWidthChange = (newWidth < currentWidth && newWidth >= minWidth) - || (newWidth > minWidth && newWidth < o.maxWidth); - - // Animate width - if (isValidWidthChange) { - input.width(newWidth); - } - - }; - - testSubject.insertAfter(input); - - $(this).bind('keyup keydown blur update', check); - - check(); - }); - - return this; - -}; - -})(jQuery); \ No newline at end of file -- cgit v1.2.3