Give fields a model class in the service library.

runtime/bin/vmservice/observatory/lib/src/elements/field_view.html

Index: runtime/bin/vmservice/observatory/lib/src/elements/field_view.html
diff --git a/runtime/bin/vmservice/observatory/lib/src/elements/field_view.html b/runtime/bin/vmservice/observatory/lib/src/elements/field_view.html
index a7df2a6cb0e291ba451ae17141ae138e1d60c6c3..9dea1dadfb822dcc590515356acc72c75eeff324 100644
--- a/runtime/bin/vmservice/observatory/lib/src/elements/field_view.html
+++ b/runtime/bin/vmservice/observatory/lib/src/elements/field_view.html
@@ -26,14 +26,14 @@
 
     <div class="content">
       <h1>
-        <template if="{{ field['static'] }}">static</template>
-        <template if="{{ field['final'] }}">final</template>
-        <template if="{{ field['const'] }}">const</template>
-        <template if="{{ (field['declaredType'].name == 'dynamic' &&
-                         !field['final'] && !field['const']) }}">
+        <template if="{{ field.isStatic }}">static</template>
+        <template if="{{ field.isFinal }}">final</template>
+        <template if="{{ field.isConst }}">const</template>
+        <template if="{{ (field.declaredType.name == 'dynamic' &&
+                         !field.isFinal && !field.isConst) }}">
           var
         </template>
-        <template if="{{ (field['declaredType'].name != 'dynamic') }}">
+        <template if="{{ (field.declaredType.name != 'dynamic') }}">
           {{ field['declaredType'].name }}
         </template>
         {{ field.name }}
@@ -42,49 +42,49 @@
         <div class="memberItem">
           <div class="memberName">owner</div>
           <div class="memberValue">
-            <template if="{{ field['owner'].type == 'Class' }}">
-              <class-ref ref="{{ field['owner'] }}"></class-ref>
+            <template if="{{ field.owner.type == 'Class' }}">
+              <class-ref ref="{{ field.owner }}"></class-ref>
             </template>
-            <template if="{{ field['owner'].type != 'Class' }}">
-              <library-ref ref="{{ field['owner'] }}"></library-ref>
+            <template if="{{ field.owner.type != 'Class' }}">
+              <library-ref ref="{{ field.owner }}"></library-ref>
             </template>
           </div>
         </div>
         <div class="memberItem">
           <div class="memberName">script</div>
           <div class="memberValue">
-            <script-ref ref="{{ field['script'] }}"></script-ref>
+            <script-ref ref="{{ field.script }}"></script-ref>
           </div>
         </div>
-        <template if="{{ !field['static'] }}">
+        <template if="{{ !field.isStatic }}">
           <div class="memberItem"
                title="The types observed for this field at runtime.  Fields that are observed to have a single type at runtime or to never be null may allow for additional optimization.">
             <div class="memberName">observed types</div>
             <div class="memberValue">
-              <template if="{{ field['guardClass'] == 'dynamic' }}">
+              <template if="{{ field.guardClass == 'dynamic' }}">
                 various
               </template>
-              <template if="{{ field['guardClass'] == 'unknown' }}">
+              <template if="{{ field.guardClass == 'unknown' }}">
                 none
               </template>
-              <template if="{{ field['guardClass'] != 'unknown' &&
-                            field['guardClass'] != 'dynamic' }}">
-                <class-ref ref="{{ field['guardClass'] }}"></class-ref>
-                <template if="{{ field['guardNullable'] }}">
+              <template if="{{ field.guardClass != 'unknown' &&
+                            field.guardClass != 'dynamic' }}">
+                <class-ref ref="{{ field.guardClass }}"></class-ref>
+                <template if="{{ field.guardNullable }}">
                   &mdash; null observed
                 </template>
-                <template if="{{ !field['guardNullable'] }}">
+                <template if="{{ !field.guardNullable }}">
                   &mdash; null not observed
                 </template>
               </template>
             </div>
           </div>
         </template>
-        <template if="{{ field['value'] != null }}">
+        <template if="{{ field.value != null }}">
           <div class="memberItem">
             <div class="memberName">static value</div>
             <div class="memberValue">
-              <any-service-ref ref="{{ field['value'] }}"></any-service-ref>
+              <any-service-ref ref="{{ field.value }}"></any-service-ref>
             </div>
           </div>
         </template>