ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-03-04 08:25:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fixed lint format

Browse source
This commit is contained in:
Mason Coloretti 2024-07-14 18:45:56 -06:00
parent 78c2db2682
commit 49d9d194a7
1 changed files with 72 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/pages/ListIncidents.vue
View file

@ -3,14 +3,17 @@
<h1>Incident Reports</h1> <h1>Incident Reports</h1>
<div v-if="isLoading">Loading...</div> <div v-if="isLoading">Loading...</div>
<div v-else-if="filteredReports.length"> <div v-else-if="filteredReports.length">
<div v-for="report in filteredReports" :key="report._id" class="big-padding"> <div
v-for="report in filteredReports"
:key="report._id"
class="big-padding"
>
<h3>{{ formatDate(report._createdDate) }}</h3> <h3>{{ formatDate(report._createdDate) }}</h3>
<hr> <hr />
<h4>{{ report._title }}</h4> <h4>{{ report._title }}</h4>
<p>{{ report._content }}</p> <p>{{ report._content }}</p>
<hr><br><br> <hr />
<br /><br />
</div> </div>
</div> </div>
<p v-else>No incident reports found or an error occurred.</p> <p v-else>No incident reports found or an error occurred.</p>
@ -45,14 +48,21 @@ export default {
}, },
formatDate(dateString) { formatDate(dateString) {
const date = new Date(dateString); const date = new Date(dateString);
return date.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); return date.toLocaleDateString("en-US", {
year: "numeric",
month: "long",
day: "numeric",
});
}, },
}, },
computed: { computed: {
filteredReports() { filteredReports() {
return this.incidentReports return this.incidentReports
.slice() // Create a copy to avoid mutating the original array .slice() // Create a copy to avoid mutating the original array
.sort((a, b) => new Date(b._createdDate) - new Date(a._createdDate)) .sort(
(a, b) =>
new Date(b._createdDate) - new Date(a._createdDate),
)
.slice(-25); // Get the last 25 sorted reports .slice(-25); // Get the last 25 sorted reports
}, },
}, },
@ -78,5 +88,5 @@ export default {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
margin-bottom: 20px; /* Add spacing between jumbotrons */ margin-bottom: 20px; /* Add spacing between jumbotrons */
} }
</style> </style>