| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="class_ref.html"> | 2 <link rel="import" href="class_ref.html"> |
| 3 <link rel="import" href="curly_block.html"> | 3 <link rel="import" href="curly_block.html"> |
| 4 <link rel="import" href="eval_box.html"> | 4 <link rel="import" href="eval_box.html"> |
| 5 <link rel="import" href="field_ref.html"> | 5 <link rel="import" href="field_ref.html"> |
| 6 <link rel="import" href="function_ref.html"> | 6 <link rel="import" href="function_ref.html"> |
| 7 <link rel="import" href="instance_ref.html"> | 7 <link rel="import" href="instance_ref.html"> |
| 8 <link rel="import" href="observatory_element.html"> | 8 <link rel="import" href="observatory_element.html"> |
| 9 <link rel="import" href="library_ref.html"> | 9 <link rel="import" href="library_ref.html"> |
| 10 <link rel="import" href="nav_bar.html"> | 10 <link rel="import" href="nav_bar.html"> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 </nav-bar> | 22 </nav-bar> |
| 23 | 23 |
| 24 <div class="content"> | 24 <div class="content"> |
| 25 <h1> | 25 <h1> |
| 26 <!-- TODO(turnidge): Handle unnamed libraries --> | 26 <!-- TODO(turnidge): Handle unnamed libraries --> |
| 27 library {{ library.name }} | 27 library {{ library.name }} |
| 28 </h1> | 28 </h1> |
| 29 <div class="memberList"> | 29 <div class="memberList"> |
| 30 <div class="memberItem"> | 30 <div class="memberItem"> |
| 31 <div class="memberName">url</div> | 31 <div class="memberName">url</div> |
| 32 <div class="memberValue">{{ library['url'] }}</div> | 32 <div class="memberValue">{{ library.url }}</div> |
| 33 </div> | 33 </div> |
| 34 <template if="{{ library['imports'].length > 0 }}"> | |
| 35 <div class="memberItem"> | |
| 36 <div class="memberName">imports</div> | |
| 37 <div class="memberValue"> | |
| 38 <template repeat="{{ import in library['imports'] }}"> | |
| 39 <library-ref ref="{{ import }}"></library-ref> | |
| 40 </template> | |
| 41 </div> | |
| 42 </div> | |
| 43 </template> | |
| 44 <template if="{{ library.name != library.vmName }}"> | 34 <template if="{{ library.name != library.vmName }}"> |
| 45 <div class="memberItem"> | 35 <div class="memberItem"> |
| 46 <div class="memberName">vm name</div> | 36 <div class="memberName">vm name</div> |
| 47 <div class="memberValue">{{ library.vmName }}</div> | 37 <div class="memberValue">{{ library.vmName }}</div> |
| 48 </div> | 38 </div> |
| 49 </template> | 39 </template> |
| 50 </div> | 40 </div> |
| 51 </div> | 41 </div> |
| 52 | 42 |
| 53 <hr> | 43 <hr> |
| 54 | 44 |
| 55 <div class="content"> | 45 <div class="content"> |
| 56 <template if="{{ library['scripts'].isNotEmpty }}"> | 46 <template if="{{ library.imports.isNotEmpty }}"> |
| 57 scripts ({{ library['scripts'].length }}) | 47 imports ({{ library.imports.length }}) |
| 58 <curly-block> | 48 <curly-block expand="{{ library.imports.length <= 8 }}"> |
| 59 <div class="memberList"> | 49 <div class="memberList"> |
| 60 <template repeat="{{ script in library['scripts'] }}"> | 50 <template repeat="{{ imp in library.imports }}"> |
| 51 <div class="memberItem"> |
| 52 <div class="memberValue"> |
| 53 <library-ref ref="{{ imp }}"></library-ref> |
| 54 </div> |
| 55 </div> |
| 56 </template> |
| 57 </div> |
| 58 </curly-block><br> |
| 59 <br> |
| 60 </template> |
| 61 |
| 62 <template if="{{ library.scripts.isNotEmpty }}"> |
| 63 scripts ({{ library.scripts.length }}) |
| 64 <curly-block expand="{{ library.scripts.length <= 8 }}"> |
| 65 <div class="memberList"> |
| 66 <template repeat="{{ script in library.scripts }}"> |
| 61 <div class="memberItem"> | 67 <div class="memberItem"> |
| 62 <div class="memberValue"> | 68 <div class="memberValue"> |
| 63 <script-ref ref="{{ script }}"></script-ref> | 69 <script-ref ref="{{ script }}"></script-ref> |
| 64 </div> | 70 </div> |
| 65 </div> | 71 </div> |
| 66 </template> | 72 </template> |
| 67 </div> | 73 </div> |
| 68 </curly-block><br> | 74 </curly-block><br> |
| 75 <br> |
| 69 </template> | 76 </template> |
| 70 | 77 |
| 71 <template if="{{ library['classes'].isNotEmpty }}"> | 78 <template if="{{ library.classes.isNotEmpty }}"> |
| 72 classes ({{ library['classes'].length }}) | 79 classes ({{ library.classes.length }}) |
| 73 <curly-block> | 80 <curly-block expand="{{ library.classes.length <= 8 }}"> |
| 74 <div class="memberList"> | 81 <div class="memberList"> |
| 75 <template repeat="{{ cls in library['classes'] }}"> | 82 <template repeat="{{ cls in library.classes }}"> |
| 76 <div class="memberItem"> | 83 <div class="memberItem"> |
| 77 <div class="memberValue"> | 84 <div class="memberValue"> |
| 78 <class-ref ref="{{ cls }}"></class-ref> | 85 <class-ref ref="{{ cls }}"></class-ref> |
| 79 </div> | 86 </div> |
| 80 </div> | 87 </div> |
| 81 </template> | 88 </template> |
| 82 </div> | 89 </div> |
| 83 </curly-block><br> | 90 </curly-block><br> |
| 91 <br> |
| 84 </template> | 92 </template> |
| 85 | 93 |
| 86 <template if="{{ library['variables'].isNotEmpty }}"> | 94 <template if="{{ library.variables.isNotEmpty }}"> |
| 87 variables ({{ library['variables'].length }}) | 95 variables ({{ library.variables.length }}) |
| 88 <curly-block> | 96 <curly-block expand="{{ library.variables.length <= 8 }}"> |
| 89 <div class="memberList"> | 97 <div class="memberList"> |
| 90 <template repeat="{{ field in library['variables'] }}"> | 98 <template repeat="{{ field in library.variables }}"> |
| 91 <div class="memberItem"> | 99 <div class="memberItem"> |
| 92 <div class="memberName"> | 100 <div class="memberName"> |
| 93 <field-ref ref="{{ field }}"></field-ref> | 101 <field-ref ref="{{ field }}"></field-ref> |
| 94 </div> | 102 </div> |
| 95 <div class="memberValue"> | 103 <div class="memberValue"> |
| 96 <template if="{{ field['value'] != null }}"> | 104 <template if="{{ field['value'] != null }}"> |
| 97 <instance-ref ref="{{ field['value'] }}"></instance-ref> | 105 <instance-ref ref="{{ field['value'] }}"></instance-ref> |
| 98 </template> | 106 </template> |
| 99 </div> | 107 </div> |
| 100 </div> | 108 </div> |
| 101 </template> | 109 </template> |
| 102 </div> | 110 </div> |
| 103 </curly-block><br> | 111 </curly-block><br> |
| 112 <br> |
| 104 </template> | 113 </template> |
| 105 | 114 |
| 106 <template if="{{ library['functions'].isNotEmpty }}"> | 115 <template if="{{ library.functions.isNotEmpty }}"> |
| 107 functions ({{ library['functions'].length }}) | 116 functions ({{ library.functions.length }}) |
| 108 <curly-block> | 117 <curly-block expand="{{ library.functions.length <= 8 }}"> |
| 109 <div class="memberList"> | 118 <div class="memberList"> |
| 110 <template repeat="{{ function in library['functions'] }}"> | 119 <template repeat="{{ function in library.functions }}"> |
| 111 <div class="memberItem"> | 120 <div class="memberItem"> |
| 112 <div class="memberValue"> | 121 <div class="memberValue"> |
| 113 <function-ref ref="{{ function }}"></function-ref> | 122 <function-ref ref="{{ function }}"></function-ref> |
| 114 </div> | 123 </div> |
| 115 </div> | 124 </div> |
| 116 </template> | 125 </template> |
| 117 </div> | 126 </div> |
| 118 </curly-block><br> | 127 </curly-block><br> |
| 128 <br> |
| 119 </template> | 129 </template> |
| 120 </div> | 130 </div> |
| 121 | 131 |
| 122 <hr> | 132 <hr> |
| 123 | 133 |
| 124 <div class="content"> | 134 <div class="content"> |
| 125 <eval-box callback="{{ eval }}"></eval-box> | 135 <eval-box callback="{{ eval }}"></eval-box> |
| 126 </div> | 136 </div> |
| 127 <br><br><br><br> | 137 <br><br><br><br> |
| 128 <br><br><br><br> | 138 <br><br><br><br> |
| 129 </template> | 139 </template> |
| 130 <script type="application/dart" src="library_view.dart"></script> | 140 <script type="application/dart" src="library_view.dart"></script> |
| 131 </polymer-element> | 141 </polymer-element> |
| OLD | NEW |