1 files changed, 120 insertions, 0 deletions

diff --git a/js/io/ui/file-picker/file-input-field.reel/file-input-field.js b/js/io/ui/file-picker/file-input-field.reel/file-input-field.js
new file mode 100755
index 00000000..235be8ad
--- /dev/null
+++ b/js/io/ui/file-picker/file-input-field.reel/file-input-field.js
@@ -0,0 +1,120 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+var FileInputField = exports.FileInputField = Montage.create(Component, {
+
+        hasReel: {
+        value: true
+    },
+
+    willDraw: {
+        enumerable: false,
+        value: function() {}
+    },
+    draw: {
+        enumerable: false,
+        value: function() {}
+    },
+    didDraw: {
+        enumerable: false,
+        value: function() {
+            var that = this;
+            this.findDirectory.identifier = "findDirectory";
+            this.findDirectory.addEventListener("click", function(evt){that.handleFindDirectoryClick(evt);}, false);
+
+            this.eventManager.addEventListener("pickerSelectionsDone", function(evt){that.handleFileInputPickerSelectionsDone(evt);}, false);
+
+            this.newFileDirectory.addEventListener("keyup", function(evt){that.handleNewFileDirectoryOnkeyup(evt);}, false);
+        }
+    },
+
+    /**
+     * Either selectDirectory OR selectFile can be true
+     * If both are false then the file picker will default to file selection mode
+     */
+
+    selectDirectory:{
+        writable: true,
+        enumerable:false,
+        value: false
+    },
+
+    pickerName:{
+        writable: true,
+        enumerable:false,
+        value: null
+    },
+
+    selectFile:{
+        writable: true,
+        enumerable:false,
+        value: false
+    },
+
+
+    handleFindDirectoryClick: {
+        value: function(evt){
+            var openFilePicker = document.createEvent("Events");
+            openFilePicker.initEvent("openFilePicker", false, false);
+            var settings = {};
+            if(this.selectDirectory === true){
+                settings.inFileMode = false;
+                settings.pickerName = this.pickerName || "newFileDirectorySelector";
+            }else{
+                settings.inFileMode = true;
+                settings.pickerName = this.pickerName || "fileSelector";
+            }
+            settings.callback = this.filePickerCallback.bind(this);
+            openFilePicker.settings = settings;
+            this.eventManager.dispatchEvent(openFilePicker);
+        }
+    },
+
+    handleNewFileDirectoryOnkeyup:{
+          value:function(evt){
+              if(this.newFileDirectory.value !== ""){
+                  var newFileDirectorySetEvent = document.createEvent("Events");
+                  newFileDirectorySetEvent.initEvent("newFileDirectorySet", false, false);
+                  newFileDirectorySetEvent.newFileDirectory = this.newFileDirectory.value;
+                  this.eventManager.dispatchEvent(newFileDirectorySetEvent);
+              }
+          }
+    },
+
+    handleFileInputPickerSelectionsDone:{
+        value: function(evt){
+            var selectedUri = "";
+            if(!!evt._event.selectedItems && evt._event.selectedItems.length > 0){
+                selectedUri = evt._event.selectedItems[0];
+                this.newFileDirectory.value = selectedUri;
+
+                var newFileDirectorySetEvent = document.createEvent("Events");
+                  newFileDirectorySetEvent.initEvent("newFileDirectorySet", false, false);
+                  newFileDirectorySetEvent.newFileDirectory = this.newFileDirectory.value;
+                  this.eventManager.dispatchEvent(newFileDirectorySetEvent);
+            }
+        }
+    },
+
+    filePickerCallback:{
+        value: function(obj){
+            var selectedUri = "";
+            if(!!obj && obj.uri && obj.uri.length > 0){
+                selectedUri = obj.uri[0];
+                this.newFileDirectory.value = selectedUri;
+
+                var newFileDirectorySetEvent = document.createEvent("Events");
+                  newFileDirectorySetEvent.initEvent("newFileDirectorySet", false, false);
+                  newFileDirectorySetEvent.newFileDirectory = this.newFileDirectory.value;
+                  this.eventManager.dispatchEvent(newFileDirectorySetEvent);
+            }
+        }
+    }
+
+});
\ No newline at end of file