aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/new-file-dialog/new-file-location.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/new-file-dialog/new-file-location.reel')
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css62
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-location.reel/new-file-location.html94
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-location.reel/new-file-location.js56
3 files changed, 212 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..092ca626
--- /dev/null
+++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css
@@ -0,0 +1,62 @@
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:65%;
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:28px;
53}
54
55.newfileLocation .hottextunit{
56 float: none;
57 display: inline;
58}
59
60.newfileLocation .fileExtension{
61 color:#d7d7d7;
62}
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..8c0327eb
--- /dev/null
+++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.html
@@ -0,0 +1,94 @@
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>
80 <span class="nameText">NAME:</span>
81 <input id="newFileName" class="nj-skinned newFileName" type="search" value="" />
82 <span class="fileExtension"></span>
83 </div>
84 <div>
85 <span>DIRECTORY:</span>
86 <div id="fileInputField"></div>
87 </div>
88 <br />
89 <div style="display:none;"><span>WIDTH:</span><span class="templatePx" id="templateWidth"></span></div>
90 <div style="display:none;"><span>HEIGHT:</span><span class="templatePx" id="templateHeight"></span></div>
91 </div>
92</div>
93</body>
94</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>
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;
8var Component = require("montage/ui/component").Component;
9var newFileWorkflowControllerModule = require("js/io/ui/new-file-dialog/new-file-workflow-controller");
10
11var 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