editor: improved links, first take

[fnpeditor.git] / src / editor / plugins / core / links / linkElement.js

diff --git a/src/editor/plugins/core/links/linkElement.js b/src/editor/plugins/core/links/linkElement.js
new file mode 100644 (file)
index 0000000..1214e95
--- /dev/null
+++ b/src/editor/plugins/core/links/linkElement.js
@@ -0,0 +1,77 @@
+define(function(require) {
+    
+'use strict';
+/* globals gettext */
+
+
+var $ = require('libs/jquery'),
+    _ = require('libs/underscore'),
+    genericElement = require('modules/documentCanvas/canvas/genericElement'),
+    Dialog = require('views/dialog/dialog'),
+    boxTemplate = require('libs/text!./box.html'),
+    linkElement = Object.create(genericElement);
+
+
+_.extend(linkElement, {
+    init: function() {
+        genericElement.init.call(this);
+        _.bindAll(this, 'changeLink', 'deleteLink');
+
+        this.box = $(_.template(boxTemplate)({href: this.wlxmlNode.getAttr('href')}));
+        this.box.find('.change').on('click', this.changeLink);
+        this.box.find('.delete').on('click', this.deleteLink);
+        this.box.hide();
+        this.addWidget(this.box);
+    },
+    markAsCurrent: function(toggle) {
+        this.box.toggle(toggle);
+    },
+    onNodeAttrChange: function(event) {
+        if(event.meta.attr === 'href') {
+            var link = this.box.find('[link]');
+            link.text(event.meta.newVal);
+            link.attr('href', event.meta.newVal);
+        }
+    },
+
+    changeLink: function(e) {
+        var el = this,
+            dialog = Dialog.create({
+            title: gettext('Edit link'),
+            executeButtonText: gettext('Apply'),
+            cancelButtonText: gettext('Cancel'),
+            fields: [
+                {label: gettext('Link'), name: 'href', type: 'input', initialValue: el.wlxmlNode.getAttr('href')}
+            ]
+        });
+        e.preventDefault();
+        e.stopPropagation();
+
+        dialog.on('execute', function(event) {
+            el.wlxmlNode.document.transaction(function() {
+                el.wlxmlNode.setAttr('href', event.formData.href);
+                event.success();
+            }, {
+                metadata: {
+                    description: gettext('Edit link')
+                }
+            });
+        });
+        dialog.show();
+    },
+
+    deleteLink: function() {
+        var el = this;
+        el.wlxmlNode.document.transaction(function() {
+            el.wlxmlNode.unwrapContent();
+        }, {
+            metadata: {
+                description: gettext('Remove link')
+            }
+        });
+    }
+});
+
+return linkElement;
+
+});