80 |
106 |
107 |
110 |
111 |
112 |
--------------------------------------------------------------------------------
/abb/hours/static/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
77 |
78 |
79 |
81 |
82 |
92 |
83 |
91 | This is your very own site, YOUR_CONFIGURED_MICROSITE_NAME_HERE
84 |YOUR_CONFIGURED_MICROSITE_NAME_HERE IS COOL! 85 | However, the time has come to replace this text with something 86 | more appropriate.
87 |This is a second paragraph, which should also be replaced.
88 |This is a third paragraph, which should also be 89 | replaced.
90 |
93 |
97 |
105 |
98 |
104 | Follow us here:
99 |
100 | Twitter @18F
101 | GitHub / 18F
102 |
80 |
106 |
107 |
110 |
111 |
112 |
--------------------------------------------------------------------------------
/abb/abb/static/styles/18f.css:
--------------------------------------------------------------------------------
1 | .jumbotron {
2 | background-color: #03253e;
3 | padding: 0;
4 | margin: 0;
5 | height: 720px;
6 | position: relative;
7 | }
8 | #logo {
9 | height: 150px;
10 | width: 150px;
11 | position: absolute;
12 | top: 50px;
13 | left: 50px;
14 | z-index: 20;
15 | }
16 | @media (max-width: 992px) {
17 | #logo {
18 | height: 100px;
19 | width: 100px;
20 | top: 20px;
21 | left: 20px;
22 | }
23 | }
24 | @media (max-width: 360px) {
25 | #logo {
26 | height: 75px;
27 | width: 75px;
28 | }
29 | }
30 | .jumbotron .container-fluid {
31 | position: absolute;
32 | top: 360px;
33 | max-width: 860px;
34 | z-index: 20;
35 | }
36 | .jumbotron .container-fluid > h1 {
37 | text-align: left;
38 | color: #fff;
39 | font-size: 4.2em;
40 | text-shadow: 1px 1px 6px #000;
41 | padding: 30px 50px;
42 | background-color: #03253e; /* For browsers that don't support opacity */
43 | background-color: rgba(0,0,0,.4);
44 | }
45 | .jumbotron .container-fluid > h3 {
46 | color: #fff;
47 | font-size: 40px;
48 | text-shadow: 1px 1px 6px #000;
49 | }
50 | @media (max-width: 992px) {
51 | .jumbotron {
52 | height: 650px;
53 | }
54 | .jumbotron .container-fluid {
55 | top:280px;
56 | }
57 | .jumbotron .container-fluid > h1 {
58 | font-size: 4em;
59 | padding:20px;
60 | }
61 | }
62 | @media (max-width: 550px) {
63 | .jumbotron {
64 | height: 480px;
65 | }
66 | .jumbotron .container-fluid {
67 | top: 170px;
68 | padding: 0;
69 | }
70 | .jumbotron .container-fluid > h1 {
71 | font-size: 3em;
72 | }
73 | }
74 | @media (max-width: 360px) {
75 | .jumbotron {
76 | height:400px;
77 | }
78 | .jumbotron .container-fluid > h1 {
79 | font-size: 30px;
80 | line-height: 1.2em;
81 | padding: 20px;
82 | }
83 | }
84 | @media (min-width:551px) {
85 | .jumbotron .container-fluid {
86 | margin-left: -15px;
87 | }
88 | }
89 |
90 | .jumbotron.header {
91 | height: 100px;
92 | background-color: #c21;
93 | }
94 | .jumbotron.header .container-fluid {
95 | position: absolute;
96 | top: 0px;
97 | padding: 13px 50px;
98 | background-color: #03253e; /* For browsers that don't support opacity */
99 | background-color: rgba(0,0,0,.4);
100 | z-index: 20;
101 | }
102 | @media (max-width: 550px) {
103 | .jumbotron.header {
104 | height: 60px;
105 | }
106 | .jumbotron.header .container-fluid {
107 | padding: 0 20px;
108 | }
109 | .jumbotron.header .container-fluid > h3 {
110 | font-size:2em;
111 | }
112 | }
113 |
114 | .photo-credit {
115 | color:#fff;
116 | font-size: 1em;
117 | text-shadow: 1px 1px 2px #000;
118 | padding: 17px 20px 15px 50px;
119 | background-color: rgba(0,0,0,.4);
120 | }
121 | .photo-credit i {
122 | vertical-align: middle;
123 | }
124 | .photo-credit .icon-camera {
125 | font-size: 30px;
126 | margin-right:10px;
127 | }
128 | .photo-credit a {
129 | color:#fff;
130 | text-decoration:none;
131 | }
132 | .photo-credit a:hover {
133 | color:#c21;
134 | text-decoration:none;
135 | }
136 | @media (max-width: 992px) {
137 | .photo-credit {
138 | padding: 17px 20px;
139 | }
140 | }
141 | @media (max-width: 550px) {
142 | .photo-credit {
143 | font-size: .8em;
144 | line-height: 1em;
145 | display: block;
146 | padding: 10px 20px;
147 | margin-top: -10px;
148 | }
149 | .photo-credit .icon-camera {
150 | font-size: 20px;
151 | }
152 | }
153 |
154 | .section {
155 | margin-top:40px;
156 | margin-bottom:40px;
157 | }
158 | .section .small {
159 | line-height: 1.6em;
160 | }
161 |
162 | .mantra {
163 | background-image: url(../images/lightbulb.png);
164 | background-size: 10%;
165 | background-position: 90% 50%;
166 | background-repeat: no-repeat;
167 | padding-top: 20px;
168 | padding-bottom: 20px;
169 | }
170 | @media (max-width: 992px) {
171 | .mantra {
172 | background:none;
173 | }
174 | }
175 | .mantra h2 {
176 | margin:0;
177 | }
178 | @media (max-width: 360px) {
179 | .mantra h2 {
180 | font-size: 1.7em;
181 | }
182 | }
183 | .mantra h2 > strong {
184 | color: #c21;}
185 | .mantra p {
186 | font-size: 14px;
187 | padding-top:20px;
188 | margin:0;
189 | }
190 |
191 | .blog h4 {
192 | font-size: 20px;
193 | font-weight: 700;
194 | }
195 | .blog h4 > a {
196 | color:#c21;
197 | text-decoration: none;
198 | }
199 | .blog h4 > a:hover {
200 | color:#c21;
201 | text-decoration: underline;
202 | }
203 |
204 | .blog .blog-entry {
205 | display: none;
206 | padding: 10px 0;
207 | }
208 |
209 | #blog-loading h4 {
210 | text-align: center;
211 | padding: 20px;
212 | color: #606060;
213 | }
214 | #blog-loading .error {
215 | text-align: center;
216 | color: #c21;
217 | display: none;
218 | }
219 |
220 | .blog-md {
221 | font-size: 13px;
222 | font-weight: 400;
223 | line-height: 1.5em;
224 | padding-bottom: 10px;
225 | }
226 | .blog-md a {
227 | text-decoration: none;
228 | font-weight: 700;
229 | }
230 | .blog-md a:hover {
231 | text-decoration: underline;
232 | }
233 | .blog-snippet {
234 | max-height: 8em;
235 | overflow: hidden;
236 | }
237 |
238 | .footer {
239 | border-top: 5px solid #18f;
240 | background-color: #03253e;
241 | height: auto;
242 | color: #fff;
243 | padding-top: 20px;
244 | padding-bottom: 20px;
245 | }
246 | .footer div {
247 | padding-top: 10px;
248 | padding-bottom: 10px;
249 | }
250 | .footer img {
251 | max-width: 100%;
252 | max-height: 100px;
253 | }
254 | .footer a {
255 | color:#fff;
256 | text-decoration: none;
257 | }
258 | .footer a:hover {
259 | text-decoration: underline;
260 | }
261 | .footer .tagline {
262 | float: right;
263 | }
264 | @media (max-width: 790px) {
265 | .footer .tagline {
266 | float:none;
267 | }
268 | }
269 |
270 | /*
271 | RESPONSIVE EMBEDS
272 | */
273 | .responsive-container {
274 | position: relative;
275 | padding-bottom: 56.25%;
276 | padding-top: 30px;
277 | height: 0;
278 | overflow: hidden;
279 | }
280 | .responsive-container iframe {
281 | position: absolute;
282 | top: 0;
283 | left: 0;
284 | width: 100%;
285 | height: 100%;
286 | }
287 | @media (max-width: 992px) {
288 | .wrap {
289 | margin-bottom: 3em;
290 | }
291 | }
292 |
293 | /*
294 | SLIDESHOW
295 | */
296 | #slideshow {
297 | /* fade that fool in */
298 | display: none;
299 | }
300 | .slide {
301 | height: 100%;
302 | background-size: cover;
303 | -moz-background-size: cover; /* Firefox 3.6 */
304 | background-position: center; /* Internet Explorer 7/8 */
305 | position: absolute;
306 | left: 0;
307 | top: 0;
308 | width: 100%;
309 | }
310 | .slideshow-wrapper { overflow: hidden; }
311 | .slideshow-wrapper .slide { z-index: 1; }
312 | .slideshow-wrapper .fadeOut { z-index: 2; }
313 | .fadeIn { display: none; }
314 |
315 | /*
316 | TEAM
317 | */
318 | .bio { margin: 1.0em 0; position: relative; }
319 | .bio strong { float: left; clear: both; }
320 | .bio .img-circle { margin: 1.0em auto; float: left; width: 200px; height: 200px; }
321 | .bio br { clear: both; }
322 | .bio h4 { clear: both; margin: 8px 0 2px 0; }
323 | .bio .name {
324 | font-weight: 700;
325 | font-size: 15px;
326 | }
327 | .bio .hover-img { position: absolute; left: 15px; top: 0; opacity: 0; }
328 | .bio a i, .no-decoration { text-decoration: none !important; color: #000 !important; }
329 | .bio a { text-decoration: none; }
330 | .bio h4 { color: #c21;}
331 | @media (max-width: 992px) {
332 | .bio .img-circle {
333 | height: 225px;
334 | width: 225px;
335 | }
336 | .bio .name {
337 | top: 120px;
338 | }
339 | }
340 | @media (max-width: 550px) {
341 | .bio .img-circle {
342 | height: 120px;
343 | width: 120px;
344 | }
345 | .bio .name {
346 | top: 100px;
347 | }
348 | }
349 | @media (max-width: 768px) {
350 | .bio .no-decoration {
351 | font-size: 2.0em;
352 | }
353 | }
354 | @media (max-width: 360px) {
355 | .bio .img-circle {
356 | width: 75px;
357 | height: 75px;
358 | }
359 | .bio .name {
360 | top: 80px;
361 | }
362 | .bio .no-decoration {
363 | font-size: 1.5em;
364 | }
365 | .bio.col-xs-6 {
366 | min-height: 145px;
367 | }
368 | }
369 | a.btn {
370 | text-decoration: none;
371 | }
372 |
373 | #preloader {
374 | position: absolute;
375 | left: -20000em;
376 | width: 1px;
377 | height: 1px;
378 | overflow: hidden;
379 | }
380 |
381 | /* IE */
382 | .hasPlaceholder {color: #777;}
383 |
--------------------------------------------------------------------------------
/abb/hours/static/styles/18f.css:
--------------------------------------------------------------------------------
1 | .jumbotron {
2 | background-color: #03253e;
3 | padding: 0;
4 | margin: 0;
5 | height: 720px;
6 | position: relative;
7 | }
8 | #logo {
9 | height: 150px;
10 | width: 150px;
11 | position: absolute;
12 | top: 50px;
13 | left: 50px;
14 | z-index: 20;
15 | }
16 | @media (max-width: 992px) {
17 | #logo {
18 | height: 100px;
19 | width: 100px;
20 | top: 20px;
21 | left: 20px;
22 | }
23 | }
24 | @media (max-width: 360px) {
25 | #logo {
26 | height: 75px;
27 | width: 75px;
28 | }
29 | }
30 | .jumbotron .container-fluid {
31 | position: absolute;
32 | top: 360px;
33 | max-width: 860px;
34 | z-index: 20;
35 | }
36 | .jumbotron .container-fluid > h1 {
37 | text-align: left;
38 | color: #fff;
39 | font-size: 4.2em;
40 | text-shadow: 1px 1px 6px #000;
41 | padding: 30px 50px;
42 | background-color: #03253e; /* For browsers that don't support opacity */
43 | background-color: rgba(0,0,0,.4);
44 | }
45 | .jumbotron .container-fluid > h3 {
46 | color: #fff;
47 | font-size: 40px;
48 | text-shadow: 1px 1px 6px #000;
49 | }
50 | @media (max-width: 992px) {
51 | .jumbotron {
52 | height: 650px;
53 | }
54 | .jumbotron .container-fluid {
55 | top:280px;
56 | }
57 | .jumbotron .container-fluid > h1 {
58 | font-size: 4em;
59 | padding:20px;
60 | }
61 | }
62 | @media (max-width: 550px) {
63 | .jumbotron {
64 | height: 480px;
65 | }
66 | .jumbotron .container-fluid {
67 | top: 170px;
68 | padding: 0;
69 | }
70 | .jumbotron .container-fluid > h1 {
71 | font-size: 3em;
72 | }
73 | }
74 | @media (max-width: 360px) {
75 | .jumbotron {
76 | height:400px;
77 | }
78 | .jumbotron .container-fluid > h1 {
79 | font-size: 30px;
80 | line-height: 1.2em;
81 | padding: 20px;
82 | }
83 | }
84 | @media (min-width:551px) {
85 | .jumbotron .container-fluid {
86 | margin-left: -15px;
87 | }
88 | }
89 |
90 | .jumbotron.header {
91 | height: 100px;
92 | background-color: #c21;
93 | }
94 | .jumbotron.header .container-fluid {
95 | position: absolute;
96 | top: 0px;
97 | padding: 13px 50px;
98 | background-color: #03253e; /* For browsers that don't support opacity */
99 | background-color: rgba(0,0,0,.4);
100 | z-index: 20;
101 | }
102 | @media (max-width: 550px) {
103 | .jumbotron.header {
104 | height: 60px;
105 | }
106 | .jumbotron.header .container-fluid {
107 | padding: 0 20px;
108 | }
109 | .jumbotron.header .container-fluid > h3 {
110 | font-size:2em;
111 | }
112 | }
113 |
114 | .photo-credit {
115 | color:#fff;
116 | font-size: 1em;
117 | text-shadow: 1px 1px 2px #000;
118 | padding: 17px 20px 15px 50px;
119 | background-color: rgba(0,0,0,.4);
120 | }
121 | .photo-credit i {
122 | vertical-align: middle;
123 | }
124 | .photo-credit .icon-camera {
125 | font-size: 30px;
126 | margin-right:10px;
127 | }
128 | .photo-credit a {
129 | color:#fff;
130 | text-decoration:none;
131 | }
132 | .photo-credit a:hover {
133 | color:#c21;
134 | text-decoration:none;
135 | }
136 | @media (max-width: 992px) {
137 | .photo-credit {
138 | padding: 17px 20px;
139 | }
140 | }
141 | @media (max-width: 550px) {
142 | .photo-credit {
143 | font-size: .8em;
144 | line-height: 1em;
145 | display: block;
146 | padding: 10px 20px;
147 | margin-top: -10px;
148 | }
149 | .photo-credit .icon-camera {
150 | font-size: 20px;
151 | }
152 | }
153 |
154 | .section {
155 | margin-top:40px;
156 | margin-bottom:40px;
157 | }
158 | .section .small {
159 | line-height: 1.6em;
160 | }
161 |
162 | .mantra {
163 | background-image: url(../images/lightbulb.png);
164 | background-size: 10%;
165 | background-position: 90% 50%;
166 | background-repeat: no-repeat;
167 | padding-top: 20px;
168 | padding-bottom: 20px;
169 | }
170 | @media (max-width: 992px) {
171 | .mantra {
172 | background:none;
173 | }
174 | }
175 | .mantra h2 {
176 | margin:0;
177 | }
178 | @media (max-width: 360px) {
179 | .mantra h2 {
180 | font-size: 1.7em;
181 | }
182 | }
183 | .mantra h2 > strong {
184 | color: #c21;}
185 | .mantra p {
186 | font-size: 14px;
187 | padding-top:20px;
188 | margin:0;
189 | }
190 |
191 | .blog h4 {
192 | font-size: 20px;
193 | font-weight: 700;
194 | }
195 | .blog h4 > a {
196 | color:#c21;
197 | text-decoration: none;
198 | }
199 | .blog h4 > a:hover {
200 | color:#c21;
201 | text-decoration: underline;
202 | }
203 |
204 | .blog .blog-entry {
205 | display: none;
206 | padding: 10px 0;
207 | }
208 |
209 | #blog-loading h4 {
210 | text-align: center;
211 | padding: 20px;
212 | color: #606060;
213 | }
214 | #blog-loading .error {
215 | text-align: center;
216 | color: #c21;
217 | display: none;
218 | }
219 |
220 | .blog-md {
221 | font-size: 13px;
222 | font-weight: 400;
223 | line-height: 1.5em;
224 | padding-bottom: 10px;
225 | }
226 | .blog-md a {
227 | text-decoration: none;
228 | font-weight: 700;
229 | }
230 | .blog-md a:hover {
231 | text-decoration: underline;
232 | }
233 | .blog-snippet {
234 | max-height: 8em;
235 | overflow: hidden;
236 | }
237 |
238 | .footer {
239 | border-top: 5px solid #18f;
240 | background-color: #03253e;
241 | height: auto;
242 | color: #fff;
243 | padding-top: 20px;
244 | padding-bottom: 20px;
245 | }
246 | .footer div {
247 | padding-top: 10px;
248 | padding-bottom: 10px;
249 | }
250 | .footer img {
251 | max-width: 100%;
252 | max-height: 100px;
253 | }
254 | .footer a {
255 | color:#fff;
256 | text-decoration: none;
257 | }
258 | .footer a:hover {
259 | text-decoration: underline;
260 | }
261 | .footer .tagline {
262 | float: right;
263 | }
264 | @media (max-width: 790px) {
265 | .footer .tagline {
266 | float:none;
267 | }
268 | }
269 |
270 | /*
271 | RESPONSIVE EMBEDS
272 | */
273 | .responsive-container {
274 | position: relative;
275 | padding-bottom: 56.25%;
276 | padding-top: 30px;
277 | height: 0;
278 | overflow: hidden;
279 | }
280 | .responsive-container iframe {
281 | position: absolute;
282 | top: 0;
283 | left: 0;
284 | width: 100%;
285 | height: 100%;
286 | }
287 | @media (max-width: 992px) {
288 | .wrap {
289 | margin-bottom: 3em;
290 | }
291 | }
292 |
293 | /*
294 | SLIDESHOW
295 | */
296 | #slideshow {
297 | /* fade that fool in */
298 | display: none;
299 | }
300 | .slide {
301 | height: 100%;
302 | background-size: cover;
303 | -moz-background-size: cover; /* Firefox 3.6 */
304 | background-position: center; /* Internet Explorer 7/8 */
305 | position: absolute;
306 | left: 0;
307 | top: 0;
308 | width: 100%;
309 | }
310 | .slideshow-wrapper { overflow: hidden; }
311 | .slideshow-wrapper .slide { z-index: 1; }
312 | .slideshow-wrapper .fadeOut { z-index: 2; }
313 | .fadeIn { display: none; }
314 |
315 | /*
316 | TEAM
317 | */
318 | .bio { margin: 1.0em 0; position: relative; }
319 | .bio strong { float: left; clear: both; }
320 | .bio .img-circle { margin: 1.0em auto; float: left; width: 200px; height: 200px; }
321 | .bio br { clear: both; }
322 | .bio h4 { clear: both; margin: 8px 0 2px 0; }
323 | .bio .name {
324 | font-weight: 700;
325 | font-size: 15px;
326 | }
327 | .bio .hover-img { position: absolute; left: 15px; top: 0; opacity: 0; }
328 | .bio a i, .no-decoration { text-decoration: none !important; color: #000 !important; }
329 | .bio a { text-decoration: none; }
330 | .bio h4 { color: #c21;}
331 | @media (max-width: 992px) {
332 | .bio .img-circle {
333 | height: 225px;
334 | width: 225px;
335 | }
336 | .bio .name {
337 | top: 120px;
338 | }
339 | }
340 | @media (max-width: 550px) {
341 | .bio .img-circle {
342 | height: 120px;
343 | width: 120px;
344 | }
345 | .bio .name {
346 | top: 100px;
347 | }
348 | }
349 | @media (max-width: 768px) {
350 | .bio .no-decoration {
351 | font-size: 2.0em;
352 | }
353 | }
354 | @media (max-width: 360px) {
355 | .bio .img-circle {
356 | width: 75px;
357 | height: 75px;
358 | }
359 | .bio .name {
360 | top: 80px;
361 | }
362 | .bio .no-decoration {
363 | font-size: 1.5em;
364 | }
365 | .bio.col-xs-6 {
366 | min-height: 145px;
367 | }
368 | }
369 | a.btn {
370 | text-decoration: none;
371 | }
372 |
373 | #preloader {
374 | position: absolute;
375 | left: -20000em;
376 | width: 1px;
377 | height: 1px;
378 | overflow: hidden;
379 | }
380 |
381 | /* IE */
382 | .hasPlaceholder {color: #777;}
383 |
--------------------------------------------------------------------------------
/abb/abb/static/fonts/18f-font.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
--------------------------------------------------------------------------------
/abb/hours/static/fonts/18f-font.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
--------------------------------------------------------------------------------
/abb/abb/static/admin/js/SelectFilter2.js:
--------------------------------------------------------------------------------
1 | /*
2 | SelectFilter2 - Turns a multiple-select box into a filter interface.
3 |
4 | Requires core.js, SelectBox.js and addevent.js.
5 | */
6 | (function($) {
7 | function findForm(node) {
8 | // returns the node of the form containing the given node
9 | if (node.tagName.toLowerCase() != 'form') {
10 | return findForm(node.parentNode);
11 | }
12 | return node;
13 | }
14 |
15 | window.SelectFilter = {
16 | init: function(field_id, field_name, is_stacked, admin_static_prefix) {
17 | if (field_id.match(/__prefix__/)){
18 | // Don't initialize on empty forms.
19 | return;
20 | }
21 | var from_box = document.getElementById(field_id);
22 | from_box.id += '_from'; // change its ID
23 | from_box.className = 'filtered';
24 |
25 | var ps = from_box.parentNode.getElementsByTagName('p');
26 | for (var i=0; i
81 |
82 |
92 |
83 |
91 | This is your very own site, YOUR_CONFIGURED_MICROSITE_NAME_HERE
84 |YOUR_CONFIGURED_MICROSITE_NAME_HERE IS COOL! 85 | However, the time has come to replace this text with something 86 | more appropriate.
87 |This is a second paragraph, which should also be replaced.
88 |This is a third paragraph, which should also be 89 | replaced.
90 |
93 |
97 |
105 |
98 |
104 | Follow us here:
99 |
100 | Twitter @18F
101 | GitHub / 18F
102 |
or
39 | var selector_div = quickElement('div', from_box.parentNode);
40 | selector_div.className = is_stacked ? 'selector stacked' : 'selector';
41 |
42 | //
43 | var selector_available = quickElement('div', selector_div);
44 | selector_available.className = 'selector-available';
45 | var title_available = quickElement('h2', selector_available, interpolate(gettext('Available %s') + ' ', [field_name]));
46 | quickElement('img', title_available, '', 'src', admin_static_prefix + 'img/icon-unknown.gif', 'width', '10', 'height', '10', 'class', 'help help-tooltip', 'title', interpolate(gettext('This is the list of available %s. You may choose some by selecting them in the box below and then clicking the "Choose" arrow between the two boxes.'), [field_name]));
47 |
48 | var filter_p = quickElement('p', selector_available, '', 'id', field_id + '_filter');
49 | filter_p.className = 'selector-filter';
50 |
51 | var search_filter_label = quickElement('label', filter_p, '', 'for', field_id + "_input");
52 |
53 | var search_selector_img = quickElement('img', search_filter_label, '', 'src', admin_static_prefix + 'img/selector-search.gif', 'class', 'help-tooltip', 'alt', '', 'title', interpolate(gettext("Type into this box to filter down the list of available %s."), [field_name]));
54 |
55 | filter_p.appendChild(document.createTextNode(' '));
56 |
57 | var filter_input = quickElement('input', filter_p, '', 'type', 'text', 'placeholder', gettext("Filter"));
58 | filter_input.id = field_id + '_input';
59 |
60 | selector_available.appendChild(from_box);
61 | var choose_all = quickElement('a', selector_available, gettext('Choose all'), 'title', interpolate(gettext('Click to choose all %s at once.'), [field_name]), 'href', 'javascript: (function(){ SelectBox.move_all("' + field_id + '_from", "' + field_id + '_to"); SelectFilter.refresh_icons("' + field_id + '");})()', 'id', field_id + '_add_all_link');
62 | choose_all.className = 'selector-chooseall';
63 |
64 | //
-
65 | var selector_chooser = quickElement('ul', selector_div);
66 | selector_chooser.className = 'selector-chooser';
67 | var add_link = quickElement('a', quickElement('li', selector_chooser), gettext('Choose'), 'title', gettext('Choose'), 'href', 'javascript: (function(){ SelectBox.move("' + field_id + '_from","' + field_id + '_to"); SelectFilter.refresh_icons("' + field_id + '");})()', 'id', field_id + '_add_link');
68 | add_link.className = 'selector-add';
69 | var remove_link = quickElement('a', quickElement('li', selector_chooser), gettext('Remove'), 'title', gettext('Remove'), 'href', 'javascript: (function(){ SelectBox.move("' + field_id + '_to","' + field_id + '_from"); SelectFilter.refresh_icons("' + field_id + '");})()', 'id', field_id + '_remove_link');
70 | remove_link.className = 'selector-remove';
71 |
72 | //
73 | var selector_chosen = quickElement('div', selector_div);
74 | selector_chosen.className = 'selector-chosen';
75 | var title_chosen = quickElement('h2', selector_chosen, interpolate(gettext('Chosen %s') + ' ', [field_name]));
76 | quickElement('img', title_chosen, '', 'src', admin_static_prefix + 'img/icon-unknown.gif', 'width', '10', 'height', '10', 'class', 'help help-tooltip', 'title', interpolate(gettext('This is the list of chosen %s. You may remove some by selecting them in the box below and then clicking the "Remove" arrow between the two boxes.'), [field_name]));
77 |
78 | var to_box = quickElement('select', selector_chosen, '', 'id', field_id + '_to', 'multiple', 'multiple', 'size', from_box.size, 'name', from_box.getAttribute('name'));
79 | to_box.className = 'filtered';
80 | var clear_all = quickElement('a', selector_chosen, gettext('Remove all'), 'title', interpolate(gettext('Click to remove all chosen %s at once.'), [field_name]), 'href', 'javascript: (function() { SelectBox.move_all("' + field_id + '_to", "' + field_id + '_from"); SelectFilter.refresh_icons("' + field_id + '");})()', 'id', field_id + '_remove_all_link');
81 | clear_all.className = 'selector-clearall';
82 |
83 | from_box.setAttribute('name', from_box.getAttribute('name') + '_old');
84 |
85 | // Set up the JavaScript event handlers for the select box filter interface
86 | addEvent(filter_input, 'keyup', function(e) { SelectFilter.filter_key_up(e, field_id); });
87 | addEvent(filter_input, 'keydown', function(e) { SelectFilter.filter_key_down(e, field_id); });
88 | addEvent(from_box, 'change', function(e) { SelectFilter.refresh_icons(field_id) });
89 | addEvent(to_box, 'change', function(e) { SelectFilter.refresh_icons(field_id) });
90 | addEvent(from_box, 'dblclick', function() { SelectBox.move(field_id + '_from', field_id + '_to'); SelectFilter.refresh_icons(field_id); });
91 | addEvent(to_box, 'dblclick', function() { SelectBox.move(field_id + '_to', field_id + '_from'); SelectFilter.refresh_icons(field_id); });
92 | addEvent(findForm(from_box), 'submit', function() { SelectBox.select_all(field_id + '_to'); });
93 | SelectBox.init(field_id + '_from');
94 | SelectBox.init(field_id + '_to');
95 | // Move selected from_box options to to_box
96 | SelectBox.move(field_id + '_from', field_id + '_to');
97 |
98 | if (!is_stacked) {
99 | // In horizontal mode, give the same height to the two boxes.
100 | var j_from_box = $(from_box);
101 | var j_to_box = $(to_box);
102 | var resize_filters = function() { j_to_box.height($(filter_p).outerHeight() + j_from_box.outerHeight()); }
103 | if (j_from_box.outerHeight() > 0) {
104 | resize_filters(); // This fieldset is already open. Resize now.
105 | } else {
106 | // This fieldset is probably collapsed. Wait for its 'show' event.
107 | j_to_box.closest('fieldset').one('show.fieldset', resize_filters);
108 | }
109 | }
110 |
111 | // Initial icon refresh
112 | SelectFilter.refresh_icons(field_id);
113 | },
114 | refresh_icons: function(field_id) {
115 | var from = $('#' + field_id + '_from');
116 | var to = $('#' + field_id + '_to');
117 | var is_from_selected = from.find('option:selected').length > 0;
118 | var is_to_selected = to.find('option:selected').length > 0;
119 | // Active if at least one item is selected
120 | $('#' + field_id + '_add_link').toggleClass('active', is_from_selected);
121 | $('#' + field_id + '_remove_link').toggleClass('active', is_to_selected);
122 | // Active if the corresponding box isn't empty
123 | $('#' + field_id + '_add_all_link').toggleClass('active', from.find('option').length > 0);
124 | $('#' + field_id + '_remove_all_link').toggleClass('active', to.find('option').length > 0);
125 | },
126 | filter_key_up: function(event, field_id) {
127 | var from = document.getElementById(field_id + '_from');
128 | // don't submit form if user pressed Enter
129 | if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13)) {
130 | from.selectedIndex = 0;
131 | SelectBox.move(field_id + '_from', field_id + '_to');
132 | from.selectedIndex = 0;
133 | return false;
134 | }
135 | var temp = from.selectedIndex;
136 | SelectBox.filter(field_id + '_from', document.getElementById(field_id + '_input').value);
137 | from.selectedIndex = temp;
138 | return true;
139 | },
140 | filter_key_down: function(event, field_id) {
141 | var from = document.getElementById(field_id + '_from');
142 | // right arrow -- move across
143 | if ((event.which && event.which == 39) || (event.keyCode && event.keyCode == 39)) {
144 | var old_index = from.selectedIndex;
145 | SelectBox.move(field_id + '_from', field_id + '_to');
146 | from.selectedIndex = (old_index == from.length) ? from.length - 1 : old_index;
147 | return false;
148 | }
149 | // down arrow -- wrap around
150 | if ((event.which && event.which == 40) || (event.keyCode && event.keyCode == 40)) {
151 | from.selectedIndex = (from.length == from.selectedIndex + 1) ? 0 : from.selectedIndex + 1;
152 | }
153 | // up arrow -- wrap around
154 | if ((event.which && event.which == 38) || (event.keyCode && event.keyCode == 38)) {
155 | from.selectedIndex = (from.selectedIndex == 0) ? from.length - 1 : from.selectedIndex - 1;
156 | }
157 | return true;
158 | }
159 | }
160 |
161 | })(django.jQuery);
162 |
--------------------------------------------------------------------------------