diff options
author | Jose Antonio Marquez | 2012-01-27 12:05:17 -0800 |
---|---|---|
committer | Jose Antonio Marquez | 2012-01-27 12:05:17 -0800 |
commit | 3a754133dbc138390503341fd2e9beba3e43aa4b (patch) | |
tree | cdeae7d7dd9a30d7b4fab5afb7efad68d4ec7508 /js/io/workflow/newFileDialog | |
parent | b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (diff) | |
download | ninja-3a754133dbc138390503341fd2e9beba3e43aa4b.tar.gz |
Merged old FileIO
Diffstat (limited to 'js/io/workflow/newFileDialog')
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.css | 23 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.html | 61 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-location.reel/new-file-location.js | 30 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.css | 107 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.html | 45 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-options-navigator.reel/new-file-options-navigator.js | 375 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-workflow-controller.js | 75 | ||||
-rwxr-xr-x[-rw-r--r--] | js/io/workflow/newFileDialog/new-file-workflow-model.js | 39 |
8 files changed, 637 insertions, 118 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 | ||
11 | var NewFileLocation = exports.NewFileLocation = Montage.create(Component, { | 11 | var 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 |
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 index 01f0885e..7ef6d2ce 100644..100755 --- 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 | |||
@@ -6,11 +6,21 @@ | |||
6 | 6 | ||
7 | .newfile{ | 7 | .newfile{ |