From 68ddc25a3ce2e66089de711514729d299458f389 Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Mon, 26 Dec 2011 17:31:33 -0500
Subject: [PATCH] Rewrite the path menus in jQuery

---
 web_frontend/actor.js        |  2 +-
 web_frontend/path_control.js | 60 ++++++++++--------------------------
 2 files changed, 17 insertions(+), 45 deletions(-)

diff --git a/web_frontend/actor.js b/web_frontend/actor.js
index 86a9ea6..8925dbe 100644
--- a/web_frontend/actor.js
+++ b/web_frontend/actor.js
@@ -1,6 +1,6 @@
 //
 // Armadillo File Manager
-// Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
+// Copyright (c) 2010-2011, Robert Sesek <http://www.bluestatic.org>
 // 
 // This program is free software: you can redistribute it and/or modify it under
 // the terms of the GNU General Public License as published by the Free Software
diff --git a/web_frontend/path_control.js b/web_frontend/path_control.js
index 7e4f792..a45517c 100644
--- a/web_frontend/path_control.js
+++ b/web_frontend/path_control.js
@@ -1,6 +1,6 @@
 //
 // Armadillo File Manager
-// Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
+// Copyright (c) 2010-2011, Robert Sesek <http://www.bluestatic.org>
 // 
 // This program is free software: you can redistribute it and/or modify it under
 // the terms of the GNU General Public License as published by the Free Software
@@ -10,11 +10,6 @@
 goog.provide('armadillo.PathControl');
 
 goog.require('goog.array');
-goog.require('goog.ui.Control');
-goog.require('goog.ui.FilteredMenu');
-goog.require('goog.ui.LabelInput');
-goog.require('goog.ui.MenuButton');
-goog.require('goog.ui.MenuItem');
 
 /**
  * Creates a new path editing control for a given path.
@@ -24,8 +19,6 @@ goog.require('goog.ui.MenuItem');
  * @constructor
  */
 armadillo.PathControl = function(path, editLastComponent, opt_domHelper) {
-  goog.ui.Control.call(this, opt_domHelper);
-
   /**
    * Full path of the control.
    * @type  {string}
@@ -50,25 +43,6 @@ armadillo.PathControl = function(path, editLastComponent, opt_domHelper) {
    * @type  {goog.ui.Control}
    */
   this.nameControl_ = null;
-
-  /**
-   * Event Handler
-   * @type  {goog.events.EventHandler}
-   */
-  this.eh_ = new goog.events.EventHandler();
-};
-goog.inherits(armadillo.PathControl, goog.ui.Control);
-
-/**
- * Disposer
- * @protected
- */
-armadillo.PathControl.prototype.disposeInternal = function() {
-  armadillo.PathControl.superClass_.disposeInternal.call(this);
-  this.nameControl_ = null;
-
-  this.eh_.dispose();
-  this.eh_ = null;
 };
 
 /**
@@ -158,19 +132,16 @@ armadillo.PathControl.prototype.enterDocument = function() {
  * @param  {string}  name  The current component after |path|.
  */
 armadillo.PathControl.prototype.createComponentNode_ = function(path, name) {
-  var menu = new goog.ui.FilteredMenu();
-  menu.setFilterLabel(name);
-  menu.setAllowMultiple(false);
-  menu.setOpenFollowsHighlight(true);
-  goog.events.listen(menu, goog.ui.Component.EventType.ACTION,
-      this.componentChanged_, false, this);
+  var menu = $.createDom('select');
   this.fetchMenuContents_(path, name, menu);
 
-  var button = new goog.ui.MenuButton(name, menu, null, this.dom_);
-  button.setFocusablePopupMenu(true);
-  button.setScrollOnOverflow(true);
-  button.setVisible(true);
-  return button;
+  var option = $.createDom('option');
+  option.text(name).attr('selected', 'selected');
+
+  menu.append(option);
+  menu.change(this.componentChanged_.bind(this));
+
+  return menu;
 };
 
 /**
@@ -192,16 +163,17 @@ armadillo.PathControl.prototype.fetchMenuContents_ = function(path, name, menu)
       // moving items.
       goog.array.insertAt(data, '/', 0);
     }
+    menu.empty();
     $.each(data, function (i, caption) {
       // It only makes sense to be able to move into directories.
       if (!app.isDirectory(caption)) {
         return;
       }
-      var item = new goog.ui.MenuItem(caption);
-      item.setValue(app.joinPath(path, name, caption));
-      menu.addItem(item);
+      var item = $.createDom('option');
+      item.val(app.joinPath(path, name, caption)).text(caption);
+      menu.append(item);
       if (caption == name) {
-        menu.setHighlighted(item);
+        item.attr('selected', 'selected');
       }
     });
   };
@@ -213,8 +185,8 @@ armadillo.PathControl.prototype.fetchMenuContents_ = function(path, name, menu)
  * @param  {Event}  e
  */
 armadillo.PathControl.prototype.componentChanged_ = function(e) {
-  this.path_ = e.target.getValue();
-  this.element_.clear();
+  this.path_ = $(e.target).val();
+  this.element_.empty();
   this.decorateInternal(this.element_);
 };
 
-- 
2.22.5