Initial commit

nova/resources/js/components/Index/MorphToActionTargetField.vue

@@ -0,0 +1,38 @@
+<template>
+  <router-link
+    v-if="field.viewable && field.value && !isResourceBeingViewed"
+    :to="{
+      name: 'detail',
+      params: {
+        resourceName: field.resourceName,
+        resourceId: field.morphToId,
+      },
+    }"
+    class="dim no-underline text-primary font-bold"
+    :class="`text-${field.textAlign}`"
+  >
+    {{ field.resourceLabel }}: {{ field.value }}
+  </router-link>
+  <span v-else-if="field.value">
+    {{ field.resourceLabel || field.morphToType }}: {{ field.value }}
+  </span>
+  <span v-else> - </span>
+</template>
+
+<script>
+export default {
+  props: ['resourceName', 'viaResource', 'viaResourceId', 'field'],
+
+  computed: {
+    /**
+     * Determine if the resource being viewed matches the field's value.
+     */
+    isResourceBeingViewed() {
+      return (
+        this.field.morphToType == this.viaResource &&
+        this.field.morphToId == this.viaResourceId
+      )
+    },
+  },
+}
+</script>