Mercurial > hg > cmmr2012-drupal-site
diff core/misc/machine-name.js @ 0:c75dbcec494b
Initial commit from drush-created site
author | Chris Cannam |
---|---|
date | Thu, 05 Jul 2018 14:24:15 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core/misc/machine-name.js Thu Jul 05 14:24:15 2018 +0000 @@ -0,0 +1,135 @@ +/** +* DO NOT EDIT THIS FILE. +* See the following change record for more information, +* https://www.drupal.org/node/2815083 +* @preserve +**/ + +(function ($, Drupal, drupalSettings) { + Drupal.behaviors.machineName = { + attach: function attach(context, settings) { + var self = this; + var $context = $(context); + var timeout = null; + var xhr = null; + + function clickEditHandler(e) { + var data = e.data; + data.$wrapper.removeClass('visually-hidden'); + data.$target.trigger('focus'); + data.$suffix.hide(); + data.$source.off('.machineName'); + } + + function machineNameHandler(e) { + var data = e.data; + var options = data.options; + var baseValue = $(e.target).val(); + + var rx = new RegExp(options.replace_pattern, 'g'); + var expected = baseValue.toLowerCase().replace(rx, options.replace).substr(0, options.maxlength); + + if (xhr && xhr.readystate !== 4) { + xhr.abort(); + xhr = null; + } + + if (timeout) { + clearTimeout(timeout); + timeout = null; + } + if (baseValue.toLowerCase() !== expected) { + timeout = setTimeout(function () { + xhr = self.transliterate(baseValue, options).done(function (machine) { + self.showMachineName(machine.substr(0, options.maxlength), data); + }); + }, 300); + } else { + self.showMachineName(expected, data); + } + } + + Object.keys(settings.machineName).forEach(function (sourceId) { + var machine = ''; + var options = settings.machineName[sourceId]; + + var $source = $context.find(sourceId).addClass('machine-name-source').once('machine-name'); + var $target = $context.find(options.target).addClass('machine-name-target'); + var $suffix = $context.find(options.suffix); + var $wrapper = $target.closest('.js-form-item'); + + if (!$source.length || !$target.length || !$suffix.length || !$wrapper.length) { + return; + } + + if ($target.hasClass('error')) { + return; + } + + options.maxlength = $target.attr('maxlength'); + + $wrapper.addClass('visually-hidden'); + + if ($target.is(':disabled') || $target.val() !== '') { + machine = $target.val(); + } else if ($source.val() !== '') { + machine = self.transliterate($source.val(), options); + } + + var $preview = $('<span class="machine-name-value">' + options.field_prefix + Drupal.checkPlain(machine) + options.field_suffix + '</span>'); + $suffix.empty(); + if (options.label) { + $suffix.append('<span class="machine-name-label">' + options.label + ': </span>'); + } + $suffix.append($preview); + + if ($target.is(':disabled')) { + return; + } + + var eventData = { + $source: $source, + $target: $target, + $suffix: $suffix, + $wrapper: $wrapper, + $preview: $preview, + options: options + }; + + var $link = $('<span class="admin-link"><button type="button" class="link">' + Drupal.t('Edit') + '</button></span>').on('click', eventData, clickEditHandler); + $suffix.append($link); + + if ($target.val() === '') { + $source.on('formUpdated.machineName', eventData, machineNameHandler).trigger('formUpdated.machineName'); + } + + $target.on('invalid', eventData, clickEditHandler); + }); + }, + showMachineName: function showMachineName(machine, data) { + var settings = data.options; + + if (machine !== '') { + if (machine !== settings.replace) { + data.$target.val(machine); + data.$preview.html(settings.field_prefix + Drupal.checkPlain(machine) + settings.field_suffix); + } + data.$suffix.show(); + } else { + data.$suffix.hide(); + data.$target.val(machine); + data.$preview.empty(); + } + }, + transliterate: function transliterate(source, settings) { + return $.get(Drupal.url('machine_name/transliterate'), { + text: source, + langcode: drupalSettings.langcode, + replace_pattern: settings.replace_pattern, + replace_token: settings.replace_token, + replace: settings.replace, + lowercase: true + }); + } + }; +})(jQuery, Drupal, drupalSettings); \ No newline at end of file