R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Added filetype filters in base64 converter

Browse Source
This commit is contained in:
Adam Bem
2023-10-31 08:50:46 +01:00
parent 807bbbb59c
commit 5bd81aff8d
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Frontend/src/views/Base64EncoderView.vue
View File

@@ -35,8 +35,8 @@ function clear(){
</script> </script>
<template> <template>
<div id="layoutFull" class="w-full h-full flex"> <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="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"> <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="Base64"></EncoderButton>
<EncoderButton @update:result="setTextFieldValue" :code="data" encode-type="Text"></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> <CodeEditorComponent @update:updated-code="setTextFieldValue" :config="{language:'base64'}" :code="data"></CodeEditorComponent>
</div> </div>
<div class="w-4/5 flex items-center flex-col ml-6" id="imageImporter"> <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> <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" type="file" @change="convertImageToBase64" /> <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> </div>
<div id="separator" class="bg-black h-full w-1" ></div> <div id="separator" class="bg-black h-full w-1" ></div>