X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/5913c54d19b8f6775633176032161d49f9b2f1aa..2dd9e6498b5e0bd5c0bd882db02be9768c34c019:/src/redakcja/static/js/wiki_img/view_editor_motifs.js diff --git a/src/redakcja/static/js/wiki_img/view_editor_motifs.js b/src/redakcja/static/js/wiki_img/view_editor_motifs.js index ad60c229..0a7e5d8d 100644 --- a/src/redakcja/static/js/wiki_img/view_editor_motifs.js +++ b/src/redakcja/static/js/wiki_img/view_editor_motifs.js @@ -1,59 +1,17 @@ (function($){ function MotifsPerspective(options){ - var old_callback = options.callback; options.callback = function(){ var self = this; + this.$editor = $("#motifs-editor"); + this.object_type_name = "motyw"; + this.xml_object_type = 'theme'; - self.$tag_name = $('#motifs-editor .tag-name'); - self.$toolbar = $('#motifs-editor .toolbar'); - self.$scrolled = $('#motifs-editor .scrolled'); - withThemes(function(canonThemes){ - self.$tag_name.autocomplete(canonThemes, { - autoFill: true, - multiple: true, - selectFirst: true, - highlight: false - }); - }) - - self.$objects_list = $('#motifs-editor .objects-list'); - - self.x1 = null; - self.x2 = null; - self.y1 = null; - self.y2 = null; - - if (!CurrentDocument.readonly) { - self.ias = $('#motifs-editor img.area-selectable').imgAreaSelect({ handles: true, onSelectEnd: self._fillCoords(self), instance: true }); - $('#motifs-editor .add').click(self._addObject(self)); + this._init(); - $('.delete', self.$objects_list).live('click', function() { - $(this).prev().trigger('click'); - if (window.confirm("Czy na pewno chcesz usunąć ten motyw?")) { - $(this).prev().remove(); - $(this).remove(); - self._refreshLayout(); - } - self._resetSelection(); - return false; - }); - } - - $('.image-object', self.$objects_list).live('click', function(){ - $('.active', self.$objects_list).removeClass('active'); - $(this).addClass('active'); - var coords = $(this).data('coords'); - if (coords) { - self.ias.setSelection.apply(self.ias, coords); - self.ias.setOptions({ show: true }); - } - else { - self._resetSelection(); - } - }); + $.themes.autocomplete(self.$tag_name); old_callback.call(this); }; @@ -61,97 +19,7 @@ $.wiki.Perspective.call(this, options); }; - MotifsPerspective.prototype = new $.wiki.Perspective(); - - MotifsPerspective.prototype.freezeState = function(){ - - }; - - MotifsPerspective.prototype._resetSelection = function() { - var self = this; - self.x1 = self.x2 = self.y1 = self.y2 = null; - self.ias.setOptions({ hide: true }); - } - - MotifsPerspective.prototype._refreshLayout = function() { - this.$scrolled.css({top: this.$toolbar.height()}); - }; - - MotifsPerspective.prototype._push = function(name, x1, y1, x2, y2) { - var $e = $('') - $e.text(name); - if (x1 !== null) - $e.data('coords', [x1, y1, x2, y2]); - this.$objects_list.append($e); - this.$objects_list.append('(x) '); - this._refreshLayout(); - } - - - MotifsPerspective.prototype._addObject = function(self) { - return function() { - outputs = []; - chunks = self.$tag_name.val().split(','); - for (i in chunks) { - item = chunks[i].trim(); - if (item == '') - continue; - outputs.push(item.trim()); - } - output = outputs.join(', '); - - self._push(output, self.x1, self.y1, self.x2, self.y2); - self._resetSelection(); - } - } - - MotifsPerspective.prototype._fillCoords = function(self) { - return function(img, selection) { - $('.active', self.$objects_list).removeClass('active'); - if (selection.x1 != selection.x2 && selection.y1 != selection.y2) { - self.x1 = selection.x1; - self.x2 = selection.x2; - self.y1 = selection.y1; - self.y2 = selection.y2; - } - else { - self.x1 = self.x2 = self.y1 = self.y2 = null; - } - } - } - - MotifsPerspective.prototype.onEnter = function(success, failure){ - var self = this; - this.$objects_list.children().remove(); - - $.each(this.doc.getImageItems('theme'), function(i, e) { - self._push.apply(self, e); - }); - - if (this.x1 !== null) - this.ias.setOptions({enable: true, show: true}); - else - this.ias.setOptions({enable: true}); - - $.wiki.Perspective.prototype.onEnter.call(this); - - }; - - MotifsPerspective.prototype.onExit = function(success, failure){ - var self = this; - var motifs = []; - this.$objects_list.children(".image-object").each(function(i, e) { - var args = $(e).data('coords'); - if (!args) - args = [null, null, null, null]; - args.unshift($(e).text()); - motifs.push(args); - }) - self.doc.setImageItems('theme', motifs); - - this.ias.setOptions({disable: true, hide: true}); - - }; + MotifsPerspective.prototype = new $.wiki.ObjectsPerspective(); $.wiki.MotifsPerspective = MotifsPerspective;