From 42f92402dfaaf9d6848e52e46aa252d425727c1f Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Sun, 3 Oct 2010 21:48:35 -0400
Subject: [PATCH] Create our own ModalDialog

---
 build.py                     |   1 +
 web_frontend/actor.js        |   5 ++
 web_frontend/modal_dialog.js | 101 +++++++++++++++++++++++++++++++++++
 3 files changed, 107 insertions(+)
 create mode 100644 web_frontend/modal_dialog.js

diff --git a/build.py b/build.py
index 6576229..525e389 100755
--- a/build.py
+++ b/build.py
@@ -37,6 +37,7 @@ SOURCES = [
 SOURCES_FE = [
   'version.js',
   'path_control.js',
+  'modal_dialog.js',
   'actor.js',
   'file.js',
   'main.js',
diff --git a/web_frontend/actor.js b/web_frontend/actor.js
index cf62cea..eb8f874 100644
--- a/web_frontend/actor.js
+++ b/web_frontend/actor.js
@@ -9,6 +9,7 @@
 
 goog.provide('armadillo.Actor');
 
+goog.require('armadillo.ModalDialog');
 goog.require('armadillo.PathControl');
 goog.require('goog.array');
 goog.require('goog.dom');
@@ -158,6 +159,10 @@ armadillo.Actor.prototype.tileClickHandler_ = function(e) {
     this.performMove_();
   } else if (option == armadillo.Actor.options_.DELETE) {
     this.performDelete_();
+  } else if (option == armadillo.Actor.options_.RENAME) {
+    var dialog = new armadillo.ModalDialog();
+    dialog.render();
+    dialog.setVisible(true);
   }
 };
 
diff --git a/web_frontend/modal_dialog.js b/web_frontend/modal_dialog.js
new file mode 100644
index 0000000..5b9cccb
--- /dev/null
+++ b/web_frontend/modal_dialog.js
@@ -0,0 +1,101 @@
+//
+// Armadillo File Manager
+// Copyright (c) 2010, 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
+// Foundation, either version 3 of the License, or any later version.
+//
+
+goog.provide('armadillo.ModalDialog');
+
+goog.require('goog.events.EventHandler');
+goog.require('goog.ui.Container');
+goog.require('goog.ui.Control');
+
+/**
+ * A modal dialog that does not use iframe masks, but instead installs a global
+ * event listener to prevent events.
+ * @param  {goog.ui.DomHelper}  opt_domHelper
+ * @constructor
+ */
+armadillo.ModalDialog = function(opt_domHelper) {
+  goog.ui.Container.call(this, null, null, opt_domHelper);
+
+  /**
+   * Master EventHandler
+   */
+  this.eh_ = new goog.events.EventHandler();
+};
+goog.inherits(armadillo.ModalDialog, goog.ui.Container);
+
+/**
+ * Disposer
+ * @private
+ */
+armadillo.ModalDialog.prototype.disposeInternal = function() {
+  armadillo.ModalDialog.superClass_.disposeInternal.call(this);
+  this.eh_.dispose();
+  this.eh_ = null;
+};
+
+/**
+ * @inheritsDoc
+ */
+armadillo.ModalDialog.prototype.createDom = function() {
+  this.decorateInternal(this.dom_.createElement('div'));
+};
+
+/**
+ * @inheritsDoc
+ */
+armadillo.ModalDialog.prototype.decorateInternal = function(element) {
+  this.element_ = element;
+
+  var close = new goog.ui.Control('Close Modal Dialog');
+  var dialog = this;
+  close.handleMouseDown = function(e) {
+    e.stopPropagation();
+    dialog.dispose();
+  };
+  this.addChild(close, true);
+};
+
+/**
+ * @inheritsDoc
+ */
+armadillo.ModalDialog.prototype.enterDocument = function() {
+  armadillo.ModalDialog.superClass_.enterDocument.call(this);
+  // Create an event sink that captures all browser event types.
+  var types = new Array();
+  for (type in goog.events.EventType) {
+    types.push(goog.events.EventType[type]);
+  }
+  this.eventSinkKey_ = this.eh_.listen(this.dom_.getWindow(),
+       types, this.eventSink_, true, this);
+};
+
+/**
+ * @inheritsDoc
+ */
+armadillo.ModalDialog.prototype.exitDocument = function() {
+  goog.events.unlistenByKey(this.eventSinkKey_);
+  this.eventSinkKey_ = null;
+};
+
+/**
+ * Every event that gets dispatched to the Window will first be evaluated by
+ * this memeber. If the event's target is not a child of the dialog, the event
+ * is cancelled.
+ * @param  {Event}  event
+ */
+armadillo.ModalDialog.prototype.eventSink_ = function(event) {
+  var target = event.target;
+  while (target) {
+    if (target == this.element_) {
+      return;
+    }
+    target = target.parentNode;
+  }
+  event.stopPropagation();
+};
-- 
2.22.5