SecurityAndAccess/Certificates/Certificates.vue

2   <b-container fluid="xl">
3     <page-title />
4     <b-row>
5       <b-col xl="11">
6         <!-- Expired certificates banner -->
7         <alert :show="expiredCertificateTypes.length > 0" variant="danger">
8           <template v-if="expiredCertificateTypes.length > 1">
9             {{ $t('pageCertificates.alert.certificatesExpiredMessage') }}
11           <template v-else>
13               $t('pageCertificates.alert.certificateExpiredMessage', {
18         </alert>
19         <!-- Expiring certificates banner -->
20         <alert :show="expiringCertificateTypes.length > 0" variant="warning">
21           <template v-if="expiringCertificateTypes.length > 1">
22             {{ $t('pageCertificates.alert.certificatesExpiringMessage') }}
24           <template v-else>
26               $t('pageCertificates.alert.certificateExpiringMessage', {
31         </alert>
32       </b-col>
33     </b-row>
34     <b-row>
35       <b-col xl="11" class="text-right">
36         <b-button
37           v-b-modal.generate-csr
38           data-test-id="certificates-button-generateCsr"
41           <icon-add />
43         </b-button>
44         <b-button
49           <icon-add />
51         </b-button>
52       </b-col>
53     </b-row>
54     <b-row>
55       <b-col xl="11">
56         <b-table
58           show-empty
63           :empty-text="$t('global.table.emptyMessage')"
70             <status-icon
71               v-if="getDaysUntilExpired(value) < 31"
78             <table-row-action
79               v-for="(action, index) in value"
84               @click-table-action="onTableRowAction($event, item)"
87                 <icon-replace v-if="action.value === 'replace'" />
88                 <icon-trashcan v-if="action.value === 'delete'" />
90             </table-row-action>
92         </b-table>
93       </b-col>
94     </b-row>
96     <!-- Modals -->
97     <modal-upload-certificate :certificate="modalCertificate" @ok="onModalOk" />
98     <modal-generate-csr />
99   </b-container>
103 import IconAdd from '@carbon/icons-vue/es/add--alt/20';
104 import IconReplace from '@carbon/icons-vue/es/renew/20';
105 import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
112 import Alert from '@/components/Global/Alert';
116 import { useI18n } from 'vue-i18n';
122     Alert,
167           tdClass: 'text-right text-nowrap',
243       this.$bvModal.show('upload-certificate');
272               'pageCertificates.alert.incorrectCertificateFileType',
329         return Math.round((validUntilMs - currentBmcTimeMs) / oneDayInMs);