diff options
Diffstat (limited to 'js/io/ui/new-file-dialog')
8 files changed, 1093 insertions, 0 deletions
diff --git a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css new file mode 100755 index 00000000..7f11c225 --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css | |||
@@ -0,0 +1,59 @@ | |||
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 | .newfileLocation .newFileName{ | ||
8 | width:70%; | ||
9 | margin-left:5px; | ||
10 | } | ||
11 | |||
12 | .newfileLocation .newFileDirectory{ | ||
13 | width:70%; | ||
14 | margin-left:5px; | ||
15 | } | ||
16 | |||
17 | .newfileLocation .templateSelection{ | ||
18 | float:left; | ||
19 | width:20%; | ||
20 | height:90%; | ||
21 | padding-right: 10px; | ||
22 | } | ||
23 | |||
24 | .newfileLocation .templateSelection .template{ | ||
25 | width:80%; | ||
26 | height:60%; | ||
27 | background-color: #e1e1e1; | ||
28 | border:1px solid #000000; | ||
29 | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
30 | } | ||
31 | |||
32 | .newfileLocation .locationSelection{ | ||
33 | float:left; | ||
34 | width:75%; | ||
35 | } | ||
36 | |||
37 | .newfileLocation .locationSelection div{ | ||
38 | padding-bottom: 5px; | ||
39 | } | ||
40 | |||
41 | .newfileLocation .locationSelection input{ | ||
42 | margin-left: 5px; | ||
43 | white-space: nowrap; | ||
44 | } | ||
45 | |||
46 | .newfileLocation .templatePx{ | ||
47 | padding-left: 5px; | ||
48 | white-space: nowrap; | ||
49 | } | ||
50 | |||
51 | .newfileLocation .nameText{ | ||
52 | margin-right:31px; | ||
53 | } | ||
54 | |||
55 | .newfileLocation .hottextunit{ | ||
56 | float: none; | ||
57 | display: inline; | ||
58 | } | ||
59 | |||
diff --git a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.html b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.html new file mode 100755 index 00000000..d7fbc235 --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.html | |||
@@ -0,0 +1,90 @@ | |||
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="new-file-location.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "hottextHeight": { | ||
14 | "module": "js/components/hottextunit.reel", | ||
15 | "name": "HotTextUnit", | ||
16 | "properties": { | ||
17 | "element": {"#": "templateHeight"}, | ||
18 | "minValue":25, | ||
19 | "maxValue" :2000, | ||
20 | "stepSize" :5, | ||
21 | "acceptableUnits" : ["px"], | ||
22 | "units" : "px" | ||
23 | }, | ||
24 | "bindings": { | ||
25 | "value": { | ||
26 | "boundObject": {"@": "owner"}, | ||
27 | "boundObjectPropertyPath": "templateHeight", | ||
28 | "oneway": false | ||
29 | } | ||
30 | } | ||
31 | }, | ||
32 | |||
33 | "hottextWidth": { | ||
34 | "module": "js/components/hottextunit.reel", | ||
35 | "name": "HotTextUnit", | ||
36 | "properties": { | ||
37 | "element": {"#": "templateWidth"}, | ||
38 | "minValue":25, | ||
39 | "maxValue" :2000, | ||
40 | "stepSize" :5, | ||
41 | "acceptableUnits" : ["px"], | ||
42 | "units" : "px" | ||
43 | }, | ||
44 | "bindings": { | ||
45 | "value": { | ||
46 | "boundObject": {"@": "owner"}, | ||
47 | "boundObjectPropertyPath": "templateWidth", | ||
48 | "oneway": false | ||
49 | } | ||
50 | } | ||
51 | }, | ||
52 | |||
53 | "fileInputField":{ | ||
54 | "module": "js/components/ui/FilePicker/file-input-field.reel", | ||
55 | "name": "FileInputField", | ||
56 | "properties": { | ||
57 | "element": {"#": "fileInputField"} | ||
58 | } | ||
59 | }, | ||
60 | |||
61 | "owner":{ | ||
62 | "module": "js/io/ui/new-file-dialog/new-file-location.reel", | ||
63 | "name": "NewFileLocation", | ||
64 | "properties": { | ||
65 | "element": {"#": "newfileLocation"}, | ||
66 | "fileInputField": {"@": "fileInputField"}, | ||
67 | "newFileName": {"#": "newFileName"} | ||
68 | } | ||
69 | } | ||
70 | } | ||
71 | </script> | ||
72 | </head> | ||
73 | <body> | ||
74 | <div id="newfileLocation" class="newfileLocation"> | ||
75 | <div class="templateSelection"> | ||
76 | <div class="template"></div> | ||
77 | </div> | ||
78 | <div class="locationSelection"> | ||
79 | <div><span class="nameText">NAME:</span><input id="newFileName" class="nj-skinned newFileName" type="search" value="" /></div> | ||
80 | <div> | ||
81 | <span>DIRECTORY:</span> | ||
82 | <div id="fileInputField"></div> | ||
83 | </div> | ||
84 | <br /> | ||
85 | <div><span>WIDTH:</span><span class="templatePx" id="templateWidth"></span></div> | ||
86 | <div><span>HEIGHT:</span><span class="templatePx" id="templateHeight"></span></div> | ||
87 | </div> | ||
88 | </div> | ||
89 | </body> | ||
90 | </html> \ No newline at end of file | ||
diff --git a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.js b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.js new file mode 100755 index 00000000..7da13dfc --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.js | |||
@@ -0,0 +1,56 @@ | |||
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 | var Montage = require("montage/core/core").Montage; | ||
8 | var Component = require("montage/ui/component").Component; | ||
9 | var newFileWorkflowControllerModule = require("js/io/ui/new-file-dialog/new-file-workflow-controller"); | ||
10 | |||
11 | var NewFileLocation = exports.NewFileLocation = Montage.create(Component, { | ||
12 | |||
13 | templateHeight:{ | ||
14 | enumerable: true, | ||
15 | value:"25 px" | ||
16 | }, | ||
17 | |||
18 | templateWidth:{ | ||
19 | enumerable: true, | ||
20 | value:"25 px" | ||
21 | }, | ||
22 | |||
23 | willDraw: { | ||
24 | enumerable: false, | ||
25 | value: function() {} | ||
26 | }, | ||
27 | |||
28 | draw: { | ||
29 | enumerable: false, | ||
30 | value: function() {} | ||
31 | }, | ||
32 | |||
33 | didDraw: { | ||
34 | enumerable: false, | ||
35 | value: function() { | ||
36 | var that=this; | ||
37 | |||
38 | this.fileInputField.selectDirectory = true; | ||
39 | |||
40 | this.newFileName.addEventListener("blur", function(evt){that.handleNewFileNameOnblur(evt);}, false); | ||
41 | } | ||
42 | |||
43 | }, | ||
44 | |||
45 |