Added popup window with error message

Showing error message if uploaded certificate is incorrect

Signed-off-by: Damian Celico <damianx.celico@intel.com>
Change-Id: Ifa034e663329e4841ff5c68f6171ce71739a6d13
diff --git a/src/views/SecurityAndAccess/Certificates/Certificates.vue b/src/views/SecurityAndAccess/Certificates/Certificates.vue
index 677d19d..06caab6 100644
--- a/src/views/SecurityAndAccess/Certificates/Certificates.vue
+++ b/src/views/SecurityAndAccess/Certificates/Certificates.vue
@@ -29,12 +29,6 @@
             }}
           </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>
@@ -268,6 +262,13 @@
         this.fileTypeCorrect = this.getIsFileTypeCorrect(file);
         if (this.fileTypeCorrect) {
           this.addNewCertificate(file, type);
+        } else {
+          this.errorToast(
+            this.$t('pageCertificates.alert.incorrectCertificateFileType'),
+            {
+              title: this.$t('pageCertificates.toast.errorAddCertificate'),
+            }
+          );
         }
       } else {
         // Replace an existing certificate