web_frontend/file.js

   1 //
   2 // Armadillo File Manager
   3 // Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
   4 //
   5 // This program is free software: you can redistribute it and/or modify it under
   6 // the terms of the GNU General Public License as published by the Free Software
   7 // Foundation, either version 3 of the License, or any later version.
   8 //
   9
  10 goog.provide('armadillo.File');
  11
  12 goog.require('goog.Disposable');
  13 goog.require('goog.dom');
  14
  15 /**
  16  * A file in a directory listing.
  17  * @param  {string}  File name.
  18  * @constructor
  19  */
  20 armadillo.File = function(name) {
  21   goog.Disposable.call(this);
  22   this.name_ = name;
  23   this.isDirectory_ = app.isDirectory(name);
  24 };
  25 goog.inherits(armadillo.File, goog.Disposable);
  26
  27 /**
  28  * Disposer
  29  * @protected
  30  */
  31 goog.Disposable.prototype.disposeInternal = function() {
  32   armadillo.File.superClass_.disposeInternal.call(this);
  33   this.element_ = null;
  34   goog.events.unlistenByKey(this.clickListener_);
  35   goog.events.unlistenByKey(this.mouseOverListener_);
  36   goog.events.unlistenByKey(this.mouseOutListener_);
  37   this.button_ = null;
  38   goog.events.unlistenByKey(this.buttonListener_);
  39 };
  40
  41 /**
  42  * Constructs the Elements that make up the UI.
  43  * @returns  {Element}  An element ready for insertion into DOM.
  44  */
  45 armadillo.File.prototype.draw = function() {
  46   // Create the element if it does not exist.  If it does, remove all children.
  47   if (!this.element_) {
  48     this.element_ = goog.dom.createElement('li');
  49     this.element_.representedObject = this;
  50     this.clickListener_ = goog.events.listen(this.element_,
  51         goog.events.EventType.CLICK, this.clickHandler_, false, this);
  52     this.mouseOverListener_ = goog.events.listen(this.element_,
  53         goog.events.EventType.MOUSEOVER, this.hoverHandler_, false, this);
  54     this.mouseOutListener_ = goog.events.listen(this.element_,
  55         goog.events.EventType.MOUSEOUT, this.hoverHandler_, false, this);
  56   }
  57   goog.dom.removeChildren(this.element_);
  58
  59   // Set the name of the entry.
  60   goog.dom.setTextContent(this.element_, this.name_);
  61
  62   // Create the edit button.
  63   this.button_ = goog.dom.createElement('button');
  64   goog.dom.setTextContent(this.button_, 'Edit');
  65   goog.dom.appendChild(this.element_, this.button_);
  66   this.button_.style.display = 'none';
  67
  68   this.buttonListener_ = goog.events.listen(this.button_,
  69       goog.events.EventType.CLICK, this.buttonClickHandler_, false, this);
  70
  71   return this.element_;
  72 };
  73
  74 /**
  75  * Click handler for the list element.
  76  * @param  {Event}  e
  77  */
  78 armadillo.File.prototype.clickHandler_ = function(e) {
  79   if (this.isDirectory_) {
  80     app.navigate(this.name_);
  81   }
  82 };
  83
  84 /**
  85  * Hover event handler for the list element.  This can handle both mouseover
  86  * and mouseout events.
  87  * @param  {Event} e
  88  */
  89 armadillo.File.prototype.hoverHandler_ = function(e) {
  90   var display = (e.type == goog.events.EventType.MOUSEOVER);
  91   this.button_.style.display = (display ? '' : 'none');
  92 };
  93
  94 /**
  95  * Click handler for the button element.
  96  * @param  {Event}  e
  97  */
  98 armadillo.File.prototype.buttonClickHandler_ = function(e) {
  99   e.stopPropagation();
 100   alert('choose your bidding');
 101 };