X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/0ac983162763199b07270a9a675e22672d4462ce..213b1af47b5f2c279db50304d318eb972289e3aa:/project/static/js/views/view.js
diff --git a/project/static/js/views/view.js b/project/static/js/views/view.js
index 59b339f7..e9ff938e 100644
--- a/project/static/js/views/view.js
+++ b/project/static/js/views/view.js
@@ -1,65 +1,90 @@
/*globals Editor render_template*/
var View = Editor.Object.extend({
- element: null,
- model: null,
- template: null,
- overlayClass: 'view-overlay',
- overlay: null,
- id: null,
+ _className: 'View',
+ element: null,
+ model: null,
+ template: null,
+ overlayClass: 'view-overlay',
+ overlay: null,
- init: function(element, model, template) {
- 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.element.html(render_template(this.template, this));
- }
-
- View.lastId = View.lastId + 1;
- this.id = 'view-' + View.lastId;
- },
-
- // IdentycznoÅÄ
- hash: function() {
+ if (this.template) this.render();
- },
+ 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));
+ },
- 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
- })
- .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;
+ }
+ },
- dispose: function() {
- this.unfreeze();
- this.element.contents().remove();
- }
+ 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() {
+ console.log('disposing:', this._className);
+ $(window).unbind('resize', this._resizeHandler);
+ $(this.element).unbind('resize', this._resizeHandler);
+ this.unfreeze();
+ this.element.html('');
+ }
});
-
-
-View.lastId = 0;