2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
8 (function ($, Drupal, drupalSettings) {
9 Drupal.behaviors.machineName = {
10 attach: function attach(context, settings) {
12 var $context = $(context);
16 function clickEditHandler(e) {
18 data.$wrapper.removeClass('visually-hidden');
19 data.$target.trigger('focus');
21 data.$source.off('.machineName');
24 function machineNameHandler(e) {
26 var options = data.options;
27 var baseValue = $(e.target).val();
29 var rx = new RegExp(options.replace_pattern, 'g');
30 var expected = baseValue.toLowerCase().replace(rx, options.replace).substr(0, options.maxlength);
32 if (xhr && xhr.readystate !== 4) {
38 clearTimeout(timeout);
41 if (baseValue.toLowerCase() !== expected) {
42 timeout = setTimeout(function () {
43 xhr = self.transliterate(baseValue, options).done(function (machine) {
44 self.showMachineName(machine.substr(0, options.maxlength), data);
48 self.showMachineName(expected, data);
52 Object.keys(settings.machineName).forEach(function (sourceId) {
54 var options = settings.machineName[sourceId];
56 var $source = $context.find(sourceId).addClass('machine-name-source').once('machine-name');
57 var $target = $context.find(options.target).addClass('machine-name-target');
58 var $suffix = $context.find(options.suffix);
59 var $wrapper = $target.closest('.js-form-item');
61 if (!$source.length || !$target.length || !$suffix.length || !$wrapper.length) {
65 if ($target.hasClass('error')) {
69 options.maxlength = $target.attr('maxlength');
71 $wrapper.addClass('visually-hidden');
73 if ($target.is(':disabled') || $target.val() !== '') {
74 machine = $target.val();
75 } else if ($source.val() !== '') {
76 machine = self.transliterate($source.val(), options);
79 var $preview = $('<span class="machine-name-value">' + options.field_prefix + Drupal.checkPlain(machine) + options.field_suffix + '</span>');
82 $suffix.append('<span class="machine-name-label">' + options.label + ': </span>');
84 $suffix.append($preview);
86 if ($target.is(':disabled')) {
99 var $link = $('<span class="admin-link"><button type="button" class="link">' + Drupal.t('Edit') + '</button></span>').on('click', eventData, clickEditHandler);
100 $suffix.append($link);
102 if ($target.val() === '') {
103 $source.on('formUpdated.machineName', eventData, machineNameHandler).trigger('formUpdated.machineName');
106 $target.on('invalid', eventData, clickEditHandler);
109 showMachineName: function showMachineName(machine, data) {
110 var settings = data.options;
112 if (machine !== '') {
113 if (machine !== settings.replace) {
114 data.$target.val(machine);
115 data.$preview.html(settings.field_prefix + Drupal.checkPlain(machine) + settings.field_suffix);
120 data.$target.val(machine);
121 data.$preview.empty();
124 transliterate: function transliterate(source, settings) {
125 return $.get(Drupal.url('machine_name/transliterate'), {
127 langcode: drupalSettings.langcode,
128 replace_pattern: settings.replace_pattern,
129 replace_token: settings.replace_token,
130 replace: settings.replace,
135 })(jQuery, Drupal, drupalSettings);