aboutsummaryrefslogtreecommitdiff
path: root/js/components/ui/FilePicker/pickerNavigator.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/ui/FilePicker/pickerNavigator.reel')
-rw-r--r--js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css64
-rwxr-xr-x[-rw-r--r--]js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html7
-rw-r--r--js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js153
3 files changed, 164 insertions, 60 deletions
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 2d9f1189..796c283f 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -6,13 +6,17 @@
6 6
7.picker{ 7.picker{
8 font-size:12px; 8 font-size:12px;
9 width:510px; 9 width:523px;
10 height:500px; 10 height:500px;
11 padding-top:15px; 11 padding-top:15px;
12 padding-left:15px; 12 padding-left:15px;
13 padding-bottom:15px; 13 padding-bottom:15px;
14 color:#ffffff; 14 color:#ffffff;
15 background-color:#313131; 15 background-color:#494949;
16 font-family: 'Droid Sans', sans-serif;
17 border-radius: 8px;
18 box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
19 text-shadow: 1px 1px 1px #000;
16} 20}
17 21
18.picker .pickerHeader{ 22.picker .pickerHeader{
@@ -20,7 +24,7 @@
20} 24}
21 25
22.picker .container{ 26.picker .container{
23 border: 1px groove #000000; 27 border: 1px solid #000000;
24 overflow: auto; 28 overflow: auto;
25 background-color:#5f5f5f; 29 background-color:#5f5f5f;
26} 30}
@@ -39,21 +43,27 @@
39 width:75%; 43 width:75%;
40 height:88%; 44 height:88%;
41 overflow: hidden; 45 overflow: hidden;
46 border-left: none;
42} 47}
43 48
44.picker .right-top{ 49.picker .right-top{
45 border: 1px groove #000000; 50 border-right: 1px solid #000000;
46 overflow: auto; 51 overflow: auto;
47 min-height:150px; 52 min-height:150px;
48 height:75%; 53 height:75%;
49 width:auto; 54 width:auto;
55 border-right: none;
56 margin: 8px 0px 0px 8px;
50} 57}
51 58
52.picker .right-bottom{ 59.picker .right-bottom{
53 border: 1px groove #000000; 60 border: 1px solid #000000;
61 border-left: none;
54 overflow: auto; 62 overflow: auto;
55 height:20%; 63 height:20%;
56 padding: 10px; 64 padding: 10px;
65 border-bottom: none;
66 border-right: none;
57} 67}
58 68
59.picker .driversList{ 69.picker .driversList{
@@ -63,6 +73,7 @@
63 73
64.picker .driversList:hover{ 74.picker .driversList:hover{
65 cursor:pointer; 75 cursor:pointer;
76 background-color: #444444;
66} 77}
67 78
68.picker .highlighted{ 79.picker .highlighted{
@@ -193,8 +204,49 @@
193 pointer:auto; 204 pointer:auto;
194} 205}
195 206
207.picker .buttons button {
208 float: left;
209 width: 100px;
210 margin-top: 3px;
211}
212
196.picker .okButton{ 213.picker .okButton{
197 margin-right:25px; 214 margin: 0px 22px 0px 8px;
215 /*
216margin-right:25px;
217 -webkit-box-align: center;
218 text-align: center;
219 cursor: default;
220 padding: 0px 6px 0px;
221 border:2px solid #d1d1d1;
222 background-color: #e1e1e1;
223 box-sizing: border-box;
224 border-radius:10px;
225 background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
226 cursor:pointer;
227*/
228}
229
230.picker .cancelButton{
231 /*
232-webkit-box-align: center;
233 text-align: center;
234 cursor: default;
235 padding: 0px 6px 0px;
236 border:2px solid #d1d1d1;
237 background-color: #e1e1e1;
238 box-sizing: border-box;
239 border-radius:10px;
240 background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
241 cursor:pointer;
242*/
243}
244
245.picker input[type="button"]:disabled{
246 background-color: #a1a1a1;
247 border:2px solid #a1a1a1;
248 background-image:none;
249 cursor:auto;
198} 250}
199 251
200 252
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
index bf421247..20cb0c68 100644..100755
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
@@ -10,7 +10,6 @@
10 <link rel="stylesheet" type="text/css" href="pickerNavigator.css"> 10 <link rel="stylesheet" type="text/css" href="pickerNavigator.css">
11 <script type="text/montage-serialization"> 11 <script type="text/montage-serialization">
12 { 12 {
13
14 "owner":{ 13 "owner":{
15 "module": "js/components/ui/FilePicker/pickerNavigator.reel", 14 "module": "js/components/ui/FilePicker/pickerNavigator.reel",
16 "name":"PickerNavigator", 15 "name":"PickerNavigator",
@@ -68,10 +67,10 @@
68 <div id="right-bottom" class="right-bottom"></div> 67 <div id="right-bottom" class="right-bottom"></div>
69 </div> 68 </div>
70 <div class="buttons"> 69 <div class="buttons">
71 <input id="cancelButton" type="button" value="CANCEL" class="cancelButton" /> 70 <button id="cancelButton" value="CANCEL" class="cancelButton nj-skinned">Cancel</button>
72 <input id="okButton" disabled="true" type="button" value="OK" class="okButton" /> 71 <button id="okButton" disabled="true" value="OK" class="okButton nj-skinned">Ok</button>
73 </div> 72 </div>
74 <div id="filters" class="filters"> 73 <div id="filters" class="filters" style="display:block;">
75 <div class="dropdown hide"></div> 74 <div class="dropdown hide"></div>
76 <span class="dropdownArrow">&#9660</span> 75 <span class="dropdownArrow">&#9660</span>
77 <span id="filterVal" class="filterVal">*.*</span> 76 <span id="filterVal" class="filterVal">*.*</span>
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index 299d44f5..411386f9 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -7,7 +7,6 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
7var Montage = require("montage/core/core").Montage, 7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component, 8 Component = require("montage/ui/component").Component,
9 iconsListModule = require("js/components/ui/icon-list-basic/iconsList.reel"), 9 iconsListModule = require("js/components/ui/icon-list-basic/iconsList.reel"),
10 filePickerControllerModule = require("js/components/ui/FilePicker/file-picker-controller"),
11 treeModule = require("js/components/ui/tree-basic/tree.reel"); 10 treeModule = require("js/components/ui/tree-basic/tree.reel");
12 11
13var PickerNavigator = exports.PickerNavigator = Montage.create(Component, { 12var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
@@ -150,6 +149,12 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
150 leftNav.appendChild(newDiv); 149 leftNav.appendChild(newDiv);
151 if(dirObj.uri === this.pickerModel.currentRoot){ 150 if(dirObj.uri === this.pickerModel.currentRoot){
152 newDiv.classList.add("highlighted"); 151 newDiv.classList.add("highlighted");
152 //enable ok for logical drive selections, when in directory selection mode
153 if(this.pickerModel.inFileMode === false){
154 this.okButton.removeAttribute("disabled");
155 //put into selectedItems..currently single selection is supported
156 this.selectedItems = [dirObj.uri];
157 }
153 } 158 }
154 159
155 newDiv.addEventListener("click", function(evt){that.handleTopLevelDirectoryClicks(evt, dirObj);}, false); 160 newDiv.addEventListener("click", function(evt){that.handleTopLevelDirectoryClicks(evt, dirObj);}, false);
@@ -198,6 +203,13 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
198 this.pickerModel.storeHistory(this.pickerModel.currentRoot);//populate history 203 this.pickerModel.storeHistory(this.pic