Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(373)

Side by Side Diff: runtime/observatory/lib/src/elements/io_view.html

Issue 2167053002: Converted Observatory nav-notify element (Closed) Base URL: git@github.com:dart-lang/sdk.git@master
Patch Set: Fixed template ciclic references that were blocking initialization Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> 1 <link rel="import" href="../../../../packages/polymer/polymer.html">
2 <link rel="import" href="nav_bar.html"> 2 <link rel="import" href="nav_bar.html">
3 <link rel="import" href="observatory_element.html"> 3
4 <link rel="import" href="service_ref.html"> 4 <link rel="import" href="service_ref.html">
5 5
6 <polymer-element name="io-view" extends="observatory-element"> 6 <polymer-element name="io-view">
7 <template> 7 <template>
8 <link rel="stylesheet" href="css/shared.css"> 8 <link rel="stylesheet" href="css/shared.css">
9 9
10 <nav-bar> 10 <nav-bar>
11 <top-nav-menu last="{{ true }}"></top-nav-menu> 11 <top-nav-menu last="{{ true }}"></top-nav-menu>
12 <nav-refresh callback="{{ refresh }}"></nav-refresh> 12 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 13 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
14 </nav-bar> 14 </nav-bar>
15 15
16 <div class="content"> 16 <div class="content">
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
55 <a on-click="{{ goto }}" _href="{{gotoLink('io/processes', isolate)}}" >Processes</a> 55 <a on-click="{{ goto }}" _href="{{gotoLink('io/processes', isolate)}}" >Processes</a>
56 </li> 56 </li>
57 </ul> 57 </ul>
58 58
59 </div> 59 </div>
60 <br> 60 <br>
61 <hr> 61 <hr>
62 </template> 62 </template>
63 </polymer-element> 63 </polymer-element>
64 64
65 <polymer-element name="io-ref" extends="service-ref"> 65 <polymer-element name="io-ref">
66 <template> 66 <template>
67 <link rel="stylesheet" href="css/shared.css"> 67 <link rel="stylesheet" href="css/shared.css">
68 <template if="{{ ref.type == 'Socket' }}"> 68 <template if="{{ ref.type == 'Socket' }}">
69 <io-socket-ref ref="{{ ref }}"></io-socket-ref> 69 <io-socket-ref ref="{{ ref }}"></io-socket-ref>
70 </template> 70 </template>
71 <template if="{{ ref.type == 'HttpServerConnection' }}"> 71 <template if="{{ ref.type == 'HttpServerConnection' }}">
72 <io-http-server-connection-ref ref="{{ ref }}"></io-http-server-connection -ref> 72 <io-http-server-connection-ref ref="{{ ref }}"></io-http-server-connection -ref>
73 </template> 73 </template>
74 <template if="{{ ref.type == 'HttpServer' }}"> 74 <template if="{{ ref.type == 'HttpServer' }}">
75 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref> 75 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref>
76 </template> 76 </template>
77 <template if="{{ ref.type == 'WebSocket' }}"> 77 <template if="{{ ref.type == 'WebSocket' }}">
78 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref> 78 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref>
79 </template> 79 </template>
80 <template if="{{ ref.type == 'Process' }}"> 80 <template if="{{ ref.type == 'Process' }}">
81 <io-process-ref ref="{{ ref }}"></io-process-ref> 81 <io-process-ref ref="{{ ref }}"></io-process-ref>
82 </template> 82 </template>
83 </template> 83 </template>
84 </polymer-element> 84 </polymer-element>
85 85
86 <polymer-element name="io-http-server-list-view" extends="observatory-element"> 86 <polymer-element name="io-http-server-list-view">
87 <template> 87 <template>
88 <link rel="stylesheet" href="css/shared.css"> 88 <link rel="stylesheet" href="css/shared.css">
89 89
90 <nav-bar> 90 <nav-bar>
91 <top-nav-menu last="{{ true }}"></top-nav-menu> 91 <top-nav-menu last="{{ true }}"></top-nav-menu>
92 <nav-refresh callback="{{ refresh }}"></nav-refresh> 92 <nav-refresh callback="{{ refresh }}"></nav-refresh>
93 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 93 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
94 </nav-bar> 94 </nav-bar>
95 95
96 <div class="content"> 96 <div class="content">
97 <h1>HttpServers</h1> 97 <h1>HttpServers</h1>
98 98
99 <br> 99 <br>
100 100
101 <ul class="list-group"> 101 <ul class="list-group">
102 <template repeat="{{ httpServer in list['members'] }}"> 102 <template repeat="{{ httpServer in list['members'] }}">
103 <li class="list-group-item"> 103 <li class="list-group-item">
104 <io-http-server-ref ref="{{ httpServer }}"></io-http-server-ref> 104 <io-http-server-ref ref="{{ httpServer }}"></io-http-server-ref>
105 </li> 105 </li>
106 </template> 106 </template>
107 </ul> 107 </ul>
108 </div> 108 </div>
109 <br> 109 <br>
110 <hr> 110 <hr>
111 </template> 111 </template>
112 </polymer-element> 112 </polymer-element>
113 113
114 <polymer-element name="io-http-server-ref" extends="service-ref"> 114 <polymer-element name="io-http-server-ref">
115 <template> 115 <template>
116 <link rel="stylesheet" href="css/shared.css"> 116 <link rel="stylesheet" href="css/shared.css">
117 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> 117 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
118 </template> 118 </template>
119 </polymer-element> 119 </polymer-element>
120 120
121 <polymer-element name="io-http-server-view" extends="observatory-element"> 121 <polymer-element name="io-http-server-view">
122 <template> 122 <template>
123 <link rel="stylesheet" href="css/shared.css"> 123 <link rel="stylesheet" href="css/shared.css">
124 124
125 <nav-bar> 125 <nav-bar>
126 <top-nav-menu last="{{ true }}"></top-nav-menu> 126 <top-nav-menu last="{{ true }}"></top-nav-menu>
127 <nav-refresh callback="{{ refresh }}"></nav-refresh> 127 <nav-refresh callback="{{ refresh }}"></nav-refresh>
128 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 128 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
129 </nav-bar> 129 </nav-bar>
130 130
131 <div class="content"> 131 <div class="content">
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
166 </template> 166 </template>
167 </ul> 167 </ul>
168 </div> 168 </div>
169 </div> 169 </div>
170 </div> 170 </div>
171 <br> 171 <br>
172 <hr> 172 <hr>
173 </template> 173 </template>
174 </polymer-element> 174 </polymer-element>
175 175
176 <polymer-element name="io-http-server-connection-ref" extends="service-ref"> 176 <polymer-element name="io-http-server-connection-ref">
177 <template> 177 <template>
178 <link rel="stylesheet" href="css/shared.css"> 178 <link rel="stylesheet" href="css/shared.css">
179 <a _href="{{ url }}">{{ name }}</a> 179 <a _href="{{ url }}">{{ name }}</a>
180 </template> 180 </template>
181 </polymer-element> 181 </polymer-element>
182 182
183 <polymer-element name="io-http-server-connection-view" extends="observatory-elem ent"> 183 <polymer-element name="io-http-server-connection-view">
184 <template> 184 <template>
185 <link rel="stylesheet" href="css/shared.css"> 185 <link rel="stylesheet" href="css/shared.css">
186 186
187 <nav-bar> 187 <nav-bar>
188 <top-nav-menu last="{{ true }}"></top-nav-menu> 188 <top-nav-menu last="{{ true }}"></top-nav-menu>
189 <nav-refresh callback="{{ refresh }}"></nav-refresh> 189 <nav-refresh callback="{{ refresh }}"></nav-refresh>
190 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 190 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
191 </nav-bar> 191 </nav-bar>
192 192
193 <div class="content"> 193 <div class="content">
(...skipping 14 matching lines...) Expand all
208 <div class="memberName">Server</div> 208 <div class="memberName">Server</div>
209 <div class="memberValue"><io-http-server-ref ref="{{ connection['serve r'] }}"></io-http-server-ref></div> 209 <div class="memberValue"><io-http-server-ref ref="{{ connection['serve r'] }}"></io-http-server-ref></div>
210 </div> 210 </div>
211 </div> 211 </div>
212 </div> 212 </div>
213 <br> 213 <br>
214 <hr> 214 <hr>
215 </template> 215 </template>
216 </polymer-element> 216 </polymer-element>
217 217
218 <polymer-element name="io-socket-ref" extends="service-ref"> 218 <polymer-element name="io-socket-ref">
219 <template> 219 <template>
220 <link rel="stylesheet" href="css/shared.css"> 220 <link rel="stylesheet" href="css/shared.css">
221 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> 221 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
222 </template> 222 </template>
223 </polymer-element> 223 </polymer-element>
224 224
225 <polymer-element name="io-socket-list-view" extends="observatory-element"> 225 <polymer-element name="io-socket-list-view">
226 <template> 226 <template>
227 <link rel="stylesheet" href="css/shared.css"> 227 <link rel="stylesheet" href="css/shared.css">
228 228
229 <nav-bar> 229 <nav-bar>
230 <top-nav-menu last="{{ true }}"></top-nav-menu> 230 <top-nav-menu last="{{ true }}"></top-nav-menu>
231 <nav-refresh callback="{{ refresh }}"></nav-refresh> 231 <nav-refresh callback="{{ refresh }}"></nav-refresh>
232 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 232 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
233 </nav-bar> 233 </nav-bar>
234 234
235 <div class="content"> 235 <div class="content">
236 <h1>Sockets</h1> 236 <h1>Sockets</h1>
237 237
238 <br> 238 <br>
239 239
240 <ul class="list-group"> 240 <ul class="list-group">
241 <template repeat="{{ socket in list['members'] }}"> 241 <template repeat="{{ socket in list['members'] }}">
242 <li class="list-group-item"> 242 <li class="list-group-item">
243 <io-socket-ref ref="{{ socket }}"></io-socket-ref> 243 <io-socket-ref ref="{{ socket }}"></io-socket-ref>
244 </li> 244 </li>
245 </template> 245 </template>
246 </ul> 246 </ul>
247 </div> 247 </div>
248 <br> 248 <br>
249 <hr> 249 <hr>
250 </template> 250 </template>
251 </polymer-element> 251 </polymer-element>
252 252
253 <polymer-element name="io-socket-view" extends="observatory-element"> 253 <polymer-element name="io-socket-view">
254 <template> 254 <template>
255 <link rel="stylesheet" href="css/shared.css"> 255 <link rel="stylesheet" href="css/shared.css">
256 256
257 <nav-bar> 257 <nav-bar>
258 <top-nav-menu last="{{ true }}"></top-nav-menu> 258 <top-nav-menu last="{{ true }}"></top-nav-menu>
259 <nav-refresh callback="{{ refresh }}"></nav-refresh> 259 <nav-refresh callback="{{ refresh }}"></nav-refresh>
260 </nav-bar> 260 </nav-bar>
261 261
262 <div class="content"> 262 <div class="content">
263 <!-- Pipe Socket --> 263 <!-- Pipe Socket -->
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
339 <div class="memberValue">{{ socket.protocol }}</div> 339 <div class="memberValue">{{ socket.protocol }}</div>
340 </div> 340 </div>
341 </div> 341 </div>
342 </template> 342 </template>
343 </div> 343 </div>
344 <br> 344 <br>
345 <hr> 345 <hr>
346 </template> 346 </template>
347 </polymer-element> 347 </polymer-element>
348 348
349 <polymer-element name="io-web-socket-ref" extends="service-ref"> 349 <polymer-element name="io-web-socket-ref">
350 <template> 350 <template>
351 <link rel="stylesheet" href="css/shared.css"> 351 <link rel="stylesheet" href="css/shared.css">
352 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> 352 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
353 </template> 353 </template>
354 </polymer-element> 354 </polymer-element>
355 355
356 <polymer-element name="io-web-socket-list-view" extends="observatory-element"> 356 <polymer-element name="io-web-socket-list-view">
357 <template> 357 <template>
358 <link rel="stylesheet" href="css/shared.css"> 358 <link rel="stylesheet" href="css/shared.css">
359 359
360 <nav-bar> 360 <nav-bar>
361 <top-nav-menu last="{{ true }}"></top-nav-menu> 361 <top-nav-menu last="{{ true }}"></top-nav-menu>
362 <nav-refresh callback="{{ refresh }}"></nav-refresh> 362 <nav-refresh callback="{{ refresh }}"></nav-refresh>
363 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 363 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
364 </nav-bar> 364 </nav-bar>
365 365
366 <div class="content"> 366 <div class="content">
367 <h1>WebSockets</h1> 367 <h1>WebSockets</h1>
368 368
369 <br> 369 <br>
370 370
371 <ul class="list-group"> 371 <ul class="list-group">
372 <template repeat="{{ webSocket in list['members'] }}"> 372 <template repeat="{{ webSocket in list['members'] }}">
373 <li class="list-group-item"> 373 <li class="list-group-item">
374 <io-web-socket-ref ref="{{ webSocket }}"></io-web-socket-ref> 374 <io-web-socket-ref ref="{{ webSocket }}"></io-web-socket-ref>
375 </li> 375 </li>
376 </template> 376 </template>
377 </ul> 377 </ul>
378 </div> 378 </div>
379 <br> 379 <br>
380 <hr> 380 <hr>
381 </template> 381 </template>
382 </polymer-element> 382 </polymer-element>
383 383
384 <polymer-element name="io-web-socket-view" extends="observatory-element"> 384 <polymer-element name="io-web-socket-view">
385 <template> 385 <template>
386 <link rel="stylesheet" href="css/shared.css"> 386 <link rel="stylesheet" href="css/shared.css">
387 387
388 <nav-bar> 388 <nav-bar>
389 <top-nav-menu last="{{ true }}"></top-nav-menu> 389 <top-nav-menu last="{{ true }}"></top-nav-menu>
390 <nav-refresh callback="{{ refresh }}"></nav-refresh> 390 <nav-refresh callback="{{ refresh }}"></nav-refresh>
391 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 391 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
392 </nav-bar> 392 </nav-bar>
393 393
394 <div class="content"> 394 <div class="content">
395 <h1>WebSocket</h1> 395 <h1>WebSocket</h1>
396 396
397 <br> 397 <br>
398 398
399 <div class="memberList"> 399 <div class="memberList">
400 <div class="memberItem"> 400 <div class="memberItem">
401 <div class="memberName">Socket</div> 401 <div class="memberName">Socket</div>
402 <div class="memberValue"><io-socket-ref ref="{{ webSocket['socket'] }} "></io-socket-ref></div> 402 <div class="memberValue"><io-socket-ref ref="{{ webSocket['socket'] }} "></io-socket-ref></div>
403 </div> 403 </div>
404 </div> 404 </div>
405 </div> 405 </div>
406 <br> 406 <br>
407 <hr> 407 <hr>
408 </template> 408 </template>
409 </polymer-element> 409 </polymer-element>
410 410
411 <polymer-element name="io-random-access-file-ref" extends="service-ref"> 411 <polymer-element name="io-random-access-file-ref">
412 <template> 412 <template>
413 <link rel="stylesheet" href="css/shared.css"> 413 <link rel="stylesheet" href="css/shared.css">
414 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> 414 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
415 </template> 415 </template>
416 </polymer-element> 416 </polymer-element>
417 417
418 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment"> 418 <polymer-element name="io-random-access-file-list-view">
419 <template> 419 <template>
420 <link rel="stylesheet" href="css/shared.css"> 420 <link rel="stylesheet" href="css/shared.css">
421 421
422 <nav-bar> 422 <nav-bar>
423 <top-nav-menu last="{{ true }}"></top-nav-menu> 423 <top-nav-menu last="{{ true }}"></top-nav-menu>
424 <nav-refresh callback="{{ refresh }}"></nav-refresh> 424 <nav-refresh callback="{{ refresh }}"></nav-refresh>
425 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 425 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
426 </nav-bar> 426 </nav-bar>
427 427
428 <div class="content"> 428 <div class="content">
429 <h1>Random Access Files</h1> 429 <h1>Random Access Files</h1>
430 430
431 <br> 431 <br>
432 432
433 <ul class="list-group"> 433 <ul class="list-group">
434 <template repeat="{{ file in list['members'] }}"> 434 <template repeat="{{ file in list['members'] }}">
435 <li class="list-group-item"> 435 <li class="list-group-item">
436 <io-random-access-file-ref ref="{{ file }}"></io-random-access-file- ref> 436 <io-random-access-file-ref ref="{{ file }}"></io-random-access-file- ref>
437 </li> 437 </li>
438 </template> 438 </template>
439 </ul> 439 </ul>
440 </div> 440 </div>
441 <br> 441 <br>
442 <hr> 442 <hr>
443 </template> 443 </template>
444 </polymer-element> 444 </polymer-element>
445 445
446 <polymer-element name="io-random-access-file-view" extends="observatory-element" > 446 <polymer-element name="io-random-access-file-view">
447 <template> 447 <template>
448 <link rel="stylesheet" href="css/shared.css"> 448 <link rel="stylesheet" href="css/shared.css">
449 449
450 <nav-bar> 450 <nav-bar>
451 <top-nav-menu last="{{ true }}"></top-nav-menu> 451 <top-nav-menu last="{{ true }}"></top-nav-menu>
452 <nav-refresh callback="{{ refresh }}"></nav-refresh> 452 <nav-refresh callback="{{ refresh }}"></nav-refresh>
453 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 453 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
454 </nav-bar> 454 </nav-bar>
455 455
456 <div class="content"> 456 <div class="content">
(...skipping 14 matching lines...) Expand all
471 <div class="memberName">File Descriptor</div> 471 <div class="memberName">File Descriptor</div>
472 <div class="memberValue">{{ file['fd'] }}</div> 472 <div class="memberValue">{{ file['fd'] }}</div>
473 </div> 473 </div>
474 </div> 474 </div>
475 </div> 475 </div>
476 <br> 476 <br>
477 <hr> 477 <hr>
478 </template> 478 </template>
479 </polymer-element> 479 </polymer-element>
480 480
481 <polymer-element name="io-process-list-view" extends="observatory-element"> 481 <polymer-element name="io-process-list-view">
482 <template> 482 <template>
483 <link rel="stylesheet" href="css/shared.css"> 483 <link rel="stylesheet" href="css/shared.css">
484 484
485 <nav-bar> 485 <nav-bar>
486 <top-nav-menu last="{{ true }}"></top-nav-menu> 486 <top-nav-menu last="{{ true }}"></top-nav-menu>
487 <nav-refresh callback="{{ refresh }}"></nav-refresh> 487 <nav-refresh callback="{{ refresh }}"></nav-refresh>
488 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 488 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
489 </nav-bar> 489 </nav-bar>
490 490
491 <div class="content"> 491 <div class="content">
492 <h1>Processes</h1> 492 <h1>Processes</h1>
493 493
494 <br> 494 <br>
495 495
496 <ul class="list-group"> 496 <ul class="list-group">
497 <template repeat="{{ process in list['members'] }}"> 497 <template repeat="{{ process in list['members'] }}">
498 <li class="list-group-item"> 498 <li class="list-group-item">
499 <io-process-ref ref="{{ process }}"></io-process-ref> 499 <io-process-ref ref="{{ process }}"></io-process-ref>
500 </li> 500 </li>
501 </template> 501 </template>
502 </ul> 502 </ul>
503 </div> 503 </div>
504 <br> 504 <br>
505 <hr> 505 <hr>
506 </template> 506 </template>
507 </polymer-element> 507 </polymer-element>
508 508
509 <polymer-element name="io-process-ref" extends="service-ref"> 509 <polymer-element name="io-process-ref">
510 <template> 510 <template>
511 <link rel="stylesheet" href="css/shared.css"> 511 <link rel="stylesheet" href="css/shared.css">
512 <template if="{{ small }}"> 512 <template if="{{ small }}">
513 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> 513 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
514 </template> 514 </template>
515 <template if="{{ !small }}"> 515 <template if="{{ !small }}">
516 <a on-click="{{ goto }}" _href="{{ url }}">({{ ref['pid'] }}) {{ name }} { { ref['arguments'] }}</a> 516 <a on-click="{{ goto }}" _href="{{ url }}">({{ ref['pid'] }}) {{ name }} { { ref['arguments'] }}</a>
517 </template> 517 </template>
518 </template> 518 </template>
519 </polymer-element> 519 </polymer-element>
520 520
521 <polymer-element name="io-process-view" extends="observatory-element"> 521 <polymer-element name="io-process-view">
522 <template> 522 <template>
523 <link rel="stylesheet" href="css/shared.css"> 523 <link rel="stylesheet" href="css/shared.css">
524 524
525 <nav-bar> 525 <nav-bar>
526 <top-nav-menu last="{{ true }}"></top-nav-menu> 526 <top-nav-menu last="{{ true }}"></top-nav-menu>
527 <nav-refresh callback="{{ refresh }}"></nav-refresh> 527 <nav-refresh callback="{{ refresh }}"></nav-refresh>
528 <nav-notify notifications="{{ app.notifications }}"></nav-notify> 528 <nav-notify notifications="{{ app.notifications }}"></nav-notify>
529 </nav-bar> 529 </nav-bar>
530 530
531 <div class="content"> 531 <div class="content">
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
591 </template> 591 </template>
592 </div> 592 </div>
593 </div> 593 </div>
594 </div> 594 </div>
595 <br> 595 <br>
596 <hr> 596 <hr>
597 </template> 597 </template>
598 </polymer-element> 598 </polymer-element>
599 599
600 <script type="application/dart" src="io_view.dart"></script> 600 <script type="application/dart" src="io_view.dart"></script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698