</div>
</div>
- <div style="position:relative; height: 100%;">
- <div class='scrolled'>
- <img src="{{ document.image.url }}" class='area-selectable' alt="Tagged image" />
- </div>
+ <div class='scrolled'>
+ <img src="{{ document.image.url }}" class='area-selectable' alt="Tagged image" />
</div>
</div>
var self = this;
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,
if (window.confirm("Czy na pewno chcesz usunąć ten motyw?")) {
$(this).prev().remove();
$(this).remove();
+ self._refreshLayout();
}
self._resetSelection();
return false;
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 = $('<span class="image-object"></span>')
$e.data('coords', [x1, y1, x2, y2]);
this.$objects_list.append($e);
this.$objects_list.append('<span class="delete">(x) </span>');
+ this._refreshLayout();
}
var self = this;
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;
if (window.confirm("Czy na pewno chcesz usunąć ten obiekt?")) {
$(this).prev().remove();
$(this).remove();
+ self._refreshLayout();
}
self._resetSelection();
return false;
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>')
$e.data('coords', [x1, y1, x2, y2]);
this.$objects_list.append($e);
this.$objects_list.append('<span class="delete">(x) </span>');
+ this._refreshLayout();
}