pridany page pre Report, zobrazenie info o reporte s dynamickou editaciou nadpisu a popisu
33 lines
680 B
Vue
33 lines
680 B
Vue
<script setup>
|
|
defineProps({
|
|
report_id: Number,
|
|
title: String,
|
|
description: String,
|
|
date: String,
|
|
});
|
|
</script>
|
|
<template>
|
|
<div class="report" @click="goToReport(report_id)">
|
|
<div class="report-header">
|
|
<div class="report-title">
|
|
<h3><font-awesome-icon :icon="['fas', 'bug']" /> {{ title }}</h3>
|
|
</div>
|
|
</div>
|
|
<div class="report-description">
|
|
<p>
|
|
{{ description }}
|
|
</p>
|
|
</div>
|
|
<div class="report-date"><font-awesome-icon :icon="['fas', 'calendar-days']" /> {{ date }}</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "ReportBox",
|
|
methods: {
|
|
goToReport(report_id) {
|
|
this.$router.push("/report/" + report_id);
|
|
},
|
|
},
|
|
};
|
|
</script> |