X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/d18eca472089480206cd023276c1d8fe5439a172..6b06b64b40cd570ab02227cc913a5204d9562f37:/src/editor/plugins/core/img/imgElement.js

diff --git a/src/editor/plugins/core/img/imgElement.js b/src/editor/plugins/core/img/imgElement.js
index 47b1467..ff3dad3 100644
--- a/src/editor/plugins/core/img/imgElement.js
+++ b/src/editor/plugins/core/img/imgElement.js
@@ -20,8 +20,8 @@ _.extend(linkElement, {
 
         var linkText = this.wlxmlNode.getAttr('src') || '',
             linkUrl = this.getUrl(linkText);
-        
-        this._container().attr('style', 'background-image: url(\'' + linkUrl + '\');');
+
+        this.refreshLink(linkUrl);
 
         this.box = $(_.template(boxTemplate)({text: linkText, url: linkUrl}));
         this.box.find('.change').on('click', this.changeLink);
@@ -41,7 +41,17 @@ _.extend(linkElement, {
             link.text(event.meta.newVal);
             var linkUrl = this.getUrl(event.meta.newVal);
             link.attr('href', linkUrl);
+            this.refreshLink(linkUrl);
+        }
+    },
+
+    refreshLink: function(linkUrl) {
+        this._container().text('');
+        if (linkUrl && linkUrl !== 'http://') {
+            this._container().text('');
             this._container().attr('style', 'background-image: url(\'' + linkUrl + '\');');
+        } else {
+            this._container().text(gettext('No image. Click here to add image'));
         }
     },
 
@@ -58,7 +68,7 @@ _.extend(linkElement, {
                 prePasteHandler: function(text) {
                                     return this.wlxmlNode.document.getLinkForUrl(text);
                                 }.bind(this),
-                                description: '<a href="#-" class="attachment-library">attachment library</a>'
+                                description: '<a href="#-" class="attachment-library">' + gettext('attachment library') + '</a>'
             }
             ]
         });
@@ -71,7 +81,7 @@ _.extend(linkElement, {
                 event.success();
             }, {
                 metadata: {
-                    description: gettext('Edit image'),
+                    description: gettext('Edit image')
                     //fragment: doc.createFragment(doc.CaretFragment, {node: el.wlxmlNode.contents()[0], offset:offset})
                 },
                 success: function() {
@@ -91,23 +101,20 @@ _.extend(linkElement, {
             doc = this.wlxmlNode.document;
 
         el.wlxmlNode.document.transaction(function() {
-            var f = el.canvas.getSelection().toDocumentFragment(),
-                prefLen = 0,
-                ret;
-
-            if(el.wlxmlNode.isPrecededByTextNode()) {
-                prefLen = el.wlxmlNode.prev().getText().length;
-            }
-
-            ret = el.wlxmlNode.unwrapContent();
-            return doc.createFragment(doc.CaretFragment, {node: ret.element1, offset: prefLen + f.offset});
+            //var f = el.canvas.getSelection().toDocumentFragment(),
+            //    prefLen = 0,
+            //    ret;
+            //
+            //if(el.wlxmlNode.isPrecededByTextNode()) {
+            //    prefLen = el.wlxmlNode.prev().getText().length;
+            //}
+            //
+            //ret = el.wlxmlNode.unwrapContent();
+            //return doc.createFragment(doc.CaretFragment, {node: ret.element1, offset: prefLen + f.offset});
+            el.wlxmlNode.detach();
         }, {
             metadata: {
-                description: gettext('Remove link'),
-                fragment: doc.createFragment(doc.CaretFragment, {node: el.wlxmlNode.contents()[0], offset:0})
-            },
-            success: function(ret) {
-                el.canvas.select(ret);
+                description: gettext('Remove link')
             }
         });
     },