From 5bd81aff8d77f142a35f98e78d544123c350fcf5 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 31 Oct 2023 08:50:46 +0100
Subject: [PATCH] Added filetype filters in base64 converter

---
 Frontend/src/views/Base64EncoderView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/views/Base64EncoderView.vue b/Frontend/src/views/Base64EncoderView.vue
index 4ab2812..2bf949a 100644
--- a/Frontend/src/views/Base64EncoderView.vue
+++ b/Frontend/src/views/Base64EncoderView.vue
@@ -35,8 +35,8 @@ function clear(){
 </script>
 
 <template>
-    <div id="layoutFull" class="w-full h-full flex">
-        <div id="layoutLeft" class="flex flex-col w-1/2 h-full gap-4">
+<div id="layoutFull" class="w-full h-full flex">
+    <div id="layoutLeft" class="flex flex-col w-1/2 h-full gap-4">
         <div class="w-4/5 flex flex-row-reverse gap-2 mt-12 ml-6">
             <EncoderButton @update:result="setTextFieldValue" :code="data" encode-type="Base64"></EncoderButton>
             <EncoderButton @update:result="setTextFieldValue" :code="data" encode-type="Text"></EncoderButton>
@@ -48,8 +48,8 @@ function clear(){
             <CodeEditorComponent @update:updated-code="setTextFieldValue" :config="{language:'base64'}" :code="data"></CodeEditorComponent>
         </div>
         <div class="w-4/5 flex items-center flex-col ml-6" id="imageImporter">
-            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="file_input">Upload file</label>
-            <input id="imageLoader" ref="inputImage" class="file-selector" type="file" @change="convertImageToBase64" />
+            <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="file_input">Upload image</label>
+            <input id="imageLoader" ref="inputImage" class="file-selector" accept=".gif, .jpg, .jpeg, .png, .webm, image/gif, image/jpeg, image/png, image/webm"  type="file" @change="convertImageToBase64" />
         </div>
     </div>
     <div id="separator" class="bg-black h-full w-1" ></div>