diff options
Diffstat (limited to 'js/io/ui/new-file-dialog/new-file-options-navigator.reel')
3 files changed, 626 insertions, 0 deletions
diff --git a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css new file mode 100755 index 00000000..7ef6d2ce --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css | |||
@@ -0,0 +1,156 @@ | |||
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 | .newfile{ | ||
8 | font-size:12px; | ||
9 | width:650px; | ||
10 | height:350px; | ||
11 | padding-left: 15px; | ||
12 | padding-bottom:25px; | ||
13 | background-color:#313131; | ||
14 | color:#ffffff; | ||
15 | } | ||
16 | |||
17 | .newfile .title{ | ||
18 | font-size:14px; | ||
19 | height:15px; | ||
20 | padding:5px; | ||
21 | text-align: center; | ||
22 | font-weight: bold; | ||
23 | color: #C1C1C1; | ||
24 | } | ||
25 | |||
26 | .newfile .container{ | ||
27 | border: 1px groove #000000; | ||
28 | overflow: auto; | ||
29 | background-color:#5f5f5f; | ||
30 | } | ||
31 | |||
32 | .newfile .left-nav{ | ||
33 | float:left; | ||
34 | width:27%; | ||
35 | height:90%; | ||
36 | overflow-x:auto; | ||
37 | overflow-y:auto | ||
38 | } | ||
39 | |||
40 | .newfile .right-nav{ | ||
41 | float:left; | ||
42 | width:70%; | ||
43 | height:90%; | ||
44 | overflow: hidden; | ||
45 | } | ||
46 | |||
47 | .newfile .right-top{ | ||
48 | border: 1px groove #000000; | ||
49 | overflow: auto; | ||
50 | min-height:150px; | ||
51 | height:58%; | ||
52 | width:auto; | ||
53 | padding:5px; | ||
54 | } | ||
55 | |||
56 | .newfile .right-bottom{ | ||
57 | border: 1px groove #000000; | ||
58 | overflow: auto; | ||
59 | height:42%; | ||
60 | padding: 15px; | ||
61 | } | ||
62 | |||
63 | .newfile .projectTypeHeader{ | ||
64 | border-bottom:1px solid #000000; | ||
65 | padding:5px; | ||
66 | text-align: center; | ||
67 | font-weight: bold; | ||
68 | } | ||
69 | |||
70 | .newfile .buttons{ | ||
71 | float:right; | ||
72 | margin-top: 7px; | ||
73 | } | ||
74 | |||
75 | .newfile .errorMsg{ | ||
76 | float:left; | ||
77 | margin-top: 7px; | ||
78 | } | ||
79 | .newfile .errorMsg span{ | ||
80 | color: #BF3B3B; | ||
81 | } | ||
82 | |||
83 | .newfile .disable{ | ||
84 | color:#5f5f5f; | ||
85 | cursor:auto; | ||
86 | } | ||
87 | |||
88 | .newfile .hide{ | ||
89 | display: none; | ||
90 | } | ||
91 | |||
92 | .newfile .treeArrow + .name{ | ||
93 | font-weight: bold; | ||
94 | } | ||
95 | |||
96 | .newfile .atreeItem .name{ | ||
97 | padding: 3px; | ||
98 | } | ||
99 | |||
100 | .newfile .atreeItem .selected{ | ||
101 | background-color: #3f3f3f; | ||
102 | } | ||
103 | |||
104 | .newfile .icon .selected{ | ||
105 | background-color: #7f7f7f; | ||
106 | } | ||
107 | |||
108 | .newfile .icon{ | ||
109 | height:90px; | ||
110 | } | ||
111 | |||
112 | .newfile .icon .iconLabel{ | ||
113 | margin-top:4px; | ||
114 | max-width:90%; | ||
115 | white-space: normal; | ||
116 | padding-bottom:4px; | ||
117 | overflow: visible; | ||
118 | } | ||
119 | |||
120 | .newfile .icon .iconImg{ | ||
121 | margin-left:25px; | ||
122 | } | ||
123 | |||
124 | .newfile .okButton{ | ||
125 | margin-right:25px; | ||
126 | -webkit-box-align: center; | ||
127 | text-align: center; | ||
128 | cursor: default; | ||
129 | padding: 0px 6px 0px; | ||
130 | border:2px solid #d1d1d1; | ||
131 | background-color: #e1e1e1; | ||
132 | box-sizing: border-box; | ||
133 | border-radius:10px; | ||
134 | background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); | ||
135 | cursor:pointer; | ||
136 | } | ||
137 | |||
138 | .newfile .cancelButton{ | ||
139 | -webkit-box-align: center; | ||
140 | text-align: center; | ||
141 | cursor: default; | ||
142 | padding: 0px 6px 0px; | ||
143 | border:2px solid #d1d1d1; | ||
144 | background-color: #e1e1e1; | ||
145 | box-sizing: border-box; | ||
146 | border-radius:10px; | ||
147 | background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); | ||
148 | cursor:pointer; | ||
149 | } | ||
150 | |||
151 | .newfile input[type="button"]:disabled{ | ||
152 | background-color: #a1a1a1; | ||
153 | border:2px solid #a1a1a1; | ||
154 | background-image:none; | ||
155 | cursor:auto; | ||
156 | } \ No newline at end of file | ||
diff --git a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html new file mode 100755 index 00000000..eb4a8045 --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html | |||
@@ -0,0 +1,92 @@ | |||
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-options-navigator.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "okButton": { | ||
14 | "module": "montage/ui/button.reel", | ||
15 | "name": "Button", | ||
16 | "properties": { | ||
17 | "element": {"#": "okButton"}, | ||
18 | "identifier": "okButton" | ||
19 | }, | ||
20 | "listeners": [ | ||
21 | { | ||
22 | "type": "action", | ||
23 | "listener": {"@": "owner"} | ||
24 | } | ||
25 | ] | ||
26 | }, | ||
27 | |||
28 | "cancelButton": { | ||
29 | "module": "montage/ui/button.reel", | ||
30 | "name": "Button", | ||
31 | "properties": { | ||
32 | "element": {"#": "cancelButton"}, | ||
33 | "identifier": "cancelButton" | ||
34 | }, | ||
35 | "listeners": [ | ||
36 | { | ||
37 | "type": "action", | ||