* Removed some unused JS.
[redakcja.git] / platforma / static / js / views / gallery.js
diff --git a/platforma/static/js/views/gallery.js b/platforma/static/js/views/gallery.js
deleted file mode 100644 (file)
index d3398ce..0000000
+++ /dev/null
@@ -1,334 +0,0 @@
-/*global View render_template panels */
-var ImageGalleryView = View.extend({
-  _className: 'ImageGalleryView',
-  element: null,
-  model: null,
-  currentPage: -1,
-  pageZoom: 1.0,
-  template: 'image-gallery-view-template',
-  
-  init: function(element, model, parent, template) 
-  {    
-    console.log("init for gallery");
-    this._super(element, model, template);
-    this.parent = parent;
-
-    console.log("gallery model", this.model);
-       
-    this.model
-      .addObserver(this, 'data', this.modelDataChanged.bind(this))
-      .addObserver(this, 'state', this.modelStateChanged.bind(this));
-   
-    //$('.image-gallery-view', this.element).html(this.model.get('data'));
-    this.modelStateChanged('state', this.model.get('state'));
-    this.model.load();    
-  },
-  
-  modelDataChanged: function(property, value) 
-  {   
-    console.log(this.model.get('state'), value, value.length);
-    if ((this.model.get('state') == 'synced') && (value.length == 0)) {
-      console.log('tutaj');
-      this.render('image-gallery-empty-template');
-    } else {
-      this.render();
-      this.gotoPage(this.currentPage);
-    }
-  },
-
-  gotoPage: function(index) 
-  {
-     if (index < 0) 
-         index = 0;
-    
-     var n = this.$pages.length;
-     if (index >= n) index = n-1;
-
-     if( (this.currentPage == index) )
-         return;
-
-     var cpage = this.$currentPage();
-
-     if(cpage) {
-         var offset = this.pageViewOffset(cpage);
-         this.cleanPage(cpage);
-     }
-     
-     this.currentPage = index;
-
-     cpage = this.$currentPage()
-     this.renderImage(cpage);
-
-     if(offset) {
-         cpage.css({top: offset.y, left: offset.x});
-     }
-
-     var self = this;
-     $('img', cpage).bind('load', function() {
-        if(offset)
-             self.setPageViewOffset(cpage, offset);
-     });
-     
-     cpage.show();
-
-     if(this.currentPage == n-1)
-          this.$nextButton.attr('disabled', 'disabled');
-     else
-          this.$nextButton.removeAttr('disabled');
-
-      if(this.currentPage == 0)
-          this.$prevButton.attr('disabled', 'disabled');
-      else
-          this.$prevButton.removeAttr('disabled');
-
-      this.$pageInput.val( (this.currentPage+1) );
-  },
-  
-  reload: function() {},
-  
-  modelStateChanged: function(property, value) {   
-    if (value == 'loading') {
-      this.freeze('Ɓadowanie...');
-    } else {
-      if ((value == 'synced') && (this.model.get('data').length == 0)) {
-        this.render('image-gallery-empty-template');
-      }
-      this.unfreeze();
-    }
-  },
-
-  $currentPage: function() {
-      if(this.currentPage >= 0 && this.currentPage < this.$pages.length)
-          return $(this.$pages[this.currentPage]);
-      else
-          return undefined;
-  },    
-
-  cleanPage: function($page) {
-    $page.hide();
-    $('img', $page).unbind();
-    
-    $page.empty();    
-    this.setPageViewOffset($page, {x:0, y:0});
-  },
-
-  pageDragStart: function(event)
-  {      
-      this.dragStart = {x: event.clientX, y: event.clientY};
-      $(window).bind('mousemove.imagedrag', this.pageDrag.bind(this));
-      $(window).bind('mouseup.imagedrag', this.pageDragStop.bind(this));
-      
-      this.$currentPage().css('cursor', 'move');
-
-      return false;
-  },
-
-  pageDrag: function(event)
-  {
-      if(!this.dragStart) return;
-
-      var delta = {
-           x: this.dragStart.x - event.clientX,
-           y: this.dragStart.y - event.clientY };     
-
-      var offset = this.pageViewOffset( $(this.$pages[this.currentPage]) );
-      offset.x -= delta.x;
-      offset.y -= delta.y;
-      this.setPageViewOffset( $(this.$pages[this.currentPage]), offset);
-      
-      this.dragStart = {x: event.clientX, y: event.clientY };     
-      return false;
-  },
-
-  pageDragStop: function(event) {
-      this.$currentPage().css('cursor', 'auto');
-
-      this.dragStart = undefined;
-      $(window).unbind('mousemove.imagedrag');
-      $(window).unbind('mouseup.imagedrag');
-
-      return false;
-  },
-
-  pageViewOffset: function($page) {
-      var left = parseInt($page.css('left'));
-      var top = parseInt($page.css('top'));
-
-      return {x: left, y: top};
-  },
-
-  setPageViewOffset: function($page, offset) {
-      // check if the image will be actually visible
-      // and correct
-      var MARGIN = 30;
-
-
-      var vp_width = this.$pageListRoot.width();
-      var vp_height = this.$pageListRoot.height();
-      
-      var width = $page.outerWidth();
-      var height = $page.outerHeight();
-
-      // console.log(offset, vp_width, vp_height, width, height);
-      if( offset.x+width-MARGIN < 0 ) {
-        // console.log('too much on the left', offset.x, -width)
-        offset.x = -width+MARGIN;
-      }
-      
-      // too much on the right
-      if( offset.x > vp_width-MARGIN) {
-          offset.x = vp_width-MARGIN;
-          // console.log('too much on the right', offset.x, vp_width, width)
-      }
-      
-      if( offset.y+height-MARGIN < 0)
-        offset.y = -height+MARGIN;      
-
-      if( offset.y > vp_height-MARGIN)
-          offset.y = vp_height-MARGIN;               
-      
-      $page.css({left: offset.x, top: offset.y});           
-  },
-
-  reload: function() {
-    this.model.load(true);
-  },
-  
-  renderImage: function(target) 
-  {
-      var source = target.attr('ui:model');
-      var orig_width = parseInt(target.attr('ui:width'));
-      var orig_height = parseInt(target.attr('ui:height'));
-
-      target.html('<img src="' + source
-           + '" width="' + Math.floor(orig_width * this.pageZoom)
-           + '" height="' + Math.floor(orig_height * this.pageZoom)
-           + '" />');
-       
-      $('img', target).
-        css({
-            'user-select': 'none',
-            '-webkit-user-select': 'none',
-            '-khtml-user-select': 'none',
-            '-moz-user-select': 'none'
-        }).
-        attr('unselectable', 'on').
-        mousedown(this.pageDragStart.bind(this));    
-  },
-
-  render: function(template) 
-  {
-    if(!this.model) return;            
-    
-    /* first unbind all */    
-    if(this.$nextButton) this.$nextButton.unbind();
-    if(this.$prevButton) this.$prevButton.unbind();
-    if(this.$jumpButton) this.$jumpButton.unbind();
-    if(this.$pageInput) this.$pageInput.unbind();
-
-    if(this.$zoomInButton) this.$zoomInButton.unbind();
-    if(this.$zoomOutButton) this.$zoomOutButton.unbind();
-    if(this.$zoomResetButton) this.$zoomResetButton.unbind();
-    
-    if (!template) {
-      /* render */
-      this._super();
-      
-      /* fetch important parts */
-      this.$pageListRoot = $('.image-gallery-page-list', this.element);
-      this.$pages = $('.image-gallery-page-container', this.$pageListRoot);
-
-      this.$nextButton = $('.image-gallery-next-button', this.element);
-      this.$prevButton = $('.image-gallery-prev-button', this.element);
-      this.$pageInput = $('.image-gallery-current-page', this.element);
-
-      // this.$zoomSelect = $('.image-gallery-current-zoom', this.element);
-      this.$zoomInButton = $('.image-gallery-zoom-in', this.element);
-      this.$zoomOutButton = $('.image-gallery-zoom-out', this.element);
-      this.$zoomResetButton = $('.image-gallery-zoom-reset', this.element);
-
-      /* re-bind events */
-      this.$nextButton.click( this.nextPage.bind(this) );
-      this.$prevButton.click( this.prevPage.bind(this) );
-      this.$pageInput.change( this.jumpToPage.bind(this) );
-
-      // this.$zoomSelect.change( this.zoomChanged.bind(this) );
-      this.$zoomInButton.click( this.zoomInOneStep.bind(this) );
-      this.$zoomOutButton.click( this.zoomOutOneStep.bind(this) );
-      this.$zoomResetButton.click( this.zoomReset.bind(this) );
-
-      this.gotoPage(this.currentPage);
-      this.changePageZoom(this.pageZoom);
-    } else {
-      this._super(template);
-    }
-  },
-
-  jumpToPage: function() {     
-        this.gotoPage(parseInt(this.$pageInput.val())-1);
-  },
-  
-  nextPage: function() {
-      this.gotoPage(this.currentPage + 1);    
-  },
-
-  prevPage: function() {
-      this.gotoPage(this.currentPage - 1);
-  },
-
-  zoomReset: function() {
-      this.changePageZoom(1.0);
-  },
-
-  zoomInOneStep: function() {
-      var zoom = this.pageZoom + 0.1;
-      if(zoom > 3.0) zoom = 3.0;
-      this.changePageZoom(zoom);
-  },
-
-  zoomOutOneStep: function() {
-      var zoom = this.pageZoom - 0.1;
-      if(zoom < 0.3) zoom = 0.3;
-      this.changePageZoom(zoom);
-  },
-
-  changePageZoom: function(value) {
-      var current = this.$currentPage();
-
-      if(!current) return;
-
-      var alpha = value/this.pageZoom;
-      this.pageZoom = value;
-
-      var nwidth = current.attr('ui:width') * this.pageZoom;
-      var nheight = current.attr('ui:height') * this.pageZoom;
-      var off_top = parseInt(current.css('top'));
-      var off_left = parseInt(current.css('left'));
-      
-      var vpx = this.$pageListRoot.width() * 0.5;
-      var vpy = this.$pageListRoot.height() * 0.5;
-      
-      var new_off_left = vpx - alpha*(vpx-off_left);
-      var new_off_top = vpy - alpha*(vpy-off_top);
-                 
-      $('img', current).attr('width', nwidth);
-      $('img', current).attr('height', nheight);
-      
-      this.setPageViewOffset(current, {
-          y: new_off_top, x: new_off_left
-      });
-
-      // this.$zoomSelect.val(this.pageZoom);
-      // console.log('Zoom is now', this.pageZoom);
-  },
-  
-  dispose: function()
-  {
-      console.log("Disposing gallery.");
-      this.model.removeObserver(this);
-      this._super();
-  }
-});
-
-// Register view
-panels['gallery'] = ImageGalleryView;
\ No newline at end of file