Merge pull request #1771 from FAIRsharing/status_icons_1768

Status icons 1768

Author: knirirr

src/components/Editor/EditRelationships.vue

@@ -227,15 +227,45 @@
                     </span>
                   </v-list-item-content>
                   <v-list-item-icon>
-                    <v-btn
-                      icon
-                      class="red white--text"
-                      @click="removeItem(association)"
+                    <record-status
+                      :record="association.linkedRecord"
+                      :show-only-status="true"
+                      :in-edit-form="true"
+                    />
+                    <v-tooltip
+                      top
+                    >
+                      <template #activator="{ on }">
+                        <v-btn
+                          icon
+                          class="blue white--text mr-2"
+                          v-on="on"
+                          @click="showPreviewOverlay(association.linkedRecord)"
+                        >
+                          <v-icon small>
+                            fas fa-eye
+                          </v-icon>
+                        </v-btn>
+                      </template>
+                      View Record
+                    </v-tooltip>
+                    <v-tooltip
+                      top
                     >
-                      <v-icon small>
-                        fa-trash
-                      </v-icon>
-                    </v-btn>
+                      <template #activator="{ on }">
+                        <v-btn
+                          icon
+                          class="red white--text"
+                          v-on="on"
+                          @click="removeItem(association)"
+                        >
+                          <v-icon small>
+                            fa-trash
+                          </v-icon>
+                        </v-btn>
+                      </template>
+                      Remove Relation
+                    </v-tooltip>
                   </v-list-item-icon>
                 </v-list-item>
               </v-list>

src/lib/GraphClient/queries/getRecord.json

@@ -136,7 +136,7 @@
       "fields": [
         {
           "queryName": "linkedRecord",
-          "fields": ["name", "abbreviation", "id", "registry", "type"]
+          "fields": ["name", "abbreviation", "id", "registry", "type", "status"]
         },
         "recordAssocLabel",
         "recordAssocLabelId",
@@ -148,7 +148,7 @@
       "fields": [
         {
           "queryName": "fairsharingRecord",
-          "fields": ["name", "abbreviation", "id", "registry", "type"]
+          "fields": ["name", "abbreviation", "id", "registry", "type", "status"]
         },
         "recordAssocLabel"
       ]