| OLD | NEW |
|---|
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="error_view.html"> | 2 <link rel="import" href="curly_block.html"> |
| 3 <link rel="import" href="eval_box.html"> |
| 3 <link rel="import" href="field_ref.html"> | 4 <link rel="import" href="field_ref.html"> |
| 4 <link rel="import" href="function_ref.html"> | 5 <link rel="import" href="function_ref.html"> |
| 5 <link rel="import" href="instance_ref.html"> | 6 <link rel="import" href="instance_ref.html"> |
| 6 <link rel="import" href="library_ref.html"> | 7 <link rel="import" href="library_ref.html"> |
| 7 <link rel="import" href="nav_bar.html"> | 8 <link rel="import" href="nav_bar.html"> |
| 8 <link rel="import" href="observatory_element.html"> | 9 <link rel="import" href="observatory_element.html"> |
| 9 </head> | 10 </head> |
| 10 <polymer-element name="class-view" extends="observatory-element"> | 11 <polymer-element name="class-view" extends="observatory-element"> |
| 11 <template> | 12 <template> |
| 13 <style> |
| 14 .content { |
| 15 padding-left: 10%; |
| 16 font: 400 14px 'Montserrat', sans-serif; |
| 17 } |
| 18 h1 { |
| 19 font: 400 18px 'Montserrat', sans-serif; |
| 20 } |
| 21 .memberHeader, .member { |
| 22 vertical-align: top; |
| 23 padding: 3px 0 3px 1em; |
| 24 font: 400 14px 'Montserrat', sans-serif; |
| 25 } |
| 26 </style> |
| 27 |
| 12 <nav-bar> | 28 <nav-bar> |
| 13 <top-nav-menu></top-nav-menu> | 29 <top-nav-menu></top-nav-menu> |
| 14 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> | 30 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> |
| 15 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> | 31 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> |
| 16 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> | 32 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> |
| 17 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 33 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 18 </nav-bar> | 34 </nav-bar> |
| 19 | 35 |
| 20 <div class="row"> | 36 <div class="content"> |
| 21 <div class="col-md-8 col-md-offset-2"> | 37 <h1> |
| 22 <div class="panel panel-warning"> | 38 <template if="{{ cls['abstract'] }}"> |
| 23 <div class="panel-heading"> | 39 abstract |
| 24 class <strong>{{ cls.name }}</strong> | 40 </template> |
| 25 <template if="{{ cls['super']['type'] != 'Null' }}"> | 41 <template if="{{ cls['patch'] }}"> |
| 26 extends | 42 patch |
| 27 <class-ref ref="{{ cls['super'] }}"></class-ref> | 43 </template> |
| 28 </template> | 44 class {{ cls.name }} |
| 29 <p></p> | 45 </h1> |
| 30 <library-ref ref="{{ cls['library'] }}"></library-ref> | 46 <table> |
| 31 </div> | 47 <tr> |
| 32 <div class="panel-body"> | 48 <td class="memberHeader">library</td> |
| 33 <table class="table table-hover"> | 49 <td class="member"> |
| 34 <tbody> | 50 <library-ref ref="{{ cls['library'] }}"></library-ref> |
| 35 <tr> | 51 </td> |
| 36 <td>Abstract</td><td>{{ cls['abstract'] }}</td> | 52 </tr> |
| 37 </tr> | 53 <tr> |
| 38 <tr> | 54 <td class="memberHeader">script</td> |
| 39 <td>Const</td><td>{{ cls['const'] }}</td> | 55 <td class="member"> |
| 40 </tr> | 56 <script-ref ref="{{ cls['script'] }}" line="{{ cls['line'] }}"> |
| 41 <tr> | 57 </script-ref> |
| 42 <td>Finalized</td><td>{{ cls['const'] }}</td> | 58 </td> |
| 43 </tr> | 59 </tr> |
| 44 <tr> | 60 <tr><td> </td></tr> |
| 45 <td>Implemented</td><td>{{ cls['implemented'] }}</td> | 61 <template if="{{ cls['super']['type'] != 'Null' }}"> |
| 46 </tr> | 62 <tr> |
| 47 <tr> | 63 <td class="memberHeader">extends</td> |
| 48 <td>Patch</td><td>{{ cls['patch'] }}</td> | 64 <td class="member"> |
| 49 </tr> | 65 <class-ref ref="{{ cls['super'] }}"></class-ref> |
| 50 <tr> | 66 </td> |
| 51 <td>VM Name</td><td>{{ cls['name'] }}</td> | 67 </tr> |
| 52 </tr> | 68 </template> |
| 53 </tbody> | 69 <template if="{{ cls['subclasses'].length > 0 }}"> |
| 70 <tr> |
| 71 <td class="memberHeader">extended by</td> |
| 72 <td class="member"> |
| 73 <template repeat="{{ subclass in cls['subclasses'] }}"> |
| 74 <class-ref ref="{{ subclass }}"></class-ref> |
| 75 </template> |
| 76 </td> |
| 77 </tr> |
| 78 </template> |
| 79 <tr><td> </td></tr> |
| 80 <template if="{{ cls['interfaces'].length > 0 }}"> |
| 81 <tr> |
| 82 <td class="memberHeader">implements</td> |
| 83 <td class="member"> |
| 84 <template repeat="{{ interface in cls['interfaces'] }}"> |
| 85 <class-ref ref="{{ interface }}"></class-ref> |
| 86 </template> |
| 87 </td> |
| 88 </tr> |
| 89 </template> |
| 90 <template if="{{ cls.name != cls.vmName }}"> |
| 91 <tr> |
| 92 <td class="memberHeader">vm name</td> |
| 93 <td class="member">{{ cls.vmName }}></td> |
| 94 </tr> |
| 95 </template> |
| 96 </table> |
| 97 </div> |
| 98 |
| 99 <template if="{{ cls['error'] != null }}"> |
| 100 <!-- TODO(turnidge): Don't use instance-ref for error display here --> |
| 101 <instance-ref ref="{{ cls['error'] }}"></instance-ref> |
| 102 </template> |
| 103 |
| 104 <hr> |
| 105 |
| 106 <div class="content"> |
| 107 <template if="{{ cls['fields'].isNotEmpty }}"> |
| 108 fields ({{ cls['fields'].length }}) |
| 109 <curly-block> |
| 110 <table> |
| 111 <tr template repeat="{{ field in cls['fields'] }}"> |
| 112 <td class="member"> |
| 113 <field-ref ref="{{ field }}"></field-ref> |
| 114 </td> |
| 115 <td class="member"> |
| 116 <template if="{{ field['value'] != null }}"> |
| 117 <instance-ref ref="{{ field['value'] }}"></instance-ref> |
| 118 </template> |
| 119 </td> |
| 120 </tr> |
| 54 </table> | 121 </table> |
| 55 <template if="{{ cls['error'] == null }}"> | 122 </curly-block><br> |
| 56 <blockquote><strong>Fields</strong></blockquote> | 123 </template> |
| 57 <table class="table table-hover"> | 124 |
| 58 <tbody> | 125 <template if="{{ cls['functions'].isNotEmpty }}"> |
| 59 <tr template repeat="{{ field in cls['fields'] }}"> | 126 functions ({{ cls['functions'].length }}) |
| 60 <td><field-ref ref="{{ field }}"></field-ref></td> | 127 <curly-block> |
| 61 <td><instance-ref ref="{{ field['value'] }}"></instance-ref></
td> | 128 <table> |
| 62 </tr> | 129 <tr template repeat="{{ function in cls['functions'] }}"> |
| 63 </tbody> | 130 <td class="member"> |
| 64 </table> | 131 <function-ref ref="{{ function }}" qualified="{{ false }}"> |
| 65 <blockquote><strong>Functions</strong></blockquote> | 132 </function-ref> |
| 66 <table class="table table-hover"> | 133 </td> |
| 67 <thead> | 134 </tr> |
| 68 <tr> | 135 </table> |
| 69 <th>User Name</th> | 136 </curly-block><br> |
| 70 <th>VM Name</th> | 137 </template> |
| 71 </tr> | |
| 72 </thead> | |
| 73 <tbody> | |
| 74 <tr template repeat="{{ function in cls['functions'] }}"> | |
| 75 <td><function-ref ref="{{ function }}"></function-ref></td> | |
| 76 <td><function-ref ref="{{ function }}" internal></function-ref
></td> | |
| 77 </tr> | |
| 78 </tbody> | |
| 79 </table> | |
| 80 </template> | |
| 81 <template if="{{ cls['error'] != null }}"> | |
| 82 <error-view error_obj="{{ cls['error'] }}"></error-view> | |
| 83 </template> | |
| 84 </div> | |
| 85 </div> | |
| 86 </div> | 138 </div> |
| 139 |
| 140 <hr> |
| 141 |
| 142 <div class="content"> |
| 143 <eval-box callback="{{ eval }}"></eval-box> |
| 87 </div> | 144 </div> |
| 145 <br><br><br><br> |
| 146 <br><br><br><br> |
| 88 </template> | 147 </template> |
| 89 <script type="application/dart" src="class_view.dart"></script> | 148 <script type="application/dart" src="class_view.dart"></script> |
| 90 </polymer-element> | 149 </polymer-element> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 199363002:
Rework library and class view pages. (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart