update the view of metadata tab

baking-bad · Jan 28, 2021 · 0aae397 · 0aae397
1 parent c898c7f
commit 0aae397
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 12 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -91,6 +91,10 @@ html {
   background-color: var(--v-data-base) !important;
 }
 
+.white-space-normal {
+  white-space: normal !important;
+}
+
 ::-webkit-scrollbar {
   width: 12px;
 }

diff --git a/src/views/contract/MetadataTab/ListBlocks/BriefInfo.vue b/src/views/contract/MetadataTab/ListBlocks/BriefInfo.vue
@@ -1,15 +1,15 @@
 <template>
   <v-container class="pa-0">
     <v-list>
-      <v-list-item v-if="metadata.name" selectable>
+      <v-list-item selectable>
         <v-list-item-content>
           <v-list-item-title class="headline"
-          ><span>{{ metadata.name }}</span
+          ><span>{{ metadata.name ? metadata.name : 'Unnamed' }}</span
           >&nbsp;<span v-if="metadata.version" class="overline">{{
               metadata.version
             }}</span></v-list-item-title
           >
-          <v-list-item-subtitle>{{
+          <v-list-item-subtitle class="white-space-normal">{{
               metadata.description
             }}</v-list-item-subtitle>
         </v-list-item-content>

diff --git a/...act/MetadataTab/ListBlocks/EventsList.vue → ...ataTab/ListBlocks/ImplementationsList.vue b/...act/MetadataTab/ListBlocks/EventsList.vue → ...ataTab/ListBlocks/ImplementationsList.vue
@@ -1,23 +1,23 @@
 <template>
   <v-list class="mt-3">
-    <v-subheader class="title">Events</v-subheader>
+    <v-subheader class="title">{{ name }}</v-subheader>
     <EntrypointsCard
         class="ml-3 mr-3"
         :card-max-width="-1"
-        :entrypoints="metadata.events"
+        :entrypoints="implementsList"
         :is-implementations="true"
     />
   </v-list>
 </template>
 
 <script>
 import EntrypointsCard from "@/components/Cards/EntrypointsCard";
-
 export default {
-  name: "EventsList",
+  name: "ImplementationsList",
   components: {EntrypointsCard},
   props: {
-    metadata: Object,
+    name: String,
+    implementsList: Array,
   }
 }
 </script>
diff --git a/src/views/contract/MetadataTab/MetadataTab.vue b/src/views/contract/MetadataTab/MetadataTab.vue
@@ -14,9 +14,15 @@
           name="Other Fields"
           is-treeview
       />
-      <EventsList
+      <ImplementationsList
           v-if="metadata.events"
-          :metadata="metadata"
+          :implementsList="metadata.events"
+          name="Events"
+      />
+      <ImplementationsList
+          v-if="metadata.views"
+          :implementsList="metadata.views"
+          name="Views"
       />
     </v-skeleton-loader>
   </v-container>
@@ -26,11 +32,11 @@
 import BriefInfo from "@/views/contract/MetadataTab/ListBlocks/BriefInfo";
 import FieldsWrapper from "@/views/contract/MetadataTab/CustomFields/FieldsWrapper";
 import ReservedFields from "@/views/contract/MetadataTab/ListBlocks/ReservedFields";
-import EventsList from "@/views/contract/MetadataTab/ListBlocks/EventsList";
+import ImplementationsList from "@/views/contract/MetadataTab/ListBlocks/ImplementationsList";
 
 export default {
   name: "Metadata",
-  components: {EventsList, ReservedFields, FieldsWrapper, BriefInfo},
+  components: {ImplementationsList, ReservedFields, FieldsWrapper, BriefInfo},
   props: { contract: Object },
   data: () => {
     return {