Stude12/pc_builder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first fixes

Browse Source
This commit is contained in:
Kevin
2026-06-29 22:54:53 +02:00
parent 66a97be5c6
commit c6d43040c5
3 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
inertia/pages/components/show.vue
+31 -29
View File
@@ -1,46 +1,48 @@
<script setup lang="ts">
import { Link } from '@inertiajs/vue3'
defineProps<{ component: any }>()
const props = defineProps<{ component: any }>()
</script>
<template>
<div class="max-w-2xl mx-auto p-8 bg-white shadow-lg rounded-lg">
<h1 class="text-2xl font-semibold mb-8 text-gray-800">Component Details</h1>
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Name</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ component.name }}
<template v-if="props.component">
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Name</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ props.component.name }}
</div>
</div>
</div>
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Price</label>
<div class="px-3 py-2 border rounded text-gray-700">${{ component.price }}</div>
</div>
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Type</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ component.type?.name ?? 'N/A' }}
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Price</label>
<div class="px-3 py-2 border rounded text-gray-700">${{ props.component.price }}</div>
</div>
</div>
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Purchase Date</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ component.purchaseDate }}
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Type</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ props.component.type?.name ?? 'N/A' }}
</div>
</div>
</div>
<Link
:href="`/components/${component.id}/edit`"
type="button"
as="button"
class="w-full md:w-auto px-4 py-2 bg-indigo-600 text-white rounded hover:bg-blue-700 transition text-center"
>
Edit
</Link>
<div class="mb-6">
<label class="block text-gray-700 text-sm font-bold mb-2">Purchase Date</label>
<div class="px-3 py-2 border rounded text-gray-700">
{{ props.component.purchaseDate }}
</div>
</div>
<Link
:href="`/components/${props.component.id}/edit`"
type="button"
as="button"
class="w-full md:w-auto px-4 py-2 bg-indigo-600 text-white rounded hover:bg-blue-700 transition text-center"
>
Edit
</Link>
</template>
</div>
</template>