Merge lp:~huwshimi/juju-gui/new-header into lp:juju-gui/experimental
- new-header
- Merge into trunk
Status: | Needs review |
---|---|
Proposed branch: | lp:~huwshimi/juju-gui/new-header |
Merge into: | lp:juju-gui/experimental |
Diff against target: |
409 lines (+135/-145) 9 files modified
app/app.js (+1/-1) app/index.html (+29/-40) app/views/service.js (+1/-1) app/views/utils.js (+1/-1) lib/views/base/header.less (+94/-0) lib/views/stylesheet.less (+5/-98) test/test_application_notifications.js (+1/-1) test/test_environment_view.js (+1/-1) test/test_notifications.js (+2/-2) |
To merge this branch: | bzr merge lp:~huwshimi/juju-gui/new-header |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Juju GUI Hackers | Pending | ||
Review via email: mp+155898@code.launchpad.net |
Commit message
Updated header to match the new design.
Description of the change
CHANGES:
Moved header css to own file.
Renamed classes and removed HTML that were specific Bootstrap.
Updated tests.
Set main header to use an id as there should only ever be one.
Updated colours and positioning to new design.
Added new logo file. Will update this again when we have an SVG of it.
Removed unnecessary HTML and made more semantically correct.
Re-ordered CSS to make more sense with the corresponding HTML and made it
more consistent.
Removed old image files.
TODO:
The new header is not yet responsive. That probably isn't worth doing until
we've moved the charm panel and removed the link and search from the header.
The notification button still uses Bootstrap and has not yet been styled
as per the new design.
Unmerged revisions
- 464. By Huw Wilkins
-
Styled header to match new design.
Preview Diff
1 | === modified file 'app/app.js' | |||
2 | --- app/app.js 2013-03-26 16:09:53 +0000 | |||
3 | +++ app/app.js 2013-03-28 06:55:24 +0000 | |||
4 | @@ -403,7 +403,7 @@ | |||
5 | 403 | 403 | ||
6 | 404 | // Halts the default navigation on the juju logo to allow us to show | 404 | // Halts the default navigation on the juju logo to allow us to show |
7 | 405 | // the real root view without namespaces | 405 | // the real root view without namespaces |
9 | 406 | var navNode = Y.one('#nav-brand-env'); | 406 | var navNode = Y.one('#header-brand'); |
10 | 407 | // Tests won't have this node. | 407 | // Tests won't have this node. |
11 | 408 | if (navNode) { | 408 | if (navNode) { |
12 | 409 | navNode.on('click', function(e) { | 409 | navNode.on('click', function(e) { |
13 | 410 | 410 | ||
14 | === removed file 'app/assets/images/alert_icon.png' | |||
15 | 411 | Binary files app/assets/images/alert_icon.png 2012-09-20 18:42:45 +0000 and app/assets/images/alert_icon.png 1970-01-01 00:00:00 +0000 differ | 411 | Binary files app/assets/images/alert_icon.png 2012-09-20 18:42:45 +0000 and app/assets/images/alert_icon.png 1970-01-01 00:00:00 +0000 differ |
16 | === added file 'app/assets/images/header_nav_border.jpg' | |||
17 | 412 | Binary files app/assets/images/header_nav_border.jpg 1970-01-01 00:00:00 +0000 and app/assets/images/header_nav_border.jpg 2013-03-28 06:55:24 +0000 differ | 412 | Binary files app/assets/images/header_nav_border.jpg 1970-01-01 00:00:00 +0000 and app/assets/images/header_nav_border.jpg 2013-03-28 06:55:24 +0000 differ |
18 | === added file 'app/assets/images/juju_logo_header.png' | |||
19 | 413 | Binary files app/assets/images/juju_logo_header.png 1970-01-01 00:00:00 +0000 and app/assets/images/juju_logo_header.png 2013-03-28 06:55:24 +0000 differ | 413 | Binary files app/assets/images/juju_logo_header.png 1970-01-01 00:00:00 +0000 and app/assets/images/juju_logo_header.png 2013-03-28 06:55:24 +0000 differ |
20 | === removed file 'app/assets/images/top_bar.png' | |||
21 | 414 | Binary files app/assets/images/top_bar.png 2012-09-20 18:42:45 +0000 and app/assets/images/top_bar.png 1970-01-01 00:00:00 +0000 differ | 414 | Binary files app/assets/images/top_bar.png 2012-09-20 18:42:45 +0000 and app/assets/images/top_bar.png 1970-01-01 00:00:00 +0000 differ |
22 | === modified file 'app/index.html' | |||
23 | --- app/index.html 2013-03-26 16:09:53 +0000 | |||
24 | +++ app/index.html 2013-03-28 06:55:24 +0000 | |||
25 | @@ -74,46 +74,35 @@ | |||
26 | 74 | <div id="viewport-wrapper"> | 74 | <div id="viewport-wrapper"> |
27 | 75 | <div id="vp-left-border"></div> | 75 | <div id="vp-left-border"></div> |
28 | 76 | <div id="viewport"> | 76 | <div id="viewport"> |
69 | 77 | <div class="navbar"> | 77 | <div id="header"> |
70 | 78 | <div id="nav-brand-env"> | 78 | <div id="header-brand"> |
71 | 79 | <span> | 79 | <a class="brand" href="/"> |
72 | 80 | <a class="brand" href="/"> | 80 | <i class="sprite juju_logo_header" title="Juju GUI"></i> |
73 | 81 | <i class="sprite juju_logo" title="Juju GUI"></i> | 81 | </a> |
74 | 82 | </a> | 82 | <i class="sprite environment_icon"></i> |
75 | 83 | </span> | 83 | <span id="environment-name"></span> |
76 | 84 | <span class="nav-container"> | 84 | <span id="provider-type" class="provider-type"></span> |
77 | 85 | <span class="nav-section"> | 85 | </div> |
78 | 86 | <i class="sprite environment_icon"></i> | 86 | <ul id="header-nav" class="nav"> |
79 | 87 | <span id="environment-name"></span> | 87 | <li> |
80 | 88 | <span id="provider-type" class="provider-type"></span> | 88 | <span id="notifications"></span> |
81 | 89 | </span> | 89 | Alerts |
82 | 90 | </span> | 90 | </li> |
83 | 91 | </div> | 91 | <li> |
84 | 92 | <div id="nav-alerts-charms"> | 92 | <a href="/logout/" id="logout-trigger">Logout</a> |
85 | 93 | <span class="nav-container"> | 93 | </li> |
86 | 94 | <span class="nav-section"> | 94 | <li id="charm-search-trigger-container"> |
87 | 95 | <i class="sprite alert_icon"></i> | 95 | <span id="charm-search-trigger"> |
88 | 96 | Alerts | 96 | <i id="charm-search-icon" class="sprite charm_icon"></i> |
89 | 97 | <span id="notifications"></span> | 97 | Charms |
90 | 98 | </span> | 98 | <i id="charm-search-chevron" |
91 | 99 | </span> | 99 | class="sprite chevron_down"></i> |
92 | 100 | <span class="nav-container"> | 100 | </span> |
93 | 101 | <span class="nav-section active-border"> | 101 | <input type="text" id="charm-search-field" |
94 | 102 | <a href="/logout/" id="logout-trigger">Logout</a> | 102 | required="required" placeholder="Search for a charm" /> |
95 | 103 | </span> | 103 | </li> |
96 | 104 | </span> | 104 | </ul> |
97 | 105 | <span class="nav-container" id="charm-search-trigger-container"> | 105 | <div class="gutter"></div> |
58 | 106 | <span class="nav-section active-border"> | ||
59 | 107 | <span id="charm-search-trigger"> | ||
60 | 108 | <i id="charm-search-icon" class="sprite charm_icon"></i> | ||
61 | 109 | Charms | ||
62 | 110 | <i id="charm-search-chevron" class="sprite chevron_down"></i> | ||
63 | 111 | </span> | ||
64 | 112 | <input type="text" id="charm-search-field" | ||
65 | 113 | required="required" placeholder="Search for a charm" /> | ||
66 | 114 | </span> | ||
67 | 115 | </span> | ||
68 | 116 | </div> | ||
98 | 117 | </div> | 106 | </div> |
99 | 118 | 107 | ||
100 | 119 | <div id="content"> | 108 | <div id="content"> |
101 | 120 | 109 | ||
102 | === modified file 'app/views/service.js' | |||
103 | --- app/views/service.js 2013-03-26 21:13:04 +0000 | |||
104 | +++ app/views/service.js 2013-03-28 06:55:24 +0000 | |||
105 | @@ -398,7 +398,7 @@ | |||
106 | 398 | viewContainer = container.one('.view-container'); | 398 | viewContainer = container.one('.view-container'); |
107 | 399 | if (viewContainer) { | 399 | if (viewContainer) { |
108 | 400 | Y.fire('beforePageSizeRecalculation'); | 400 | Y.fire('beforePageSizeRecalculation'); |
110 | 401 | var navbarHeight = getHeight(Y.one('.navbar')), | 401 | var navbarHeight = getHeight(Y.one('#header')), |
111 | 402 | windowHeight = container.get('winHeight'), | 402 | windowHeight = container.get('winHeight'), |
112 | 403 | headerHeight = getHeight(container.one( | 403 | headerHeight = getHeight(container.one( |
113 | 404 | '.service-header-partial')), | 404 | '.service-header-partial')), |
114 | 405 | 405 | ||
115 | === modified file 'app/views/utils.js' | |||
116 | --- app/views/utils.js 2013-03-26 21:13:04 +0000 | |||
117 | +++ app/views/utils.js 2013-03-28 06:55:24 +0000 | |||
118 | @@ -988,7 +988,7 @@ | |||
119 | 988 | var containerHeight = Y.one('body').get( | 988 | var containerHeight = Y.one('body').get( |
120 | 989 | primary ? 'winHeight' : 'docHeight'), | 989 | primary ? 'winHeight' : 'docHeight'), |
121 | 990 | bottomNavbar = Y.one('.bottom-navbar'), | 990 | bottomNavbar = Y.one('.bottom-navbar'), |
123 | 991 | navbar = Y.one('.navbar'), | 991 | navbar = Y.one('#header'), |
124 | 992 | viewport = Y.one('#viewport'), | 992 | viewport = Y.one('#viewport'), |
125 | 993 | result = {height: minheight || 0, width: minwidth || 0}; | 993 | result = {height: minheight || 0, width: minwidth || 0}; |
126 | 994 | if (containerHeight && navbar && viewport) { | 994 | if (containerHeight && navbar && viewport) { |
127 | 995 | 995 | ||
128 | === added directory 'lib/views/base' | |||
129 | === added file 'lib/views/base/header.less' | |||
130 | --- lib/views/base/header.less 1970-01-01 00:00:00 +0000 | |||
131 | +++ lib/views/base/header.less 2013-03-28 06:55:24 +0000 | |||
132 | @@ -0,0 +1,94 @@ | |||
133 | 1 | #header { | ||
134 | 2 | position: relative; | ||
135 | 3 | height: 76px; | ||
136 | 4 | margin: -87px 0 0 0; | ||
137 | 5 | padding-top: 12px; | ||
138 | 6 | background-color: #505050; | ||
139 | 7 | border-bottom: 2px solid #606060; | ||
140 | 8 | color: @navbar-color; | ||
141 | 9 | |||
142 | 10 | #header-brand { | ||
143 | 11 | float: left; | ||
144 | 12 | margin: 0 0 12px 20px; | ||
145 | 13 | |||
146 | 14 | .brand { | ||
147 | 15 | display: inline-block; | ||
148 | 16 | margin-right: 26px; | ||
149 | 17 | padding: 0; | ||
150 | 18 | } | ||
151 | 19 | .provider-type { | ||
152 | 20 | font-size: 0.7em; | ||
153 | 21 | } | ||
154 | 22 | } | ||
155 | 23 | #header-nav { | ||
156 | 24 | float: right; | ||
157 | 25 | margin: 3px 18px 0 0; | ||
158 | 26 | |||
159 | 27 | li { | ||
160 | 28 | display: inline-block; | ||
161 | 29 | padding: 6px 21px; | ||
162 | 30 | background: transparent | ||
163 | 31 | url(/juju-ui/assets/images/header_nav_border.jpg) | ||
164 | 32 | repeat-y top left; | ||
165 | 33 | |||
166 | 34 | #charm-search-trigger { | ||
167 | 35 | cursor: pointer; | ||
168 | 36 | } | ||
169 | 37 | #logout-trigger { | ||
170 | 38 | display: inline-block; | ||
171 | 39 | padding: 3px 0 7px 0; | ||
172 | 40 | } | ||
173 | 41 | #notifications { | ||
174 | 42 | position: relative; | ||
175 | 43 | } | ||
176 | 44 | .btn { | ||
177 | 45 | margin: 0 5px; | ||
178 | 46 | } | ||
179 | 47 | input { | ||
180 | 48 | height: 23px; | ||
181 | 49 | width: 128px; | ||
182 | 50 | background: url(/juju-ui/assets/images/searchbox_icon.png) | ||
183 | 51 | no-repeat 4px 4px whiteSmoke; | ||
184 | 52 | margin: -3px 10px 0 10px; | ||
185 | 53 | padding: 3px 3px 3px 26px; | ||
186 | 54 | font-style: italic; | ||
187 | 55 | font-size: 0.9em; | ||
188 | 56 | |||
189 | 57 | &:valid { | ||
190 | 58 | background: white; | ||
191 | 59 | padding: 3px; | ||
192 | 60 | width: 151px; | ||
193 | 61 | font-style: normal; | ||
194 | 62 | font-size: 1em; | ||
195 | 63 | } | ||
196 | 64 | &:focus { | ||
197 | 65 | color: gray; | ||
198 | 66 | border-color: rgba(82, 168, 236, 0.8); | ||
199 | 67 | outline: 0; | ||
200 | 68 | outline: thin dotted 9; | ||
201 | 69 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), | ||
202 | 70 | 0 0 8px rgba(82, 168, 236, 0.6); | ||
203 | 71 | } | ||
204 | 72 | } | ||
205 | 73 | #charm-search-trigger-container { | ||
206 | 74 | width: @charm-panel-width - 39px; | ||
207 | 75 | white-space: nowrap; | ||
208 | 76 | border-left: 1px solid transparent; | ||
209 | 77 | &.active-border { | ||
210 | 78 | border-left-color: darkgray; | ||
211 | 79 | .create-box-shadow(inset 1px 0 0 lightgray); | ||
212 | 80 | } | ||
213 | 81 | } | ||
214 | 82 | a, a:hover, a:visited, a:active { | ||
215 | 83 | color: @navbar-color; | ||
216 | 84 | text-decoration: none; | ||
217 | 85 | } | ||
218 | 86 | } | ||
219 | 87 | } | ||
220 | 88 | .gutter { | ||
221 | 89 | clear: both; | ||
222 | 90 | height: 16px; | ||
223 | 91 | background-color: #404040; | ||
224 | 92 | border-top: 2px solid #000; | ||
225 | 93 | } | ||
226 | 94 | } | ||
227 | 0 | 95 | ||
228 | === modified file 'lib/views/stylesheet.less' | |||
229 | --- lib/views/stylesheet.less 2013-03-27 03:08:15 +0000 | |||
230 | +++ lib/views/stylesheet.less 2013-03-28 06:55:24 +0000 | |||
231 | @@ -21,7 +21,7 @@ | |||
232 | 21 | @charm-panel-configure-color: #2F2A27; | 21 | @charm-panel-configure-color: #2F2A27; |
233 | 22 | @charm-panel-padding-left: 10px; | 22 | @charm-panel-padding-left: 10px; |
234 | 23 | @charm-panel-width: 292px; | 23 | @charm-panel-width: 292px; |
236 | 24 | @navbar-color: #2D2D2D!important; | 24 | @navbar-color: #eeeeee; |
237 | 25 | 25 | ||
238 | 26 | 26 | ||
239 | 27 | body { | 27 | body { |
240 | @@ -108,102 +108,6 @@ | |||
241 | 108 | } | 108 | } |
242 | 109 | } | 109 | } |
243 | 110 | 110 | ||
244 | 111 | .navbar { | ||
245 | 112 | margin-top: -87px; | ||
246 | 113 | margin-bottom: 0; | ||
247 | 114 | height: 87px; | ||
248 | 115 | min-width: 800px; | ||
249 | 116 | background: url(/juju-ui/assets/images/top_bar.png) repeat-x; | ||
250 | 117 | padding: 0; | ||
251 | 118 | position: relative; | ||
252 | 119 | color: @navbar-color; | ||
253 | 120 | .brand { | ||
254 | 121 | margin: 12px 26px 6px 10px; | ||
255 | 122 | padding: 0; | ||
256 | 123 | } | ||
257 | 124 | > div { | ||
258 | 125 | padding: 0; | ||
259 | 126 | .nav-container { | ||
260 | 127 | display: inline-block; | ||
261 | 128 | height: 44px; | ||
262 | 129 | margin: 2px 0 0 0; | ||
263 | 130 | padding: 20px 0 4px; | ||
264 | 131 | &#charm-search-trigger-container { | ||
265 | 132 | width: @charm-panel-width; | ||
266 | 133 | white-space: nowrap; | ||
267 | 134 | border-left: 1px solid transparent; | ||
268 | 135 | &.active-border { | ||
269 | 136 | border-left-color: darkgray; | ||
270 | 137 | .create-box-shadow(inset 1px 0 0 lightgray); | ||
271 | 138 | } | ||
272 | 139 | } | ||
273 | 140 | .nav-section { | ||
274 | 141 | border-left: 1px solid transparent; | ||
275 | 142 | &.active-border { | ||
276 | 143 | border-left-color: lightgray; | ||
277 | 144 | } | ||
278 | 145 | display: inline-block; | ||
279 | 146 | padding: 4px 10px; | ||
280 | 147 | #charm-search-trigger { | ||
281 | 148 | cursor: pointer; | ||
282 | 149 | } | ||
283 | 150 | #logout-trigger { | ||
284 | 151 | display: inline-block; | ||
285 | 152 | padding: 5px 0 8px 5px; | ||
286 | 153 | } | ||
287 | 154 | .btn { | ||
288 | 155 | margin: 0 5px; | ||
289 | 156 | } | ||
290 | 157 | input { | ||
291 | 158 | height: 23px; | ||
292 | 159 | width: 128px; | ||
293 | 160 | background: url(/juju-ui/assets/images/searchbox_icon.png) | ||
294 | 161 | no-repeat 4px 4px whiteSmoke; | ||
295 | 162 | margin: 0 10px; | ||
296 | 163 | padding: 3px 3px 3px 26px; | ||
297 | 164 | font-style: italic; | ||
298 | 165 | font-size: 0.9em; | ||
299 | 166 | &:valid { | ||
300 | 167 | background: white; | ||
301 | 168 | padding: 3px; | ||
302 | 169 | width: 151px; | ||
303 | 170 | font-style: normal; | ||
304 | 171 | font-size: 1em; | ||
305 | 172 | } | ||
306 | 173 | &:focus { | ||
307 | 174 | color: gray; | ||
308 | 175 | border-color: rgba(82, 168, 236, 0.8); | ||
309 | 176 | outline: 0; | ||
310 | 177 | outline: thin dotted 9; | ||
311 | 178 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), | ||
312 | 179 | 0 0 8px rgba(82, 168, 236, 0.6); | ||
313 | 180 | } | ||
314 | 181 | } | ||
315 | 182 | a, a:hover, a:visited, a:active { | ||
316 | 183 | color: @navbar-color; | ||
317 | 184 | text-decoration: none; | ||
318 | 185 | } | ||
319 | 186 | } | ||
320 | 187 | } | ||
321 | 188 | span:first-child .nav-section { | ||
322 | 189 | border-left: none; | ||
323 | 190 | padding: 0 6px; | ||
324 | 191 | } | ||
325 | 192 | &#nav-alerts-charms { | ||
326 | 193 | float: right; | ||
327 | 194 | .nav-container:first-child .nav-section { | ||
328 | 195 | position: relative; | ||
329 | 196 | } | ||
330 | 197 | } | ||
331 | 198 | &#nav-brand-env .nav-container { | ||
332 | 199 | float: left; | ||
333 | 200 | .provider-type { | ||
334 | 201 | font-size: 0.7em; | ||
335 | 202 | } | ||
336 | 203 | } | ||
337 | 204 | } | ||
338 | 205 | } | ||
339 | 206 | |||
340 | 207 | .bottom-navbar { | 111 | .bottom-navbar { |
341 | 208 | min-width: 800px; | 112 | min-width: 800px; |
342 | 209 | height: 50px; | 113 | height: 50px; |
343 | @@ -818,7 +722,7 @@ | |||
344 | 818 | &.charm-filter-picker { | 722 | &.charm-filter-picker { |
345 | 819 | left: 11px; | 723 | left: 11px; |
346 | 820 | padding-bottom: 5px; | 724 | padding-bottom: 5px; |
348 | 821 | @top: 0px; | 725 | @top: 4px; |
349 | 822 | top: @top; | 726 | top: @top; |
350 | 823 | .create-picker(270px, @top, @top, initial); | 727 | .create-picker(270px, @top, @top, initial); |
351 | 824 | .picker-expanded .picker-list { | 728 | .picker-expanded .picker-list { |
352 | @@ -1639,6 +1543,9 @@ | |||
353 | 1639 | } | 1543 | } |
354 | 1640 | } | 1544 | } |
355 | 1641 | 1545 | ||
356 | 1546 | /** Base **/ | ||
357 | 1547 | @import "base/header.less"; | ||
358 | 1548 | |||
359 | 1642 | /** SubApps **/ | 1549 | /** SubApps **/ |
360 | 1643 | @import "browser/main.less"; | 1550 | @import "browser/main.less"; |
361 | 1644 | 1551 | ||
362 | 1645 | 1552 | ||
363 | === modified file 'test/test_application_notifications.js' | |||
364 | --- test/test_application_notifications.js 2013-03-25 15:04:06 +0000 | |||
365 | +++ test/test_application_notifications.js 2013-03-28 06:55:24 +0000 | |||
366 | @@ -248,7 +248,7 @@ | |||
367 | 248 | 248 | ||
368 | 249 | it('should add a notification for "permissionDenied" exceptions (app)', | 249 | it('should add a notification for "permissionDenied" exceptions (app)', |
369 | 250 | function() { | 250 | function() { |
371 | 251 | var logoNode = Y.Node.create('<div id="nav-brand-env"></div>'); | 251 | var logoNode = Y.Node.create('<div id="header-brand"></div>'); |
372 | 252 | Y.one('body').append(logoNode); | 252 | Y.one('body').append(logoNode); |
373 | 253 | var app = new juju.App(); | 253 | var app = new juju.App(); |
374 | 254 | app.env.fire('permissionDenied', {title: 'title', message: 'message'}); | 254 | app.env.fire('permissionDenied', {title: 'title', message: 'message'}); |
375 | 255 | 255 | ||
376 | === modified file 'test/test_environment_view.js' | |||
377 | --- test/test_environment_view.js 2013-03-26 16:09:53 +0000 | |||
378 | +++ test/test_environment_view.js 2013-03-28 06:55:24 +0000 | |||
379 | @@ -625,7 +625,7 @@ | |||
380 | 625 | function() { | 625 | function() { |
381 | 626 | // The height of a navbar is used in calculating the viewport size, | 626 | // The height of a navbar is used in calculating the viewport size, |
382 | 627 | // so add a temporary one to the DOM | 627 | // so add a temporary one to the DOM |
384 | 628 | var navbar = Y.Node.create('<div class="navbar" ' + | 628 | var navbar = Y.Node.create('<div id="header" ' + |
385 | 629 | 'style="height:70px;">Navbar</div>'); | 629 | 'style="height:70px;">Navbar</div>'); |
386 | 630 | Y.one('body').append(navbar); | 630 | Y.one('body').append(navbar); |
387 | 631 | var viewport = Y.Node.create('<div id="viewport" ' + | 631 | var viewport = Y.Node.create('<div id="viewport" ' + |
388 | 632 | 632 | ||
389 | === modified file 'test/test_notifications.js' | |||
390 | --- test/test_notifications.js 2013-03-20 20:40:10 +0000 | |||
391 | +++ test/test_notifications.js 2013-03-28 06:55:24 +0000 | |||
392 | @@ -72,7 +72,7 @@ | |||
393 | 72 | juju = Y.namespace('juju'); | 72 | juju = Y.namespace('juju'); |
394 | 73 | models = Y.namespace('juju.models'); | 73 | models = Y.namespace('juju.models'); |
395 | 74 | views = Y.namespace('juju.views'); | 74 | views = Y.namespace('juju.views'); |
397 | 75 | logoNode = Y.Node.create('<div id="nav-brand-env"></div>'); | 75 | logoNode = Y.Node.create('<div id="header-brand"></div>'); |
398 | 76 | Y.one('body').append(logoNode); | 76 | Y.one('body').append(logoNode); |
399 | 77 | done(); | 77 | done(); |
400 | 78 | }); | 78 | }); |
401 | @@ -188,7 +188,7 @@ | |||
402 | 188 | 188 | ||
403 | 189 | it('must be able to include and show object links', function() { | 189 | it('must be able to include and show object links', function() { |
404 | 190 | var container = Y.Node.create('<div id="test">'), | 190 | var container = Y.Node.create('<div id="test">'), |
406 | 191 | logoNode = Y.Node.create('<div id="nav-brand-env"></div>'), | 191 | logoNode = Y.Node.create('<div id="header-brand"></div>'), |
407 | 192 | conn = new(Y.namespace('juju-tests.utils')).SocketStub(), | 192 | conn = new(Y.namespace('juju-tests.utils')).SocketStub(), |
408 | 193 | env = juju.newEnvironment({conn: conn}), | 193 | env = juju.newEnvironment({conn: conn}), |
409 | 194 | app = new Y.juju.App({env: env, container: container}), | 194 | app = new Y.juju.App({env: env, container: container}), |