generator-craftskeleton/generators/app/templates/_plugins/relabel/resources/js/Editor.js

Starterkit for Craft CMS 2.x (Multi-Environment Configs with HeartyConfig, Gulp, and Bower for Dependencie-Management) made by interpunkt. ag

(function($)
{
	if(!$ || !window.Garnish || !window.Craft)
	{
		return;
	}

	/**
	 * Editor class
	 */
	var Editor = Garnish.Base.extend({

		fld: null,
		labels: null,

		namespace: 'relabel',

		$form: null,

		init: function(fld)
		{
			if(!(fld instanceof Craft.FieldLayoutDesigner))
			{
				// Fail silently - just means the relabel feature will not be initialised, no big deal
				return;
			}

			this.fld = fld;
			this.fld.on('relabelOptionSelected', $.proxy(this.openModal, this));

			this.$form = this.fld.$container.closest('form');

			this.labels = {};

			var fieldLayoutId = Relabel.getFieldLayoutId(this.$form);
			if(fieldLayoutId !== false)
			{
				this.applyLabels(fieldLayoutId)
			}
		},

		applyLabels: function(fieldLayoutId)
		{
			var initLabels = Relabel.getLabelsOnFieldLayout(fieldLayoutId);

			if(initLabels)
			{
				for(var labelId in initLabels) if(initLabels.hasOwnProperty(labelId))
				{
					var label = initLabels[labelId];
					this.setFormData(label.fieldId, label.name, label.instructions);
				}
			}
		},

		openModal: function(e)
		{
			var fieldId = e.id;

			var info = Relabel.getFieldInfo(fieldId);
			var origName     = info && typeof info.name         === 'string' ? info.name         : '';
			var origInstruct = info && typeof info.instructions === 'string' ? info.instructions : '';

			var modal = new Editor.Modal(origName, origInstruct);
			var label = this.labels[fieldId];

			var that = this;
			modal.on('setLabel', function(f)
			{
				that.setFormData(fieldId, f.name, f.instructions);
			});

			modal.show(
				label ? label.name : '',
				label ? label.instructions : ''
			);
		},

		setFormData: function(fieldId, name, instruct)
		{
			var $container = this.fld.$container;
			var $field = $container.find('.fld-field[data-id="' + fieldId + '"]');

			var nameField = this.namespace + '[' + fieldId + '][name]';
			var instructField = this.namespace + '[' + fieldId + '][instructions]';

			$field.children('input[name="' + nameField + '"]').remove();
			$field.children('input[name="' + instructField + '"]').remove();

			if(name)     $('<input type="hidden" name="' + nameField     + '">').val(name).appendTo($field);
			if(instruct) $('<input type="hidden" name="' + instructField + '">').val(instruct).appendTo($field);

			var hasLabel = !!(name || instruct);

			$field.toggleClass('relabelled', hasLabel);

			if(hasLabel)
			{
				this.labels[fieldId] = {
					name: name,
					instructions: instruct
				};
			}
			else
			{
				delete this.labels[fieldId];
			}
		}
	});

	Relabel.Editor = Editor;

})(window.jQuery);