X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/7aa07c7bcc96b144ed562f58dde3dce717524985..97059a831f2e7ac44ccfacde3950cc2561c539ee:/project/static/js/views/view.js?ds=inline
diff --git a/project/static/js/views/view.js b/project/static/js/views/view.js
index 6e7eaaa1..e9ff938e 100644
--- a/project/static/js/views/view.js
+++ b/project/static/js/views/view.js
@@ -1,86 +1,90 @@
/*globals Editor render_template*/
var View = Editor.Object.extend({
- _className: 'View',
- element: null,
- model: null,
- template: null,
- overlayClass: 'view-overlay',
- overlay: null,
+ _className: 'View',
+ element: null,
+ model: null,
+ template: null,
+ overlayClass: 'view-overlay',
+ overlay: null,
- init: function(element, model, template)
- {
- console.log("init for view");
- this.element = $(element);
- this.model = model;
- this.template = template || this.template;
+ init: function(element, model, template)
+ {
+ console.log("init for view");
+ this.element = $(element);
+ this.model = model;
+ this.template = template || this.template;
- if (this.template) this.render();
+ if (this.template) this.render();
- this._resizeHandler = this.resized.bind(this);
- $(window).bind('resize', this._resizeHandler);
- $(this.element).bind('resize', this._resizeHandler);
- },
+ this._resizeHandler = this.resized.bind(this);
+ $(window).bind('resize', this._resizeHandler);
+ $(this.element).bind('resize', this._resizeHandler);
+ },
- render: function() {
- console.log('rendering:', this._className);
- this.element.html(render_template(this.template, this));
- },
+ render: function() {
+ console.log('rendering:', this._className);
+ this.element.html(render_template(this.template, this));
+ },
- frozen: function() {
- return !!this.overlay;
- },
+ frozen: function() {
+ return !!this.overlay;
+ },
- freeze: function(message) {
- this.overlay = this.overlay
- || $('
')
- .addClass(this.overlayClass)
- .css({
- position: 'absolute',
- width: this.element.width(),
- height: this.element.height(),
- top: this.element.position().top,
- left: this.element.position().left,
- 'user-select': 'none',
- '-webkit-user-select': 'none',
- '-khtml-user-select': 'none',
- '-moz-user-select': 'none',
- overflow: 'hidden'
- })
- .attr('unselectable', 'on')
- .appendTo(this.element.parent());
+ freeze: function(message) {
+ if (this.frozen()) {
+ this.unfreeze();
+ }
+ this.overlay = this.overlay
+ || $('')
+ .addClass(this.overlayClass)
+ .css({
+ position: 'absolute',
+ width: this.element.width(),
+ height: this.element.height(),
+ top: this.element.position().top,
+ left: this.element.position().left,
+ 'user-select': 'none',
+ '-webkit-user-select': 'none',
+ '-khtml-user-select': 'none',
+ '-moz-user-select': 'none',
+ overflow: 'hidden'
+ })
+ .attr('unselectable', 'on')
+ .appendTo(this.element.parent());
- this.overlay.children('div').css({
- position: 'relative',
- top: this.overlay.height() / 2 - 20
- });
- },
+ this.overlay.children('div').css({
+ position: 'relative',
+ top: this.overlay.height() / 2 - 20
+ });
+ },
- unfreeze: function() {
- if (this.frozen()) {
- this.overlay.remove();
- this.overlay = null;
- }
- },
+ unfreeze: function() {
+ if (this.frozen()) {
+ this.overlay.remove();
+ this.overlay = null;
+ }
+ },
- resized: function(event) {
- if (this.frozen()) {
- this.overlay.css({
- position: 'absolute',
- width: this.element.width(),
- height: this.element.height(),
- top: this.element.position().top,
- left: this.element.position().left
- }).children('div').css({
- position: 'relative',
- top: this.overlay.height() / 2 - 20
- });
- }
- },
+ resized: function(event) {
+ if (this.frozen()) {
+ this.overlay.css({
+ position: 'absolute',
+ width: this.element.width(),
+ height: this.element.height(),
+ top: this.element.position().top,
+ left: this.element.position().left
+ }).children('div').css({
+ position: 'relative',
+ top: this.overlay.height() / 2 - 20
+ });
+ }
+ },
- dispose: function() {
- $(window).unbind('resize', this._resizeHandler);
- $(this.element).unbind('resize', this._resizeHandler);
- this.unfreeze();
- this.element.contents().remove();
- }
+ dispose: function() {
+ console.log('disposing:', this._className);
+ $(window).unbind('resize', this._resizeHandler);
+ $(this.element).unbind('resize', this._resizeHandler);
+ this.unfreeze();
+ this.element.html('');
+ }
});