redakcja/static/js/wiki_img/view_editor_objects.js

   1 (function($){
   2
   3     function ObjectsPerspective(options){
   4
   5         var old_callback = options.callback;
   6
   7         options.callback = function(){
   8             var self = this;
   9
  10             self.$tag_name = $('#objects-editor .tag-name');
  11             self.$toolbar = $('#objects-editor .toolbar');
  12             self.$scrolled = $('#objects-editor .scrolled');
  13             self.$objects_list = $('#objects-editor .objects-list');
  14
  15             self.x1 = null;
  16             self.x2 = null;
  17             self.y1 = null;
  18             self.y2 = null;
  19
  20             if (!CurrentDocument.readonly) {
  21                 self.ias = $('#objects-editor img.area-selectable').imgAreaSelect({ handles: true, onSelectEnd: self._fillCoords(self), instance: true });
  22                 $('#objects-editor .add').click(self._addObject(self));
  23
  24                 $('.delete', self.$objects_list).live('click', function() {
  25                     $(this).prev().trigger('click');
  26                     if (window.confirm("Czy na pewno chcesz usunąć ten obiekt?")) {
  27                         $(this).prev().remove();
  28                         $(this).remove();
  29                         self._refreshLayout();
  30                     }
  31                     self._resetSelection();
  32                     return false;
  33                 });
  34             }
  35
  36             $('.image-object', self.$objects_list).live('click', function(){
  37                 $('.active', self.$objects_list).removeClass('active');
  38                 $(this).addClass('active');
  39                 var coords = $(this).data('coords');
  40                 if (coords) {
  41                     self.ias.setSelection.apply(self.ias, coords);
  42                     self.ias.setOptions({ show: true });
  43                 }
  44                 else {
  45                     self._resetSelection();
  46                 }
  47             });
  48
  49             old_callback.call(this);
  50         };
  51
  52         $.wiki.Perspective.call(this, options);
  53     };
  54
  55     ObjectsPerspective.prototype = new $.wiki.Perspective();
  56
  57     ObjectsPerspective.prototype.freezeState = function(){
  58
  59     };
  60
  61     ObjectsPerspective.prototype._resetSelection = function() {
  62         var self = this;
  63         self.x1 = self.x2 = self.y1 = self.y2 = null;
  64         self.ias.setOptions({ hide: true });
  65     }
  66
  67     ObjectsPerspective.prototype._refreshLayout = function() {
  68         this.$scrolled.css({top: this.$toolbar.height()});
  69     };
  70
  71     ObjectsPerspective.prototype._push = function(name, x1, y1, x2, y2) {
  72         var $e = $('<span class="image-object"></span>')
  73         $e.text(name);
  74         if (x1 !== null)
  75             $e.data('coords', [x1, y1, x2, y2]);
  76         this.$objects_list.append($e);
  77         this.$objects_list.append('<span class="delete">(x) </span>');
  78         this._refreshLayout();
  79     }
  80
  81
  82     ObjectsPerspective.prototype._addObject = function(self) {
  83         return function() {
  84             outputs = [];
  85             chunks = self.$tag_name.val().split(',');
  86             for (i in chunks) {
  87                 item = chunks[i].trim();
  88                 if (item == '')
  89                     continue;
  90                 outputs.push(item.trim());
  91             }
  92             output = outputs.join(', ');
  93
  94             self._push(output, self.x1, self.y1, self.x2, self.y2);
  95             self._resetSelection();
  96         }
  97     }
  98
  99     ObjectsPerspective.prototype._fillCoords = function(self) {
 100         return function(img, selection) {
 101             $('.active', self.$objects_list).removeClass('active');
 102             if (selection.x1 != selection.x2 && selection.y1 != selection.y2) {
 103                 self.x1 = selection.x1;
 104                 self.x2 = selection.x2;
 105                 self.y1 = selection.y1;
 106                 self.y2 = selection.y2;
 107             }
 108             else {
 109                 self.x1 = self.x2 = self.y1 = self.y2 = null;
 110             }
 111         }
 112     }
 113
 114     ObjectsPerspective.prototype.onEnter = function(success, failure){
 115         var self = this;
 116         this.$objects_list.children().remove();
 117
 118         $.each(this.doc.getImageItems('object'), function(i, e) {
 119             self._push.apply(self, e);
 120         });
 121
 122         if (this.x1 !== null)
 123             this.ias.setOptions({enable: true, show: true});
 124         else
 125             this.ias.setOptions({enable: true});
 126
 127         $.wiki.Perspective.prototype.onEnter.call(this);
 128
 129     };
 130
 131     ObjectsPerspective.prototype.onExit = function(success, failure){
 132         var self = this;
 133         var objects = [];
 134         this.$objects_list.children(".image-object").each(function(i, e) {
 135             var args = $(e).data('coords');
 136             if (!args)
 137                 args = [null, null, null, null];
 138             args.unshift($(e).text());
 139             objects.push(args);
 140         })
 141         self.doc.setImageItems('object', objects);
 142
 143         this.ias.setOptions({disable: true, hide: true});
 144
 145     };
 146
 147     $.wiki.ObjectsPerspective = ObjectsPerspective;
 148
 149 })(jQuery);