This commit is contained in:
Ralph J. Smit
2022-07-19 21:32:14 +02:00
parent 28ffc8e240
commit 57c8997dd0
3 changed files with 548 additions and 543 deletions

3
public/css/app.css vendored
View File

@@ -1515,6 +1515,9 @@ select {
.whitespace-nowrap { .whitespace-nowrap {
white-space: nowrap; white-space: nowrap;
} }
.break-words {
overflow-wrap: break-word;
}
.rounded { .rounded {
border-radius: 0.25rem; border-radius: 0.25rem;
} }

1020
public/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -49,7 +49,7 @@
<template #title>{{ __('Certificates') }}</template> <template #title>{{ __('Certificates') }}</template>
<template #content> <template #content>
<div> <div>
<Table caption="Cronjob list overview"> <Table caption="Certificates list overview">
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableHeader></TableHeader> <TableHeader></TableHeader>
@@ -60,7 +60,9 @@
<TableBody> <TableBody>
<TableRow v-for="certificate in certificates.data" :key="certificate.id"> <TableRow v-for="certificate in certificates.data" :key="certificate.id">
<TableData><StatusBubble :variant="certificate.status === 'busy' ? 'gray' : 'success'"/></TableData> <TableData><StatusBubble :variant="certificate.status === 'busy' ? 'gray' : 'success'"/></TableData>
<TableData>{{ certificate.domain }}</TableData> <TableData style="word-break: break-word" class="px-4">
<span>{{ certificate.domain }}</span>
</TableData>
<TableData> <TableData>
<Button :disabled="certificate.status === 'busy'" variant="danger" size="sm" <Button :disabled="certificate.status === 'busy'" variant="danger" size="sm"
@click="confirmDelete(certificate)">Delete @click="confirmDelete(certificate)">Delete
@@ -83,38 +85,38 @@
</template> </template>
<script> <script>
import TopBar from './components/TopBar' import TopBar from './components/TopBar'
import Container from '@/components/Container' import Container from '@/components/Container'
import Content from '@/components/Content' import Content from '@/components/Content'
import Page from '@/components/Page' import Page from '@/components/Page'
import PageHeader from '@/components/PageHeader' import PageHeader from '@/components/PageHeader'
import PageHeaderTitle from '@/components/PageHeaderTitle' import PageHeaderTitle from '@/components/PageHeaderTitle'
import PageBody from '@/components/PageBody' import PageBody from '@/components/PageBody'
import Button from '@/components/Button' import Button from '@/components/Button'
import List from '@/components/List' import List from '@/components/List'
import ListItem from '@/components/ListItem' import ListItem from '@/components/ListItem'
import StatusBubble from '@/components/StatusBubble' import StatusBubble from '@/components/StatusBubble'
import NotificationBadge from '@/components/NotificationBadge' import NotificationBadge from '@/components/NotificationBadge'
import MainLayout from '@/Layouts/MainLayout' import MainLayout from '@/Layouts/MainLayout'
import SettingsLayout from '@/components/layouts/SettingsLayout' import SettingsLayout from '@/components/layouts/SettingsLayout'
import SettingsSegment from '@/components/SettingsSegment' import SettingsSegment from '@/components/SettingsSegment'
import FormInput from '@/components/forms/FormInput' import FormInput from '@/components/forms/FormInput'
import FormSelect from '@/components/forms/FormSelect' import FormSelect from '@/components/forms/FormSelect'
import FormTextarea from '@/components/forms/FormTextarea' import FormTextarea from '@/components/forms/FormTextarea'
import Form from '@/components/Form' import Form from '@/components/Form'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import EmptyImage from '@/components/EmptyImage' import EmptyImage from '@/components/EmptyImage'
import FormActions from '@/components/FormActions' import FormActions from '@/components/FormActions'
import {useConfirm} from '@/hooks/confirm' import {useConfirm} from '@/hooks/confirm'
import Tabs from './Tabs' import Tabs from './Tabs'
import Table from '@/components/Table' import Table from '@/components/Table'
import TableHead from '@/components/TableHead' import TableHead from '@/components/TableHead'
import TableHeader from '@/components/TableHeader' import TableHeader from '@/components/TableHeader'
import TableRow from '@/components/TableRow' import TableRow from '@/components/TableRow'
import TableBody from '@/components/TableBody' import TableBody from '@/components/TableBody'
import TableData from '@/components/TableData' import TableData from '@/components/TableData'
export default { export default {
metaInfo() { metaInfo() {
return { return {
title: `${this.__('Certificates')} - ${this.site.domain}`, title: `${this.__('Certificates')} - ${this.site.domain}`,