71 lines
1.9 KiB
JavaScript
71 lines
1.9 KiB
JavaScript
/**
|
|
* @file
|
|
* A Backbone View that a dynamic contextual link.
|
|
*/
|
|
(function ($, _, Backbone, Drupal) {
|
|
|
|
"use strict";
|
|
|
|
Drupal.edit.ContextualLinkView = Backbone.View.extend({
|
|
|
|
events: function () {
|
|
// Prevents delay and simulated mouse events.
|
|
function touchEndToClick (event) {
|
|
event.preventDefault();
|
|
event.target.click();
|
|
}
|
|
return {
|
|
'click a': function (event) {
|
|
event.preventDefault();
|
|
this.model.set('isActive', !this.model.get('isActive'));
|
|
},
|
|
'touchEnd a': touchEndToClick
|
|
};
|
|
},
|
|
|
|
/**
|
|
* {@inheritdoc}
|
|
*
|
|
* @param Object options
|
|
* An object with the following keys:
|
|
* - Drupal.edit.EntityModel model: the associated entity's model
|
|
* - Drupal.edit.AppModel appModel: the application state model
|
|
* - strings: the strings for the "Quick edit" link
|
|
*/
|
|
initialize: function (options) {
|
|
// Initial render.
|
|
this.render();
|
|
|
|
// Re-render whenever this entity's isActive attribute changes.
|
|
this.model.on('change:isActive', this.render, this);
|
|
|
|
// Hide the contextual links whenever an in-place editor is active.
|
|
this.options.appModel.on('change:activeEditor', this.toggleContextualLinksVisibility, this);
|
|
},
|
|
|
|
/**
|
|
* {@inheritdoc}
|
|
*/
|
|
render: function () {
|
|
var strings = this.options.strings;
|
|
var text = !this.model.get('isActive') ? strings.quickEdit : strings.stopQuickEdit;
|
|
this.$el.find('a').text(text);
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* Hides the contextual links if an in-place editor is active.
|
|
*
|
|
* @param Drupal.edit.AppModel appModel
|
|
* The application state model.
|
|
* @param null|Drupal.edit.FieldModel activeEditor
|
|
* The model of the field that is currently being edited, or, if none, null.
|
|
*/
|
|
toggleContextualLinksVisibility: function (appModel, activeEditor) {
|
|
this.$el.parents('.contextual').toggle(activeEditor === null);
|
|
}
|
|
|
|
});
|
|
|
|
})(jQuery, _, Backbone, Drupal);
|