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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.html

Issue 185413015: Update the navbar in the observatory (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: new js Created 6 years, 10 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/observatory_elements/navigation_bar.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.html
diff --git a/runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.html b/runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..6c9ccc3e41e50b6ffb0d8b2a895f43b150b817b5
--- /dev/null
+++ b/runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.html
@@ -0,0 +1,193 @@
+<head>
+ <link rel="import" href="observatory_element.html">
+</head>
+
+<polymer-element name="nav-bar" extends="observatory-element">
+ <template>
+ <style>
+ nav ul {
+ display: inline-table;
+ position: relative;
+ list-style: none;
+ padding-left: 0;
+ margin-left: 0;
+ width: 100%;
+ z-index: 10;
+ font: 400 16px 'Montserrat', sans-serif;
+ color: white;
+ background-color: #0489c3;
+ }
+ nav ul:after {
+ content: ""; clear: both; display: block;
+ }
+ </style>
+ <nav>
+ <ul>
+ <content></content>
+ </ul>
+ </nav>
+ </template>
+</polymer-element>
+
+<polymer-element name="nav-menu" extends="observatory-element">
+ <template>
+ <style>
+ .menu, .spacer {
+ float: left;
+ }
+ .menu a, .spacer {
+ display: block;
+ padding: 12px 8px;
+ color: White;
+ text-decoration: none;
+ }
+ .menu:hover {
+ background: #455;
+ }
+ .menu ul {
+ display: none;
+ position: absolute;
+ top: 100%;
+ list-style: none;
+ padding: 0;
+ margin-left: 0;
+ width: auto;
+ z-index: 10;
+ font: 400 16px 'Montserrat', sans-serif;
+ color: white;
+ background: #567;
+ }
+ .menu ul:after {
+ content: ""; clear: both; display: block;
+ }
+ .menu:hover > ul {
+ display: block;
+ }
+ </style>
+
+ <li class="menu"><a href="{{ link }}">{{ anchor }}</a>
+ <ul><content></content></ul>
+ </li>
+ <template if="{{ !last }}">
+ <li class="spacer">&gt;</li>
+ </template>
+
+ </template>
+</polymer-element>
+
+<polymer-element name="nav-menu-item" extends="observatory-element">
+ <template>
+ <style>
+ li {
+ float: none;
+ border-top: 1px solid #677;
+ border-bottom: 1px solid #556; position: relative;
+ }
+ li:hover {
+ background: #455;
+ }
+ li ul {
+ display: none;
+ position: absolute;
+ top:0;
+ left: 100%;
+ list-style: none;
+ padding: 0;
+ margin-left: 0;
+ width: auto;
+ z-index: 10;
+ font: 400 16px 'Montserrat', sans-serif;
+ color: white;
+ background: #567;
+ }
+ li ul:after {
+ content: ""; clear: both; display: block;
+ }
+ li:hover > ul {
+ display: block;
+ }
+ li a {
+ display: block;
+ padding: 12px 12px;
+ color: white;
+ text-decoration: none;
+ }
+ </style>
+ <li><a href="{{ link }}">{{ anchor }}</a>
+ <ul><content></content></ul>
+ </li>
+ </template>
+</polymer-element>
+
+<polymer-element name="nav-refresh" extends="observatory-element">
+ <template>
+ <style>
+ .active {
+ color: #aaa;
+ }
+ .idle {
+ color: #000;
+ }
+ li {
+ float: right;
+ margin: 0;
+ }
+ li button {
+ margin: 3px;
+ padding: 8px;
+ }
+ </style>
+ <li>
+ <template if="{{ active }}">
+ <button class="active" on-click="{{ buttonClick }}">Refresh</button>
+ </template>
+ <template if="{{ !active }}">
+ <button class="idle" on-click="{{ buttonClick }}">Refresh</button>
+ </template>
+ </li>
+ </template>
+</polymer-element>
+
+<polymer-element name="top-nav-menu">
+ <template>
+ <nav-menu link="#" anchor="Observatory" last="{{ last }}">
+ <content></content>
+ </nav-menu>
+ </template>
+</polymer-element>
+
+<polymer-element name="isolate-nav-menu" extends="observatory-element">
+ <template>
+ <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}">
+ <nav-menu-item link="{{ app.locationManager.currentIsolateRelativeLink('stacktrace') }}"
+ anchor="stack trace"></nav-menu-item>
+ <nav-menu-item link="{{ app.locationManager.currentIsolateRelativeLink('profile') }}"
+ anchor="cpu profile"></nav-menu-item>
+ <nav-menu-item link="{{ app.locationManager.currentIsolateRelativeLink('allocationprofile') }}"
+ anchor="heap profile"></nav-menu-item>
+ <nav-menu-item link="{{ app.locationManager.currentIsolateRelativeLink('debug/breakpoints') }}"
+ anchor="breakpoints"></nav-menu-item>
+ <content></content>
+ </nav-menu>
+ </template>
+</polymer-element>
+
+<polymer-element name="library-nav-menu" extends="observatory-element">
+ <template>
+ <nav-menu link="{{ app.locationManager.currentIsolateRelativeLink(library['id']) }}"
+ anchor="{{ library['name'] }}" last="{{ last }}">
+ <content></content>
+ </nav-menu>
+ </template>
+</polymer-element>
+
+<polymer-element name="class-nav-menu" extends="observatory-element">
+ <template>
+ <nav-menu link="{{ app.locationManager.currentIsolateRelativeLink(cls['id']) }}"
+ anchor="{{ cls['user_name'] }}" last="{{ last }}">
+ <content></content>
+ </nav-menu>
+ </template>
+</polymer-element>
+
+<script type="application/dart" src="nav_bar.dart"></script>
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/observatory_elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/observatory_elements/navigation_bar.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698