aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/new-file-dialog/new-file-options-navigator.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/new-file-dialog/new-file-options-navigator.reel')
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css160
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html62
-rw-r--r--js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.js416
3 files changed, 638 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..95ce01f9
--- /dev/null
+++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css
@@ -0,0 +1,160 @@
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}
157
158.newfile .atree ul{
159 -webkit-padding-start: 10px;
160} \ 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..58bbed30
--- /dev/null
+++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html
@@ -0,0 +1,62 @@
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 "newFileLocation":{
14 "module": "js/io/ui/new-file-dialog/new-file-location.reel",
15 "name": "NewFileLocation",
16 "properties": {
17 "element": {"#": "right-bottom"}
18 }
19 },
20
21 "owner":{
22 "module": "js/io/ui/new-file-dialog/new-file-options-navigator.reel",
23 "name": "NewFileOptionsNavigator",
24 "properties": {
25 "element": {"#": "newfile"},
26 "projectTypeTree": {"#": "projectTypeTree"},
27 "cancelButton": {"#": "cancelButton"},
28 "okButton": {"#": "okButton"},
29 "templateIcons": {"#": "templateIcons"},
30 "templatesContainer": {"#": "right-top"},
31 "locationSelection": {"#": "right-bottom"},
32 "newFileLocation": {"@": "newFileLocation"},
<