Image editor fix: bring back horizontal scrollbar in motifs and objects perspective

[redakcja.git] / redakcja / static / js / wiki_img / view_editor_objects.js

diff --git a/redakcja/static/js/wiki_img/view_editor_objects.js b/redakcja/static/js/wiki_img/view_editor_objects.js
index 9e6a3cb..b0cf2a9 100644 (file)
--- a/redakcja/static/js/wiki_img/view_editor_objects.js
+++ b/redakcja/static/js/wiki_img/view_editor_objects.js
@@ -7,8 +7,10 @@
         options.callback = function(){
             var self = this;
 
         options.callback = function(){
             var self = this;
 

-            self.$tag_name = $('#objects-editor #tag-name');
-            self.$objects_list = $('#objects-editor #objects-list');
+            self.$tag_name = $('#objects-editor .tag-name');
+            self.$toolbar = $('#objects-editor .toolbar');
+            self.$scrolled = $('#objects-editor .scrolled');
+            self.$objects_list = $('#objects-editor .objects-list');

 
             self.x1 = null;
             self.x2 = null;
 
             self.x1 = null;
             self.x2 = null;


@@ -17,13 +19,14 @@
 
             if (!CurrentDocument.readonly) {
                 self.ias = $('#objects-editor img.area-selectable').imgAreaSelect({ handles: true, onSelectEnd: self._fillCoords(self), instance: true });
 
             if (!CurrentDocument.readonly) {
                 self.ias = $('#objects-editor img.area-selectable').imgAreaSelect({ handles: true, onSelectEnd: self._fillCoords(self), instance: true });

-                $('#objects-editor #add').click(self._addObject(self));
+                $('#objects-editor .add').click(self._addObject(self));

 
                 $('.delete', self.$objects_list).live('click', function() {
                     $(this).prev().trigger('click');
                     if (window.confirm("Czy na pewno chcesz usunąć ten obiekt?")) {
                         $(this).prev().remove();
                         $(this).remove();
 
                 $('.delete', self.$objects_list).live('click', function() {
                     $(this).prev().trigger('click');
                     if (window.confirm("Czy na pewno chcesz usunąć ten obiekt?")) {
                         $(this).prev().remove();
                         $(this).remove();

+                        self._refreshLayout();

                     }
                     self._resetSelection();
                     return false;
                     }
                     self._resetSelection();
                     return false;


@@ -61,6 +64,9 @@
         self.ias.setOptions({ hide: true });
     }
 
         self.ias.setOptions({ hide: true });
     }
 

+    ObjectsPerspective.prototype._refreshLayout = function() {
+        this.$scrolled.css({top: this.$toolbar.height()});
+    };

 
     ObjectsPerspective.prototype._push = function(name, x1, y1, x2, y2) {
         var $e = $('<span class="image-object"></span>')
 
     ObjectsPerspective.prototype._push = function(name, x1, y1, x2, y2) {
         var $e = $('<span class="image-object"></span>')


@@ -68,7 +74,8 @@
         if (x1 !== null)
             $e.data('coords', [x1, y1, x2, y2]);
         this.$objects_list.append($e);
         if (x1 !== null)
             $e.data('coords', [x1, y1, x2, y2]);
         this.$objects_list.append($e);

-        this.$objects_list.append('<span class="delete">(x)</span>');
+        this.$objects_list.append('<span class="delete">(x) </span>');
+        this._refreshLayout();

     }
 
 
     }
 
 


@@ -108,7 +115,7 @@
         var self = this;
         this.$objects_list.children().remove();
 
         var self = this;
         this.$objects_list.children().remove();
 

-        $.each(this.doc.getImageItems('obiekt'), function(i, e) {
+        $.each(this.doc.getImageItems('object'), function(i, e) {

             self._push.apply(self, e);
         });
 
             self._push.apply(self, e);
         });
 


@@ -131,7 +138,7 @@
             args.unshift($(e).text());
             objects.push(args);
         })
             args.unshift($(e).text());
             objects.push(args);
         })

-        self.doc.setImageItems('obiekt', objects);
+        self.doc.setImageItems('object', objects);

 
         this.ias.setOptions({disable: true, hide: true});
 
 
         this.ias.setOptions({disable: true, hide: true});