1 files changed, 196 insertions, 0 deletions

diff --git a/js/io/ui/save-as-dialog.reel/save-as-dialog.js b/js/io/ui/save-as-dialog.reel/save-as-dialog.js
new file mode 100644
index 00000000..371aa9a7
--- /dev/null
+++ b/js/io/ui/save-as-dialog.reel/save-as-dialog.js
@@ -0,0 +1,196 @@
+/* <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,
+    nj= require("js/lib/NJUtils.js").NJUtils;
+
+var SaveAsDialog = exports.SaveAsDialog = Montage.create(Component, {
+
+        hasReel: {
+        value: true
+    },
+
+    fileName : {
+        enumerable: true,
+        writable: true,
+        value: ""
+    },
+
+    folderUri:{
+        enumerable: true,
+        writable: true,
+        value: ""
+    },
+
+    callback : {
+        enumerable: true,
+        writable: true,
+        value: null
+    },
+
+    callbackScope : {
+        enumerable: true,
+        writable: true,
+        value: null
+    },
+
+    willDraw: {
+        enumerable: false,
+        value: function() {}
+    },
+    draw: {
+        enumerable: false,
+        value: function() {}
+    },
+    didDraw: {
+        enumerable: false,
+        value: function() {
+            var self = this;
+            this.fileInputField.selectDirectory = true;
+            this.fileInputField.pickerName = "saveAsDirectoryPicker";
+            this.newFileName.value = this.fileName;
+            this.fileInputField.newFileDirectory.value = this.folderUri;
+
+            this.newFileName.addEventListener("blur", function(evt){self.handleNewFileNameOnblur(evt);}, false);
+            this.eventManager.addEventListener("newFileDirectorySet", function(evt){self.handleNewFileDirectorySet(evt);}, false);
+
+            this.enableOk();
+        }
+    },
+
+    handleNewFileDirectorySet:{
+         value:function(evt){
+             if(!!evt._event.newFileDirectory){
+                 this.folderUri = evt._event.newFileDirectory;
+                 if(this.folderUri !== ""){
+                     this.enableOk();
+                 }
+             }
+         }
+     },
+
+    handleNewFileNameOnblur:{
+          value:function(evt){
+              this.fileName = this.newFileName.value;
+              if(this.fileName !== ""){
+                  if(this.fileName !== ""){
+                      this.enableOk();
+                  }
+              }
+          }
+    },
+
+
+    enableOk:{
+        value: function(){
+            if(this.isValidFileName(this.fileName) && this.isValidUri(this.folderUri) && !this.checkFileExists(this.fileName, this.folderUri)){
+                this.okButton.removeAttribute("disabled");
+                this.error.innerHTML="";
+            }
+        }
+    },
+
+    handleCancelButtonAction :{
+        value:function(evt){
+            //clean up memory
+            //this.cleanup();
+
+            if(this.popup){
+                this.popup.hide();
+            }
+
+        }
+    },
+
+    handleOkButtonAction:{
+        value: function(evt){
+            var filename = this.fileName,
+                newFileDirectory = this.newFileDirectory,
+                success = true;
+            if(this.isValidFileName(this.fileName) && this.isValidUri(this.folderUri) && !this.checkFileExists(this.fileName, this.folderUri)){
+                try{
+                    //validate file name and folder path
+                    //check if file already exists
+                    if(!!this.callback && !!this.callbackScope){//inform document-controller if save successful
+                        this.callback.call(this.callbackScope, {"filename":filename, "destination": newFileDirectory});//document-controller api
+                    }else{
+                        //send save as event
+                        var saveAsEvent = document.createEvent("Events");
+                        saveAsEvent.initEvent("saveAsFile", false, false);
+                        saveAsEvent.saveAsOptions = {"filename":filename, "destination": newFileDirectory};
+                        this.eventManager.dispatchEvent(saveAsEvent);
+                    }
+                }catch(e){
+                        success = false;
+                        console.log("[ERROR] Failed to save:  "+ this.fileName + " at "+ this.newFileDirectory);
+                        console.log(e.stack);
+                }
+
+                if(success){
+                    //clean up memory
+                    //this.cleanup();
+
+                    if(this.popup){
+                        this.popup.hide();
+                    }
+                }
+            }else{
+                if(this.error.innerHTML !== ""){
+                    this.showError("! Name and Location should be valid.");
+                }
+                //disable ok
+                if(!this.okButton.hasAttribute("disabled")){
+                    this.okButton.setAttribute("disabled", "true");
+                }
+            }
+        }
+    },
+
+    isValidUri:{
+        value: function(uri){
+            var status= nj.isValidUri(uri);
+            if(uri !== ""){
+                if(!status){
+                    this.showError("! Invalid directory.");
+                }
+            }
+            return status;
+        }
+    },
+    isValidFileName:{
+        value: function(fileName){
+            var status = nj.isValidFileName(fileName);
+            if(fileName !== ""){
+                if(!status){
+                    this.showError("! Invalid file name.");
+                }
+            }
+            return status;
+        }
+    },
+    checkFileExists:{
+        value: function(fileUri, folderUri, fileType){
+            var status= this.application.ninja.coreIoApi.checkFileExists(fileUri, folderUri, fileType);
+            if(status){
+                this.showError("! File already exists.");
+            }
+            return status;
+        }
+    },
+
+    showError:{
+        value:function(errorString){
+            this.error.innerHTML = "";
+            this.error.innerHTML=errorString;
+            //disable ok
+            if(!this.okButton.hasAttribute("disabled")){
+                this.okButton.setAttribute("disabled", "true");
+            }
+        }
+    }
+
+});
\ No newline at end of file