aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/save-as-dialog.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/save-as-dialog.reel')
-rw-r--r--js/io/ui/save-as-dialog.reel/save-as-dialog.css111
-rw-r--r--js/io/ui/save-as-dialog.reel/save-as-dialog.html57
-rw-r--r--js/io/ui/save-as-dialog.reel/save-as-dialog.js232
3 files changed, 400 insertions, 0 deletions
diff --git a/js/io/ui/save-as-dialog.reel/save-as-dialog.css b/js/io/ui/save-as-dialog.reel/save-as-dialog.css
new file mode 100644
index 00000000..92970706
--- /dev/null
+++ b/js/io/ui/save-as-dialog.reel/save-as-dialog.css
@@ -0,0 +1,111 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.saveAsDialog{
8 font-size:12px;
9 width:450px;
10 height:150px;
11 padding-left: 15px;
12 padding-right: 15px;
13 color: #ffffff;
14 background-color:#494949;
15 font-family: 'Droid Sans', sans-serif;
16 border-radius: 8px;
17 box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
18 text-shadow: 1px 1px 1px #000;
19}
20
21.saveAsDialog .title{
22 font-size:14px;
23 height:15px;
24 padding:5px;
25 text-align: center;
26 font-weight: bold;
27 color: #C1C1C1;
28}
29
30.saveAsDialog .locationSelection{
31 border: 1px solid #000000;
32 overflow: auto;
33 height:38%;
34 padding: 15px;
35 background-color:#5f5f5f;
36}
37
38.saveAsDialog .newFileName{
39 width:80%;
40 margin-left:5px;
41}
42
43.saveAsDialog .fileInputField .newFileDirectory{
44 width: 80%;
45}
46
47.saveAsDialog .nameText{
48 margin-right:10px;
49}
50
51.saveAsDialog .buttons{
52 float:right;
53 margin-top: 10px;
54}
55
56.saveAsDialog .filename{
57 margin-bottom: 10px;
58}
59
60.saveAsDialog .errorMsg{
61 float:left;
62 margin-top: 7px;
63}
64.saveAsDialog .errorMsg span{
65 color: #BF3B3B;
66}
67
68.saveAsDialog .fileInputField{
69 margin-left:3px;
70}
71
72.saveAsDialog .buttons button {
73 float: left;
74 width: 100px;
75 margin-top: 3px;
76}
77
78.saveAsDialog .okButton{
79 margin: 0px 5px 0px 5px;
80 /*margin-right:25px;*/
81 /*-webkit-box-align: center;*/
82 /*text-align: center;*/
83 /*cursor: default;*/
84 /*padding: 0px 6px 0px;*/
85 /*border:2px solid #d1d1d1;*/
86 /*background-color: #e1e1e1;*/
87 /*box-sizing: border-box;*/
88 /*border-radius:10px;*/
89 /*background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);*/
90 /*cursor:pointer;*/
91}
92
93.saveAsDialog .cancelButton{
94 /*-webkit-box-align: center;*/
95 /*text-align: center;*/
96 /*cursor: default;*/
97 /*padding: 0px 6px 0px;*/
98 /*border:2px solid #d1d1d1;*/
99 /*background-color: #e1e1e1;*/
100 /*box-sizing: border-box;*/
101 /*border-radius:10px;*/
102 /*background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);*/
103 /*cursor:pointer;*/
104}
105
106.saveAsDialog input[type="button"]:disabled{
107 background-color: #a1a1a1;
108 border:2px solid #a1a1a1;
109 background-image:none;
110 cursor:auto;
111} \ No newline at end of file
diff --git a/js/io/ui/save-as-dialog.reel/save-as-dialog.html b/js/io/ui/save-as-dialog.reel/save-as-dialog.html
new file mode 100644
index 00000000..374e3d48
--- /dev/null
+++ b/js/io/ui/save-as-dialog.reel/save-as-dialog.html
@@ -0,0 +1,57 @@
1<!DOCTYPE HTML>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" type="text/css" href="save-as-dialog.css">
11 <script type="text/montage-serialization">
12 {
13 "fileInputField":{
14 "module": "js/io/ui/file-picker/file-input-field.reel",
15 "name": "FileInputField",
16 "properties": {
17 "element": {"#": "fileInputField"}
18 }
19 },
20
21 "owner":{
22 "module": "js/io/ui/new-file-dialog/new-file-location.reel",
23 "name": "SaveAsDialog",
24 "properties": {
25 "element": {"#": "saveAsDialog"},
26 "fileInputField": {"@": "fileInputField"},
27 "newFileName": {"#": "newFileName"},
28 "error":{"#": "error"},
29 "okButton":{"#": "okButton"},
30 "cancelButton":{"#": "cancelButton"}
31 }
32 }
33 }
34 </script>
35</head>
36<body>
37<div id="saveAsDialog" class="saveAsDialog">
38 <div class="title">Save As</div>
39 <div class="locationSelection">
40 <div class="filename">
41 <span class="nameText">Save As :</span>
42 <input id="newFileName" class="nj-skinned newFileName" type="search" value="" />
43 </div>
44 <div>
45 <span>Location :</span>
46 <div id="fileInputField"></div>
47 </div>
48 </div>
49 <div class="errorMsg"><span id="error" class="error"></span></div>
50 <div class="buttons">
51 <button id="cancelButton" type="button" value="CANCEL" class="cancelButton nj-skinned" >CANCEL</button>
52 <button id="okButton" disabled="true" type="button" value="OK" class="okButton nj-skinned" >OK</button>
53 </div>
54
55</div>
56</body>
57</html> \ No newline at end of file
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..55a09fa8
--- /dev/null
+++ b/js/io/ui/save-as-dialog.reel/save-as-dialog.js
@@ -0,0 +1,232 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5</copyright> */
6
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10var SaveAsDialog = exports.SaveAsDialog = Montage.create(Component, {
11
12 hasReel: {
13 value: true
14 },
15
16 fileName : {
17 enumerable: true,
18 writable: true,
19 value: ""
20 },
21
22 folderUri:{
23 enumerable: true,
24 writable: true,
25 value: ""
26 },
27
28 callback : {
29 enumerable: true,
30 writable: true,
31 value: null
32 },
33
34 callbackScope : {
35 enumerable: true,
36 writable: true,
37 value: null
38 },
39
40 willDraw: {
41 enumerable: false,
42 value: function() {}
43 },
44 draw: {
45 enumerable: false,
46 value: function() {}
47 },
48 didDraw: {
49 enumerable: false,
50 value: function() {
51 var self = this;
52 this.fileInputField.selectDirectory = true;
53 this.fileInputField.pickerName = "saveAsDirectoryPicker";
54 this.newFileName.value = this.fileName;
55 this.fileInputField.newFileDirectory.value = this.folderUri;