From 0e595c4e11ce9b44eff157de8616ed15fcd5d6fc Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Thu, 2 Feb 2012 12:37:29 -0800
Subject: refactoring some file names and locations, change made to maintain
 only one codemirror div.

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/io/workflow/new-project-manager.js              | 136 --------
 .../new-file-location.reel/new-file-location.css   |  59 ----
 .../new-file-location.reel/new-file-location.html  |  90 -----
 .../new-file-location.reel/new-file-location.js    |  56 ---
 .../new-file-options-navigator.css                 | 156 ---------
 .../new-file-options-navigator.html                |  92 -----
 .../new-file-options-navigator.js                  | 378 ---------------------
 .../newFileDialog/new-file-workflow-controller.js  | 116 -------
 .../newFileDialog/new-file-workflow-model.js       | 146 --------
 js/io/workflow/newProjectNavigator.js              |  75 ----
 .../newProjectNavigator.css                        |  32 --
 .../newProjectNavigator.html                       |  32 --
 .../save-as-dialog.reel/save-as-dialog.css         | 100 ------
 .../save-as-dialog.reel/save-as-dialog.html        |  86 -----
 .../workflow/save-as-dialog.reel/save-as-dialog.js | 196 -----------
 15 files changed, 1750 deletions(-)
 delete mode 100755 js/io/workflow/new-project-manager.js
 delete mode 100755 js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css
 delete mode 100755 js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html
 delete mode 100755 js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js
 delete mode 100755 js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.css
 delete mode 100755 js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.html
 delete mode 100644 js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.js
 delete mode 100755 js/io/workflow/newFileDialog/new-file-workflow-controller.js
 delete mode 100755 js/io/workflow/newFileDialog/new-file-workflow-model.js
 delete mode 100755 js/io/workflow/newProjectNavigator.js
 delete mode 100755 js/io/workflow/newProjectNavigator.reel/newProjectNavigator.css
 delete mode 100755 js/io/workflow/newProjectNavigator.reel/newProjectNavigator.html
 delete mode 100644 js/io/workflow/save-as-dialog.reel/save-as-dialog.css
 delete mode 100644 js/io/workflow/save-as-dialog.reel/save-as-dialog.html
 delete mode 100644 js/io/workflow/save-as-dialog.reel/save-as-dialog.js

(limited to 'js/io/workflow')

