diff options
Diffstat (limited to 'src/views/SecurityAndAccess/Certificates')
-rw-r--r-- | src/views/SecurityAndAccess/Certificates/Certificates.vue | 30 |
1 files changed, 23 insertions, 7 deletions
diff --git a/src/views/SecurityAndAccess/Certificates/Certificates.vue b/src/views/SecurityAndAccess/Certificates/Certificates.vue index 0113b80a..677d19d9 100644 --- a/src/views/SecurityAndAccess/Certificates/Certificates.vue +++ b/src/views/SecurityAndAccess/Certificates/Certificates.vue @@ -29,6 +29,12 @@ }} </template> </alert> + <!-- Wrong file type banner --> + <alert :show="fileTypeCorrect === false" variant="danger"> + <template v-if="fileTypeCorrect === false"> + {{ $t('pageCertificates.alert.incorrectCertificateFileType') }} + </template> + </alert> </b-col> </b-row> <b-row> @@ -136,6 +142,7 @@ export default { return { isBusy: true, modalCertificate: null, + fileTypeCorrect: undefined, fields: [ { key: 'certificate', @@ -258,19 +265,24 @@ export default { onModalOk({ addNew, file, type, location }) { if (addNew) { // Upload a new certificate - this.addNewCertificate(file, type); + this.fileTypeCorrect = this.getIsFileTypeCorrect(file); + if (this.fileTypeCorrect) { + this.addNewCertificate(file, type); + } } else { // Replace an existing certificate this.replaceCertificate(file, type, location); } }, addNewCertificate(file, type) { - this.startLoader(); - this.$store - .dispatch('certificates/addNewCertificate', { file, type }) - .then((success) => this.successToast(success)) - .catch(({ message }) => this.errorToast(message)) - .finally(() => this.endLoader()); + if (this.fileTypeCorrect === true) { + this.startLoader(); + this.$store + .dispatch('certificates/addNewCertificate', { file, type }) + .then((success) => this.successToast(success)) + .catch(({ message }) => this.errorToast(message)) + .finally(() => this.endLoader()); + } }, replaceCertificate(file, type, location) { this.startLoader(); @@ -317,6 +329,10 @@ export default { return 'warning'; } }, + getIsFileTypeCorrect(file) { + const fileTypeExtension = file.name.split('.').pop(); + return fileTypeExtension === 'pem'; + }, }, }; </script> |