aboutsummaryrefslogtreecommitdiff
path: root/js/io/workflow/newFileDialog/new-file-location.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/workflow/newFileDialog/new-file-location.reel')
-rwxr-xr-x[-rw-r--r--]js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css23
-rwxr-xr-x[-rw-r--r--]js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html61
-rwxr-xr-x[-rw-r--r--]js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js30
3 files changed, 100 insertions, 14 deletions
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
index 1e857874..7f11c225 100644..100755
--- 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
@@ -38,13 +38,22 @@
38 padding-bottom: 5px; 38 padding-bottom: 5px;
39} 39}
40 40
41.newfileLocation .locationSelection span{ 41.newfileLocation .locationSelection input{
42 padding-right: 5px; 42 margin-left: 5px;
43 white-space: nowrap; 43 white-space: nowrap;
44} 44}
45 45
46.newfileLocation .findDirectory{ 46.newfileLocation .templatePx{
47 width: 17px; 47 padding-left: 5px;
48 height:17px; 48 white-space: nowrap;
49 vertical-align: bottom; 49}
50} \ No newline at end of file 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/workflow/newFileDialog/new-file-location.reel/new-file-location.html b/js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html
index 1be4e485..7c271511 100644..100755
--- 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
@@ -10,12 +10,61 @@
10 <link rel="stylesheet" type="text/css" href="new-file-location.css"> 10 <link rel="stylesheet" type="text/css" href="new-file-location.css">
11 <script type="text/montage-serialization"> 11 <script type="text/montage-serialization">
12 { 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 },
13 60
14 "owner":{ 61 "owner":{
15 "module": "js/io/workflow/newFileDialog/new-file-location.reel", 62 "module": "js/io/workflow/newFileDialog/new-file-location.reel",
16 "name": "NewFileLocation", 63 "name": "NewFileLocation",
17 "properties": { 64 "properties": {
18 "element": {"#": "newfileLocation"} 65 "element": {"#": "newfileLocation"},
66 "fileInputField": {"@": "fileInputField"},
67 "newFileName": {"#": "newFileName"}
19 } 68 }
20 } 69 }
21 } 70 }
@@ -27,14 +76,14 @@
27 <div class="template"></div> 76 <div class="template"></div>
28 </div> 77 </div>
29 <div class="locationSelection"> 78 <div class="locationSelection">
30 <div><span>NAME:</span><input id="newFileName" class="nj-skinned newFileName" type="search" value="" /></div> 79 <div><span class="nameText">NAME:</span><input id="newFileName" class="nj-skinned newFileName" type="search" value="" /></div>
31 <div> 80 <div>
32 <span>DIRECTORY:</span> 81 <span>DIRECTORY:</span>
33 <input type="search" id="newFileDirectory" class="nj-skinned newFileDirectory" /> 82 <div id="fileInputField"></div>
34 <img id="findDirectory" class="findDirectory" src="images/panels/project-panel/icon-button-search.png" />
35 </div> 83 </div>
36 <div><span>HEIGHT:</span><span class="templateHeight" id="templateHeight">176 px</span></div> 84 <br />
37 <div><span>WIDTH:</span><span class="templateWidth" id="templateWidth">220 px</span></div> 85 <div><span>WIDTH:</span><span class="templatePx" id="templateWidth"></span></div>
86 <div><span>HEIGHT:</span><span class="templatePx" id="templateHeight"></span></div>
38 </div> 87 </div>
39</div> 88</div>
40</body> 89</body>
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
index 4c90d1a1..805b44a4 100644..100755
--- 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
@@ -10,6 +10,16 @@ var newFileWorkflowControllerModule = require("js/io/workflow/newFileDialog/new-
10 10
11var NewFileLocation = exports.NewFileLocation = Montage.create(Component, { 11var NewFileLocation = exports.NewFileLocation = Montage.create(Component, {
12 12
13 templateHeight:{
14 enumerable: true,
15 value:"25 px"
16 },
17
18 templateWidth:{
19 enumerable: true,
20 value:"25 px"
21 },
22
13 willDraw: { 23 willDraw: {
14 enumerable: false, 24 enumerable: false,
15 value: function() {} 25 value: function() {}
@@ -22,7 +32,25 @@ var NewFileLocation = exports.NewFileLocation = Montage.create(Component, {
22 32
23 didDraw: { 33 didDraw: {
24 enumerable: false, 34 enumerable: false,
25 value: function() {} 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 handleNewFileNameOnblur:{
46 value:function(evt){
47 if(this.newFileName.value !== ""){
48 var newFileNameSetEvent = document.createEvent("Events");
49 newFileNameSetEvent.initEvent("newFileNameSet", false, false);
50 newFileNameSetEvent.newFileName = this.newFileName.value;
51 this.eventManager.dispatchEvent(newFileNameSetEvent);
52 }
53 }
26 } 54 }
27 55
28}); \ No newline at end of file 56}); \ No newline at end of file