diff --git a/js/io/workflow/new-project-manager.js b/js/io/workflow/new-project-manager.js
deleted file mode 100755
index 814d6d0e..00000000
--- a/js/io/workflow/new-project-manager.js
+++ /dev/null
@@ -1,136 +0,0 @@
-/* <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;
-var modalDialogModule = require("js/components/ui/modalDialog/modal-dialog-manager");
-var newProjectChoicesModule = require("js/io/workflow/newProjectNavigator");
-
-var newProjectManager = exports.NewProjectManager = Montage.create(Montage, {
-
-    /**
-     * will be used for any expensive init operation like loading a setting.xml
-     */
-    init:{
-        writable:false,
-        enumerable:true,
-        value: function(){}
-    },
-
-    /***
-     * for list mode every entry has an icon
-     * this object should be build at runtime with the data returned from io api
-     * this will be bound to the iconList Repetition
-     */
-    resource_data_listMode:{
-        writable: true,
-        enumerable:false,
-        value:{
-            "root":{
-                "name":"Project Type",
-                "uri":null,
-                "fileType":null,//for file type filter
-                "hasChilden":true,
-                "children":["newProject", "newFile", "newTemplate"],
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "newProject":{
-                "name":"New Project",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":true,
-                "children":["animation", "bannerAd", "montageComponent", "androidApp"],
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "newFile":{
-                "name":"New File",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":true,
-                "children":["html", "javascript", "css"],
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "newTemplate":{
-                "name":"New Template",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":true,
-                "children":["xoomApp", "website", "iosApp"],
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "bannerAd":{
-                "name":"Banner Ad",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":true,
-                "children":["176x208", "176x220", "208x320", "230x240"],
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "176x208":{
-                "name":"176x208",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":false,
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "176x220":{
-                "name":"176x220",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":false,
-                "hasIcon": false,
-                "iconUrl":null
-            },
-            "208x320":{
-                "name":"208x320",
-                "uri":null,
-                "fileType":null,
-                "hasChilden":false,
-                "hasIcon": false,
-                "iconUrl":null
-            }
-        }
-
-    },
-
-    /***
-     *
-     * Load project type selection component and populate a new modal dialog instance
-     */
-    showNewProjectDialog:{
-        writable:false,
-        enumerable:true,
-        value: function(){
-            var newProjectContent = document.createElement("div");
-            newProjectContent.id = "newProject";
-
-            //temporary width/height setting
-            newProjectContent.style.width = newProjectContent.style.height= "500px";// remove this hard code width/height
-            newProjectContent.style.color = "#fff";
-
-            //hack (elements needs to be on DOM to be drawn)
-            document.getElementById('modalContainer').appendChild(newProjectContent);
-
-            var newProjectChoices = newProjectChoicesModule.NewProjectNavigator.create();
-            newProjectChoices.element = newProjectContent;
-            newProjectChoices.needsDraw = true;
-
-            //hack - remove after rendering and add in modal dialog
-            document.getElementById('modalContainer').removeChild(newProjectContent);
-
-            modalDialogModule.ModalDialogMananger.init(document.getElementById('blockScreen'), document.getElementById('modalContainer'));
-            modalDialogModule.ModalDialogMananger.showModalDialog(null, "#2c2c2c", newProjectContent);//add content as input
-
-        }
-    }
-
-
-});
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css b/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css
deleted file mode 100755
index 7f11c225..00000000
--- a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/* <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> */
-
-.newfileLocation .newFileName{
-    width:70%;
-    margin-left:5px;
-}
-
-.newfileLocation .newFileDirectory{
-    width:70%;
-    margin-left:5px;
-}
-
-.newfileLocation .templateSelection{
-    float:left;
-    width:20%;
-    height:90%;
-    padding-right: 10px;
-}
-
-.newfileLocation .templateSelection .template{
-    width:80%;
-    height:60%;
-    background-color: #e1e1e1;
-    border:1px solid #000000;
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-}
-
-.newfileLocation .locationSelection{
-    float:left;
-    width:75%;
-}
-
-.newfileLocation .locationSelection div{
-    padding-bottom: 5px;
-}
-
-.newfileLocation .locationSelection input{
-    margin-left: 5px;
-    white-space: nowrap;
-}
-
-.newfileLocation .templatePx{
-    padding-left: 5px;
-    white-space: nowrap;
-}
-
-.newfileLocation .nameText{
-    margin-right:31px;
-}
-
-.newfileLocation .hottextunit{
-    float: none;
-    display: inline;
-}
-
diff --git a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html b/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html
deleted file mode 100755
index 7c271511..00000000
--- a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="new-file-location.css">
-    <script type="text/montage-serialization">
-    {
-        "hottextHeight": {
-            "module": "js/components/hottextunit.reel",
-            "name": "HotTextUnit",
-            "properties": {
-                "element": {"#": "templateHeight"},
-                "minValue":25,
-                "maxValue" :2000,
-                "stepSize" :5,
-                "acceptableUnits" : ["px"],
-                "units" : "px"
-            },
-            "bindings": {
-                "value": {
-                    "boundObject": {"@": "owner"},
-                    "boundObjectPropertyPath": "templateHeight",
-                    "oneway": false
-                }
-            }
-        },
-
-        "hottextWidth": {
-            "module": "js/components/hottextunit.reel",
-            "name": "HotTextUnit",
-            "properties": {
-                "element": {"#": "templateWidth"},
-                "minValue":25,
-                "maxValue" :2000,
-                "stepSize" :5,
-                "acceptableUnits" : ["px"],
-                "units" : "px"
-            },
-            "bindings": {
-                "value": {
-                    "boundObject": {"@": "owner"},
-                    "boundObjectPropertyPath": "templateWidth",
-                    "oneway": false
-                }
-            }
-        },
-
-        "fileInputField":{
-            "module": "js/components/ui/FilePicker/file-input-field.reel",
-            "name": "FileInputField",
-            "properties": {
-                "element": {"#": "fileInputField"}
-            }
-        },
-
-        "owner":{
-            "module": "js/io/workflow/newFileDialog/new-file-location.reel",
-            "name": "NewFileLocation",
-            "properties": {
-                "element": {"#": "newfileLocation"},
-                "fileInputField": {"@": "fileInputField"},
-                "newFileName": {"#": "newFileName"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-<div id="newfileLocation" class="newfileLocation">
-    <div class="templateSelection">
-        <div class="template"></div>
-    </div>
-    <div class="locationSelection">
-        <div><span class="nameText">NAME:</span><input id="newFileName" class="nj-skinned newFileName" type="search" value="" /></div>
-        <div>
-            <span>DIRECTORY:</span>
-            <div id="fileInputField"></div>
-        </div>
-        <br />
-        <div><span>WIDTH:</span><span class="templatePx" id="templateWidth"></span></div>
-        <div><span>HEIGHT:</span><span class="templatePx" id="templateHeight"></span></div>
-    </div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js b/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js
deleted file mode 100755
index 805b44a4..00000000
--- a/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-var newFileWorkflowControllerModule = require("js/io/workflow/newFileDialog/new-file-workflow-controller");
-
-var NewFileLocation = exports.NewFileLocation = Montage.create(Component, {
-
-    templateHeight:{
-        enumerable: true,
-        value:"25 px"
-    },
-
-    templateWidth:{
-        enumerable: true,
-        value:"25 px"
-    },
-
-    willDraw: {
-       	enumerable: false,
-       	value: function() {}
-       },
-
-    draw: {
-       	enumerable: false,
-       	value: function() {}
-    },
-
-    didDraw: {
-       	enumerable: false,
-        value: function() {
-            var that=this;
-
-            this.fileInputField.selectDirectory = true;
-
-            this.newFileName.addEventListener("blur", function(evt){that.handleNewFileNameOnblur(evt);}, false);
-    }
-
-    },
-
-    handleNewFileNameOnblur:{
-          value:function(evt){
-              if(this.newFileName.value !== ""){
-                  var newFileNameSetEvent = document.createEvent("Events");
-                  newFileNameSetEvent.initEvent("newFileNameSet", false, false);
-                  newFileNameSetEvent.newFileName = this.newFileName.value;
-                  this.eventManager.dispatchEvent(newFileNameSetEvent);
-              }
-          }
-    }
-
-});
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.css b/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.css
deleted file mode 100755
index 7ef6d2ce..00000000
--- a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.css
+++ /dev/null
@@ -1,156 +0,0 @@
-/* <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> */
-
-.newfile{
-    font-size:12px;
-    width:650px;
-    height:350px;
-    padding-left: 15px;
-    padding-bottom:25px;
-    background-color:#313131;
-    color:#ffffff;
-}
-
-.newfile .title{
-    font-size:14px;
-    height:15px;
-    padding:5px;
-    text-align: center;
-    font-weight: bold;
-    color: #C1C1C1;
-}
-
-.newfile .container{
-    border: 1px groove #000000;
-    overflow: auto;
-    background-color:#5f5f5f;
-}
-
-.newfile .left-nav{
-    float:left;
-    width:27%;
-    height:90%;
-    overflow-x:auto;
-    overflow-y:auto
-}
-
-.newfile .right-nav{
-    float:left;
-    width:70%;
-    height:90%;
-    overflow: hidden;
-}
-
-.newfile .right-top{
-    border: 1px groove #000000;
-    overflow: auto;
-    min-height:150px;
-    height:58%;
-    width:auto;
-    padding:5px;
-}
-
-.newfile .right-bottom{
-    border: 1px groove #000000;
-    overflow: auto;
-    height:42%;
-    padding: 15px;
-}
-
-.newfile .projectTypeHeader{
-    border-bottom:1px solid #000000;
-    padding:5px;
-    text-align: center;
-    font-weight: bold;
-}
-
-.newfile .buttons{
-    float:right;
-    margin-top: 7px;
-}
-
-.newfile .errorMsg{
-    float:left;
-    margin-top: 7px;
-}
-.newfile .errorMsg span{
-    color: #BF3B3B;
-}
-
-.newfile .disable{
-    color:#5f5f5f;
-    cursor:auto;
-}
-
-.newfile .hide{
-    display: none;
-}
-
-.newfile .treeArrow + .name{
-    font-weight: bold;
-}
-
-.newfile .atreeItem .name{
-    padding: 3px;
-}
-
-.newfile .atreeItem .selected{
-    background-color: #3f3f3f;
-}
-
-.newfile .icon .selected{
-    background-color: #7f7f7f;
-}
-
-.newfile .icon{
-    height:90px;
-}
-
-.newfile .icon .iconLabel{
-    margin-top:4px;
-    max-width:90%;
-    white-space: normal;
-    padding-bottom:4px;
-    overflow: visible;
-}
-
-.newfile .icon .iconImg{
-    margin-left:25px;
-}
-
-.newfile .okButton{
-    margin-right:25px;
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-}
-
-.newfile .cancelButton{
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-}
-
-.newfile input[type="button"]:disabled{
-    background-color: #a1a1a1;
-    border:2px solid #a1a1a1;
-    background-image:none;
-    cursor:auto;
-}
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.html b/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.html
deleted file mode 100755
index dc090b99..00000000
--- a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="new-file-options-navigator.css">
-    <script type="text/montage-serialization">
-    {
-        "okButton": {
-            "module": "montage/ui/button.reel",
-            "name": "Button",
-            "properties": {
-                "element": {"#": "okButton"},
-                "identifier": "okButton"
-            },
-            "listeners": [
-                {
-                    "type": "action",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "cancelButton": {
-            "module": "montage/ui/button.reel",
-            "name": "Button",
-            "properties": {
-                "element": {"#": "cancelButton"},
-                "identifier": "cancelButton"
-            },
-            "listeners": [
-                {
-                    "type": "action",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "newFileLocation":{
-            "module": "js/io/workflow/newFileDialog/new-file-location.reel",
-            "name": "NewFileLocation",
-            "properties": {
-                "element": {"#": "right-bottom"}
-            }
-        },
-
-        "owner":{
-            "module": "js/io/workflow/newFileDialog/new-file-options-navigator.reel",
-            "name": "NewFileOptionsNavigator",
-            "properties": {
-                "element": {"#": "newfile"},
-                "projectTypeTree": {"#": "projectTypeTree"},
-                "cancelButton": {"#": "cancelButton"},
-                "okButton": {"#": "okButton"},
-                "templateIcons": {"#": "templateIcons"},
-                "templatesContainer": {"#": "right-top"},
-                "locationSelection": {"#": "right-bottom"},
-                "newFileLocation": {"@": "newFileLocation"},
-                "error": {"#": "error"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-<div id="newfile" class="newfile">
-    <div class="title">Create New File</div>
-    <div class="container left-nav">
-        <div class="projectTypeHeader"><span>File Type</span></div>
-        <div id="projectTypeTree" class="projectTypeTree"></div>
-    </div>
-    <div class="container right-nav">
-        <div id="right-top" class="right-top">
-            <div id="templateIcons" class="templateIcons" style="display:block;"></div>
-        </div>
-        <div  id="right-bottom" class="right-bottom">
-            <div class="templateIcon">templateIcon</div>
-            <div class="selections">selections</div>
-        </div>
-    </div>
-    <div class="errorMsg"><span id="error" class="error"></span></div>
-    <div class="buttons">
-        <input id="cancelButton" type="button" value="CANCEL" class="cancelButton nj-skinned" />
-        <input id="okButton" disabled="true" type="button" value="OK" class="okButton nj-skinned" />
-    </div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.js b/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.js
deleted file mode 100644
index 7702b1a2..00000000
--- a/js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.js
+++ /dev/null
@@ -1,378 +0,0 @@
-/* <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,
-     iconsListModule = require("js/components/ui/icon-list-basic/iconsList.reel"),
-    treeModule = require("js/components/ui/tree-basic/tree.reel"),
-    newFileLocationSelectionModule = require("js/io/workflow/newFileDialog/new-file-workflow-controller"),
-    fileUtils = require("js/io/utils/file-utils").FileUtils;
-
-var NewFileOptionsNavigator = exports.NewFileOptionsNavigator = Montage.create(Component, {
-
-    newFileModel: {
-        writable: true,
-        enumerable:false,
-        value:null
-    },
-    selectedProjectType:{
-        writable: true,
-        enumerable:false,
-        value:null
-    },
-    selectedTemplate:{
-        writable: true,
-        enumerable:false,
-        value:null
-    },
-    newFileName:{
-        writable:true,
-        enumerable:false,
-        value:""
-    },
-    newFileDirectory:{
-        writable:true,
-        enumerable:false,
-        value:""
-    },
-    templateWidth:{
-        writable:true,
-        enumerable:false,
-        value:"0 px"
-    },
-    templateHeight:{
-        writable:true,
-        enumerable:false,
-        value:"0 px"
-    },
-    willDraw: {
-    	enumerable: false,
-    	value: function() {}
-    },
-    draw: {
-    	enumerable: false,
-    	value: function() {}
-    },
-    didDraw: {
-    	enumerable: false,
-    	value: function() {
-            var that = this;
-
-            this.templateList = null;
-
-            //draw left nav project type tree
-            var tree = treeModule.Tree.create();
-            tree.showIcons = false;
-            tree.expandTreeAfterDraw = true;
-            tree.directoryBold = true;
-            tree.highlightedUri = this.newFileModel.defaultProjectType;
-            tree.treeViewDataObject = this.newFileModel.prepareContents("categories");
-            tree.element = this.projectTypeTree;
-            tree.needsDraw = true;
-
-            //highlight defaultProjectType
-
-            this.addIdentifiers();
-
-            this.element.addEventListener("drawTree", function(evt){that.handleNewFileNavDrawTree(evt);}, false);
-            this.element.addEventListener("selectedItem", function(evt){that.handleNewFileNavSelectedItem(evt);}, false);//for single selection only
-            this.eventManager.addEventListener("newFileDirectorySet", function(evt){that.handleNewFileDirectorySet(evt);}, false);
-            this.eventManager.addEventListener("newFileNameSet", function(evt){that.handleNewFileNameSet(evt);}, false);
-
-            if(!!this.newFileModel.defaultProjectType){
-                var templates = this.newFileModel.prepareContents(this.newFileModel.defaultProjectType);
-                this.templateList = iconsListModule.IconsList.create();
-                this.templateList.iconsViewDataObject = templates;
-                this.templateList.element = this.templateIcons;
-                this.templateList.needsDraw = true;
-
-
-                this.selectedProjectType = {"uri":this.newFileModel.defaultProjectType, "element":null};
-            }
-        }
-
-    },
-
-    /**
-     * Event Listners
-     */
-
-    addIdentifiers:{
-        value: function(){
-            this.element.identifier = "newFileNav";
-        }
-    },
-
-    handleNewFileNavDrawTree:{
-        value: function(evt){
-                //toggle open or close for directory
-                if((evt.uriType === "directory") && (!!evt.subTreeContainer)){
-                    var tree = treeModule.Tree.create();
-                    tree.showIcons = false;
-                    tree.highlightedUri = this.newFileModel.defaultProjectType;
-                    tree.treeViewDataObject = this.newFileModel.prepareContents(evt.uri);
-                    tree.element = evt.subTreeContainer;
-                    tree.needsDraw = true;
-                }
-            }
-    },
-
-    handleNewFileNavSelectedItem:{
-        value: function(evt){
-            var selectionType =  this.newFileModel.projectTypeData[evt.uri].type;
-            if(evt.target.classList.contains("atreeItemContent") && (selectionType === "file")){//populate templates for project type selection
-                this.highlightSelection(evt.target, "projectType", evt.uri);
-
-                //clear current template selection
-                if((!!this.selectedTemplate) && (this.selectedTemplate.element.classList.contains("selected"))){
-                                    this.selectedTemplate.element.classList.remove("selected");
-                }
-
-                //disable ok
-                if(!this.okButton.hasAttribute("disabled")){
-                    this.okButton.setAttribute("disabled", "true");
-                }
-
-                //save project type selection
-                this.selectedProjectType = {"uri":evt.uri, "element":evt.target};
-
-                //render templates
-                var templates = this.newFileModel.prepareContents(evt.uri);
-                if(this.templatesContainer.querySelectorAll(".list").length > 0){
-                    this.templateList.iconsViewDataObject = templates;
-                }else{
-                    this.templateList = iconsListModule.IconsList.create();
-                    this.templateList.iconsViewDataObject = templates;
-                    this.templateList.element = this.templateIcons;
-                    this.templateList.needsDraw = true;
-                }
-
-
-            }
-
-            if(evt.target.classList.contains("icon")){
-                this.highlightSelection(evt.target, "template", evt.uri);
-
-                //save template selection
-                this.selectedTemplate = {"uri":evt.uri, "element":evt.target};
-
-                this.enableOk();
-
-            }
-        }
-    },
-
-    handleCancelButtonAction :{
-        value:function(evt){
-                //clean up memory
-                this.cleanup();
-
-                if(this.popup){
-                    this.popup.hide();
-                }
-
-            }
-    },
-
-    handleOkButtonAction:{
-        value: function(evt){
-            var selectedProjectTypeID = this.selectedProjectType.uri,
-                templateID = this.selectedTemplate.uri,
-                projectName = this.newFileLocation.newFileName.value,
-                projectDirectory = this.newFileLocation.fileInputField.newFileDirectory.value,
-                projectWidth = this.newFileLocation.templateWidth,
-                projectHeight = this.newFileLocation.templateHeight,
-
-
-                selectionlog= "selectedProjectTypeID="+selectedProjectTypeID +"\n"+
-                            "templateID="+templateID+ "\n"+
-                            "projectName="+projectName+"\n"+
-                            "projectDirectory="+projectDirectory+"\n"+
-                            "projectWidth="+projectWidth+"\n"+
-                            "projectHeight="+projectHeight;
-
-            if(!!this.selectedProjectType && !!this.selectedTemplate
-                && this.isValidFileName(projectName) && this.isValidUri(projectDirectory)
-                && !this.checkFileExists(projectName, projectDirectory, this.selectedProjectType)
-            ){
-                this.error.innerHTML="";
-                console.log("$$$ new file selections: \n" + selectionlog);
-                if(!!this.newFileModel.callback && !!this.newFileModel.callbackScope){//inform document-controller if save successful
-                    this.newFileModel.callback.call(this.newFileModel.callbackScope, {"selectedProjectTypeID":selectedProjectTypeID,
-                                                                                 "templateID":templateID,
-                                                                                 "projectName": projectName,
-                                                                                 "projectDirectory":projectDirectory,
-                                                                                 "projectWidth":projectWidth,
-                                                                                 "projectHeight":projectHeight});//document-controller api
-                }else{
-                    //send selection event
-                    var newFileSelectionEvent = document.createEvent("Events");
-                    newFileSelectionEvent.initEvent("createNewFile", false, false);
-                    newFileSelectionEvent.newFileOptions = {"selectedProjectTypeID":selectedProjectTypeID,
-                                                             "templateID":templateID,
-                                                             "projectName": projectName,
-                                                             "projectDirectory":projectDirectory,
-                                                             "projectWidth":projectWidth,
-                                                             "projectHeight":projectHeight};
-                    this.eventManager.dispatchEvent(newFileSelectionEvent);
-                }
-                //store last selected project type
-                var dataStore = window.sessionStorage;
-                try {
-                    dataStore.setItem('lastSelectedProjectType',escape(""+selectedProjectTypeID));
-                }
-                catch(e){
-                    if(e.code == 22){
-                        dataStore.clear();
-                    }
-                }
-
-                this.cleanup();//clear up any unnecessary memory
-
-                if(this.popup){
-                    this.popup.hide();
-                }
-            }else{
-                if(this.error.innerHTML !== ""){
-                    this.showError("! Project Template, Name and Directory should be valid.");
-                }
-                //disable ok
-                if(!this.okButton.hasAttribute("disabled")){
-                    this.okButton.setAttribute("disabled", "true");
-                }
-            }
-        }
-    },
-
-    handleNewFileDirectorySet:{
-        value:function(evt){
-            if(!!evt._event.newFileDirectory){
-                this.newFileDirectory = evt._event.newFileDirectory;
-                if(this.isValidUri(this.newFileDirectory)){
-                    this.enableOk();
-                }
-            }
-        }
-    },
-
-    handleNewFileNameSet:{
-        value:function(evt){
-            if(!!evt._event.newFileName){
-                this.newFileName = evt._event.newFileName;
-                if(this.isValidFileName(this.newFileName)){
-                    this.enableOk();
-                }
-            }
-        }
-    },
-
-    highlightSelection:{
-        value: function(el, selectionType, uri){
-            var elem;
-            //clear previous selection
-            if(selectionType === "projectType"){
-                if((!!this.selectedProjectType) && (uri !== this.selectedProjectType.uri)){
-                    if(!!this.selectedProjectType.element){
-                        this.selectedProjectType.element.classList.remove("selected");
-                    }else{
-                        //find the selected element
-                        elem = document.querySelector(".projectTypeTree").querySelector(".selected");
-                        if(!!elem){
-                            elem.classList.remove("selected");
-                        }
-                    }
-                    el.classList.add("selected");
-                }else if(this.selectedProjectType === null){
-                    el.classList.add("selected");
-                }
-            }else if(selectionType === "template"){
-                if((!!this.selectedTemplate) && (uri !== this.selectedTemplate.element)){
-                    if(!!this.selectedTemplate.element){this.selectedTemplate.element.classList.remove("selected");}
-                    el.classList.add("selected");
-                }else if(this.selectedTemplate === null){
-                    el.classList.add("selected");
-                }
-            }
-
-        }
-    },
-
-    enableOk:{
-        value: function(){
-            var status = false;
-
-            if(!!this.selectedProjectType && !!this.selectedTemplate
-                && this.isValidFileName(this.newFileName) && this.isValidUri(this.newFileDirectory)
-                && !this.checkFileExists(this.newFileName, this.newFileDirectory, this.selectedProjectType)
-                ){
-                status = true;
-                this.okButton.removeAttribute("disabled");
-                this.error.innerHTML="";
-            }
-            return status;
-        }
-    },
-
-    cleanup:{
-        value:function(){
-            var that = this;
-
-            this.newFileName = "";
-            this.newFileDirectory = "";
-            this.selectedProjectType = null;
-            this.selectedTemplate = null;
-
-            //remove event listeners
-            this.element.removeEventListener("drawTree", function(evt){that.handleNewFileNavDrawTree(evt);}, false);
-            this.element.removeEventListener("selectedItem", function(evt){that.handleNewFileNavSelectedItem(evt);}, false);//for single selection only
-            this.eventManager.removeEventListener("newFileDirectorySet", function(evt){that.handleNewFileDirectorySet(evt);}, false);
-            this.eventManager.removeEventListener("newFileNameSet", function(evt){that.handleNewFileNameSet(evt);}, false);
-        }
-    },
-
-    isValidUri:{
-        value: function(uri){
-            var status= fileUtils.isValidUri(uri);
-            if(uri !== ""){
-                if(!status){
-                    this.showError("! Invalid directory.");
-                }
-            }
-            return status;
-        }
-    },
-    isValidFileName:{
-        value: function(fileName){
-            var status = fileUtils.isValidFileName(fileName);
-            if(fileName !== ""){
-                if(!status){
-                    this.showError("! Invalid file name.");
-                }
-            }
-            return status;
-        }
-    },
-    checkFileExists:{
-        value: function(fileUri, folderUri, fileType){
-            var status= fileUtils.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
diff --git a/js/io/workflow/newFileDialog/new-file-workflow-controller.js b/js/io/workflow/newFileDialog/new-file-workflow-controller.js
deleted file mode 100755
index 18c84724..00000000
--- a/js/io/workflow/newFileDialog/new-file-workflow-controller.js
+++ /dev/null
@@ -1,116 +0,0 @@
-/* <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,
-    Popup = require("montage/ui/popup/popup.reel").Popup,
-    newFileOptionsNavigatorModule = require("js/io/workflow/newFileDialog/new-file-options-navigator.reel"),
-    newFileWorkflowModelModule = require("js/io/workflow/newFileDialog/new-file-workflow-model");
-    saveAsModule = require("js/io/workflow/save-as-dialog.reel");
-
-//singleton
-var NewFileWorkflowController =  exports.NewFileWorkflowController = Montage.create(require("montage/ui/component").Component, {
-    /**
-     * Register a listener for showPicker event
-     */
-    deserializedFromTemplate:{
-        writable:false,
-        enumerable:true,
-        value:function(){
-            var that = this;
-            this.eventManager.addEventListener("executeNewFile", function(evt){
-                var data = evt._event.data || {};//data will contain callback
-                that.showNewFileDialog(data);
-            }, false);
-
-            this.eventManager.addEventListener("saveAs", function(evt){
-                var data = evt._event.data || {};//data will contain the current file name, directory location and callback
-                that.showSaveAsDialog(data);
-            }, false);
-        }
-    },
-
-    model:{
-        writable: true,
-        enumerable:true,
-        value: newFileWorkflowModelModule.NewFileWorkflowModel
-    },
-
-    showNewFileDialog:{
-        writable:false,
-        enumerable:true,
-        value:function(data){
-            //get default project type
-            this.model.defaultProjectType = "htmlTemplate";
-            this.model.callback = data.callback || null;
-            this.model.callbackScope = data.callbackScope || null;
-
-            //populate the last opened folder first, if none then populate default root
-            var sessionStorage = window.sessionStorage;
-            var lastSelectedProjectType = sessionStorage.getItem("lastSelectedProjectType");
-
-            if(!!lastSelectedProjectType){
-                this.model.defaultProjectType = lastSelectedProjectType;
-            }
-
-            //render modal dialog
-            var newFileNavContent = document.createElement("div");
-            newFileNavContent.id = "newFileDialog";
-
-            //elements needs to be on DOM to be drawn
-            document.getElementById('modalContainer').appendChild(newFileNavContent);
-
-            var newFileOptionsNav = newFileOptionsNavigatorModule.NewFileOptionsNavigator.create();
-            newFileOptionsNav.newFileModel = this.model;
-            newFileOptionsNav.element = newFileNavContent;
-
-            //remove after rendering and add in modal dialog
-            document.getElementById('modalContainer').removeChild(newFileNavContent);
-
-            var popup = Popup.create();
-            popup.content = newFileOptionsNav;
-            popup.modal = true;
-            popup.type = "newFileDialog";
-            popup.show();
-
-            newFileOptionsNav.popup = popup;//handle to be used for hiding the popup
-
-        }
-    },
-
-    showSaveAsDialog:{
-        writable:false,
-        enumerable:true,
-        value:function(data){
-            var fileName = data.fileName || "filename.txt";
-            var folderUri = data.folderUri || "/Documents";
-
-            //render modal dialog
-            var saveAsDialogContainer = document.createElement("div");
-            saveAsDialogContainer.id = "saveAsDialog";
-
-            //elements needs to be on DOM to be drawn
-            document.getElementById('modalContainer').appendChild(saveAsDialogContainer);
-
-            var saveAsDialog = saveAsModule.SaveAsDialog.create();
-            saveAsDialog.fileName = fileName;
-            saveAsDialog.folderUri = folderUri;
-            saveAsDialog.callback = data.callback;
-            saveAsDialog.callbackScope = data.callbackScope;
-            saveAsDialog.element = saveAsDialogContainer;
-
-            //remove after rendering and add in modal dialog
-            document.getElementById('modalContainer').removeChild(saveAsDialogContainer);
-
-            var popup = Popup.create();
-            popup.content = saveAsDialog;
-            popup.modal = true;
-            popup.type = "saveAsDialog";
-            popup.show();
-
-            saveAsDialog.popup = popup;//handle to be used for hiding the popup
-        }
-    }
-});
\ No newline at end of file
diff --git a/js/io/workflow/newFileDialog/new-file-workflow-model.js b/js/io/workflow/newFileDialog/new-file-workflow-model.js
deleted file mode 100755
index bcaf8132..00000000
--- a/js/io/workflow/newFileDialog/new-file-workflow-model.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/* <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> */
-
-
-//a singleton
-
-exports.NewFileWorkflowModel = Object.create(Object.prototype, {
-    prepareContents: {
-        value: function(id){
-            var contents = [];
-            if(!!this.projectTypeData[id].children && (this.projectTypeData[id].children.length > 0)){
-                this.projectTypeData[id].children.forEach(function(elem){
-                    if(!!this.projectTypeData[elem]){
-                        contents.push(this.projectTypeData[elem]);
-                    }
-                }, this);
-            }
-
-            return contents;
-        }
-    },
-
-    defaultProjectType:{
-        writable: true,
-        enumerable: true,
-        value: null
-    },
-
-    callback : {
-        enumerable: true,
-        writable: true,
-        value: null
-    },
-
-    callbackScope : {
-        enumerable: true,
-        writable: true,
-        value: null
-    },
-
-    projectTypeData:{
-            writable:false,
-            enumerable:false,
-            value:{//dummy data for testing
-                "categories":{
-                    "children":["newFile", "newProject", "fromTemplate"]
-                },
-                "newProject":{
-                    "type":"directory",
-                    "name":"New Project",
-                    "uri":"newProject",
-                    "children":["animation", "bannerAd", "montageComponent", "androidApp"]
-                },
-                "newFile":{
-                    "name":"Blank Template",
-                    "uri":"newFile",
-                    "type":"directory",
-                    "children":["htmlTemplate", "javascriptTemplate", "cssTemplate"]
-                },
-                "fromTemplate":{
-                    "name":"From Template",
-                    "uri":"fromTemplate",
-                    "type":"directory",
-                    "children":["xoomApp", "website", "iosApp"]
-                },
-                "bannerAd":{
-                    "name":"Banner Ad",
-                    "uri":"bannerAd",
-                    "type":"file",
-                    "children":["176x208", "176x220", "208x320", "230x240", "208x320", "230x240", "208x320", "230x240"]
-                },
-                "animation":{
-                    "name":"Animation",
-                    "uri":"animation",
-                    "type":"file",
-                    "children":["176x208", "176x220", "208x320", "230x240"]
-                },
-                "montageComponent":{
-                    "name":"Montage Component",
-                    "uri":"montageComponent",
-                    "type":"file",
-                    "children":["176x208", "176x208", "176x220", "208x320", "230x240","176x208", "176x220", "208x320", "230x240"]
-                },
-                "androidApp":{
-                    "name":"Android App",
-                    "uri":"androidApp",
-                    "type":"file",
-                    "children":["176x208", "176x220"]
-                },
-                "xoomApp":{
-                    "name":"Xoom Application",
-                    "uri":"xoomApp",
-                    "type":"file",
-                    "children":["176x208", "176x208", "176x220", "208x320", "176x220", "208x320", "230x240"]
-                },
-                "iosApp":{
-                    "name":"iOS Application",
-                    "uri":"iosApp",
-                    "type":"file",
-                    "children":["176x208"]
-                },
-                "176x208":{
-                    "name":"176 x 208",
-                    "uri":"176x208",
-                    "type":"file"
-                },
-                "176x220":{
-                    "name":"176 x 220",
-                    "uri":"176x220",
-                    "type":"file"
-                },
-                "208x320":{
-                    "name":"208 x 320",
-                    "uri":"208x320",
-                    "type":"file"
-                },
-                "htmlTemplate":{
-                    "name":"HTML",
-                    "uri":"htmlTemplate",
-                    "type":"file",
-                    "children":["defaultTemplate", "xoomApp", "iosApp", "androidApp", "bannerAd"]
-                },
-                "cssTemplate":{
-                    "name":"CSS",
-                    "uri":"cssTemplate",
-                    "type":"file",
-                    "children":["defaultTemplate"]
-                },
-                "javascriptTemplate":{
-                    "name":"JavaScript",
-                    "uri":"javascriptTemplate",
-                    "type":"file",
-                    "children":["defaultTemplate"]
-                },
-                defaultTemplate:{
-                    "name": "default",
-                    "uri": "defaultTemplate",
-                    "type":"file"
-                }
-
-            }
-    }
-});
diff --git a/js/io/workflow/newProjectNavigator.js b/js/io/workflow/newProjectNavigator.js
deleted file mode 100755
index 9870ba49..00000000
--- a/js/io/workflow/newProjectNavigator.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-var modalDialogManagerModule = require("js/components/ui/modalDialog/modal-dialog-manager");
-var iconsListModule = require("js/components/ui/FilePicker/iconsList");
-
-var NewProjectNavigator = exports.NewProjectNavigator = Montage.create(Component, {
-
-    willDraw: {
-    	enumerable: false,
-    	value: function() {
-
-    	}
-    },
-    draw: {
-    	enumerable: false,
-    	value: function() {
-
-    	}
-    },
-    didDraw: {
-    	enumerable: false,
-    	value: function() {
-
-            var that = this;
-
-            //hack instead of repetition for now
-//            if((this.choicesData !== null) && (this.choicesData.hasChilden === true)){
-//                this.choicesData.root.children.forEach(function(el){
-//
-//                }, this);
-//            }
-
-            //Draw icon list
-            var iconList = iconsListModule.IconsList.create();
-            iconList.element = this.element.getElementsByClassName("right-top")[0];
-            iconList.needsDraw = true;
-
-            //test
-//            setTimeout(function(){
-//                iconList.iconsViewDataObject = [
-//                    {
-//                        "id":"tete",
-//                        "name":"fsvsf",
-//                        "uri":null,
-//                        "fileType":null,
-//                        "hasChilden":false,
-//                        "hasIcon": false,
-//                        "iconUrl":null
-//                    },
-//                    {
-//                        "id":"ouou",
-//                        "name":"wefwfw",
-//                        "uri":null,
-//                        "fileType":null,
-//                        "hasChilden":false,
-//                        "hasIcon": false,
-//                        "iconUrl":null
-//                    }];
-//
-//            },5000);
-
-
-            
-
-    	}
-    }
-
-});
\ No newline at end of file
diff --git a/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.css b/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.css
deleted file mode 100755
index b1f490e3..00000000
--- a/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/* <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> */
-
-.container{
-    border: 4px groove #000000;
-    overflow: auto;
-    background-color:#5f5f5f;
-}
-
-.left-nav{
-    float:left;
-}
-
-.right-nav{
-    float:left;
-    width:70%;
-}
-
-.right-top{
-    border: 4px groove #000000;
-    overflow: auto;
-    max-height:150px;
-}
-
-.right-bottom{
-    border: 4px groove #000000;
-    overflow: auto;
-}
-
diff --git a/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.html b/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.html
deleted file mode 100755
index 26cbccee..00000000
--- a/js/io/workflow/newProjectNavigator.reel/newProjectNavigator.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="newProjectNavigator.css">
-    <script type="text/montage-serialization">
-    {
-        "owner" : {
-            "module": "js/io/workflow/newProjectNavigator",
-            "name": "NewProjectNavigator",
-            "properties": {
-                "element": {"#":"newProject"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-<div id="newProject">
-    <div class="container left-nav">left nav</div>
-    <div class="container right-nav">
-        <div class="right-top">right top</div>
-        <div class="right-bottom">right bottom</div>
-    </div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/io/workflow/save-as-dialog.reel/save-as-dialog.css b/js/io/workflow/save-as-dialog.reel/save-as-dialog.css
deleted file mode 100644
index 40434c25..00000000
--- a/js/io/workflow/save-as-dialog.reel/save-as-dialog.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/* <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> */
-
-.saveAsDialog{
-    font-size:12px;
-    width:450px;
-    height:150px;
-    padding-left: 15px;
-    padding-right: 15px;
-    background-color:#313131;
-    color: #ffffff;
-}
-
-.saveAsDialog .title{
-    font-size:14px;
-    height:15px;
-    padding:5px;
-    text-align: center;
-    font-weight: bold;
-    color: #C1C1C1;
-}
-
-.saveAsDialog .locationSelection{
-    border: 1px groove #000000;
-    overflow: auto;
-    height:38%;
-    padding: 15px;
-    background-color:#5f5f5f;
-}
-
-.saveAsDialog .newFileName{
-    width:80%;
-    margin-left:5px;
-}
-
-.saveAsDialog .fileInputField .newFileDirectory{
-    width: 80%;
-}
-
-.saveAsDialog .nameText{
-    margin-right:10px;
-}
-
-.saveAsDialog .buttons{
-    float:right;
-    margin-top: 10px;
-}
-
-.saveAsDialog .filename{
-    margin-bottom: 10px;
-}
-
-.saveAsDialog .errorMsg{
-    float:left;
-    margin-top: 7px;
-}
-.saveAsDialog .errorMsg span{
-    color: #BF3B3B;
-}
-
-.saveAsDialog .fileInputField{
-    margin-left:3px;
-}
-
-.saveAsDialog .okButton{
-    margin-right:25px;
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-}
-
-.saveAsDialog .cancelButton{
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-}
-
-.saveAsDialog input[type="button"]:disabled{
-    background-color: #a1a1a1;
-    border:2px solid #a1a1a1;
-    background-image:none;
-    cursor:auto;
-}
\ No newline at end of file
diff --git a/js/io/workflow/save-as-dialog.reel/save-as-dialog.html b/js/io/workflow/save-as-dialog.reel/save-as-dialog.html
deleted file mode 100644
index 2ce16119..00000000
--- a/js/io/workflow/save-as-dialog.reel/save-as-dialog.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="save-as-dialog.css">
-    <script type="text/montage-serialization">
-    {
-        "okButton": {
-            "module": "montage/ui/button.reel",
-            "name": "Button",
-            "properties": {
-                "element": {"#": "okButton"},
-                "identifier": "okButton"
-            },
-            "listeners": [
-                {
-                    "type": "action",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "cancelButton": {
-            "module": "montage/ui/button.reel",
-            "name": "Button",
-            "properties": {
-                "element": {"#": "cancelButton"},
-                "identifier": "cancelButton"
-            },
-            "listeners": [
-                {
-                    "type": "action",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "fileInputField":{
-            "module": "js/components/ui/FilePicker/file-input-field.reel",
-            "name": "FileInputField",
-            "properties": {
-                "element": {"#": "fileInputField"}
-            }
-        },
-
-        "owner":{
-            "module": "js/io/workflow/newFileDialog/new-file-location.reel",
-            "name": "SaveAsDialog",
-            "properties": {
-                "element": {"#": "saveAsDialog"},
-                "fileInputField": {"@": "fileInputField"},
-                "newFileName": {"#": "newFileName"},
-                "error":{"#": "error"},
-                "okButton":{"#": "okButton"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-<div id="saveAsDialog" class="saveAsDialog">
-    <div class="title">Save As</div>
-    <div class="locationSelection">
-        <div class="filename">
-            <span class="nameText">Save As :</span>
-            <input id="newFileName" class="nj-skinned newFileName" type="search" value="" />
-        </div>
-        <div>
-            <span>Location :</span>
-            <div id="fileInputField"></div>
-        </div>
-    </div>
-    <div class="errorMsg"><span id="error" class="error"></span></div>
-    <div class="buttons">
-        <input id="cancelButton" type="button" value="CANCEL" class="cancelButton nj-skinned" />
-        <input id="okButton" disabled="true" type="button" value="OK" class="okButton nj-skinned" />
-    </div>
-
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/io/workflow/save-as-dialog.reel/save-as-dialog.js b/js/io/workflow/save-as-dialog.reel/save-as-dialog.js
deleted file mode 100644
index 52e5ab82..00000000
--- a/js/io/workflow/save-as-dialog.reel/save-as-dialog.js
+++ /dev/null
@@ -1,196 +0,0 @@
-/* <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,
-    fileUtils = require("js/io/utils/file-utils").FileUtils;
-
-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= fileUtils.isValidUri(uri);
-            if(uri !== ""){
-                if(!status){
-                    this.showError("! Invalid directory.");
-                }
-            }
-            return status;
-        }
-    },
-    isValidFileName:{
-        value: function(fileName){
-            var status = fileUtils.isValidFileName(fileName);
-            if(fileName !== ""){
-                if(!status){
-                    this.showError("! Invalid file name.");
-                }
-            }
-            return status;
-        }
-    },
-    checkFileExists:{
-        value: function(fileUri, folderUri, fileType){
-            var status= fileUtils.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")){