Changes

components/columnRenderings/contact.vue

@@ -4,10 +4,16 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span>{{props.row.contact ? props.row.contact.name : ''}}</span>
-</template>
+  <div v-if="props.row.contact">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/contacts/show/${props.row.contact.id}`">{{props.row.contact ? props.row.contact.name : ''}}</nuxt-link>
+    <span v-else>{{props.row.contact ? props.row.contact.name : ''}}</span>
+  </div></template>

components/columnRenderings/customer.vue

@@ -4,10 +4,17 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span>{{props.row.customer ? props.row.customer.name : ''}}</span>
+  <div v-if="props.row.customer">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/customers/show/${props.row.customer.id}`">{{props.row.customer ? props.row.customer.name : ''}}</nuxt-link>
+    <span v-else>{{props.row.customer ? props.row.customer.name : ''}}</span>
+  </div>
 </template>

components/columnRenderings/plant.vue

@@ -4,10 +4,17 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span>{{props.row.plant ? props.row.plant.name : ''}}</span>
+  <div v-if="props.row.plant">
+    <nuxt-link v-if="props.inShow " :to="`/standardEntity/plants/show/${props.row.plant.id}`">{{props.row.plant ? props.row.plant.name : ''}}</nuxt-link>
+    <span v-else>{{props.row.plant ? props.row.plant.name : ''}}</span>
+  </div>
 </template>

components/columnRenderings/profiles.vue

@@ -4,6 +4,10 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 
@@ -14,5 +18,10 @@ const profiles = computed(() => props.row.profiles.map(id => profileStore.getPro
 </script>
 
 <template>
-  <span>{{props.row.profiles ? profiles : ''}}</span>
+  <div v-if="props.row.profiles">
+    <div v-if="props.inShow">
+      <nuxt-link v-for="(profileId, index) in props.row.profiles" :to="`/profiles/show/${profileId}`">{{profileStore.getProfileById(profileId).fullName}}{{index < props.row.profiles.length - 1 ? "," : ""}}</nuxt-link>
+    </div>
+    <span v-else>{{props.row.profiles ? profiles : ''}}</span>
+  </div>
 </template>

components/columnRenderings/project.vue

@@ -4,10 +4,16 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span>{{props.row.project ? props.row.project.name : ''}}</span>
-</template>
+  <div v-if="props.row.project">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/projects/show/${props.row.project.id}`">{{props.row.project ? props.row.project.name : ''}}</nuxt-link>
+    <span v-else>{{props.row.project ? props.row.project.name : ''}}</span>
+  </div></template>

components/columnRenderings/vehicle.vue

@@ -4,10 +4,19 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span v-if="props.row.vehicle">{{props.row.vehicle.id ? props.row.vehicle.licensePlate : ''}}</span>
+  <div v-if="props.row.vehicle">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/vehicles/show/${props.row.vehicle.id}`">
+      {{ props.row.vehicle ? props.row.vehicle.name : '' }}
+    </nuxt-link>
+    <span v-else>{{ props.row.vehicle ? props.row.vehicle.name : '' }}</span>
+  </div>
 </template>

components/columnRenderings/vendor.vue

@@ -4,10 +4,17 @@ const props = defineProps({
     type: Object,
     required: true,
     default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
   }
 })
 </script>
 
 <template>
-  <span>{{props.row.vendor ? props.row.vendor.name : ''}}</span>
+  <div v-if="props.row.vendor">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/vendors/show/${props.row.vendor.id}`">{{props.row.vendor ? props.row.vendor.name : ''}}</nuxt-link>
+    <span v-else>{{props.row.vendor ? props.row.vendor.name : ''}}</span>
+  </div>
 </template>