zias/wolk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: always show separators and encoding list in the CSV viewer (#5774)

Browse Source
This commit is contained in:
Ariel Leyva
2026-02-21 12:11:50 -05:00
committed by GitHub
parent 7e78ad97ad
commit 3169a14a4d
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
frontend/src/components/files/CsvViewer.vue
View File

@@ -1,5 +1,41 @@
<template> <template>
<div class="csv-viewer"> <div class="csv-viewer">
<div class="csv-header">
<div class="header-select">
<label for="columnSeparator">{{ $t("files.columnSeparator") }}</label>
<select
id="columnSeparator"
class="input input--block"
v-model="columnSeparator"
>
<option :value="[',']">
{{ $t("files.csvSeparators.comma") }}
</option>
<option :value="[';']">
{{ $t("files.csvSeparators.semicolon") }}
</option>
<option :value="[',', ';']">
{{ $t("files.csvSeparators.both") }}
</option>
</select>
</div>
<div class="header-select" v-if="isEncodedContent">
<label for="fileEncoding">{{ $t("files.fileEncoding") }}</label>
<select
id="fileEncoding"
class="input input--block"
v-model="selectedEncoding"
>
<option
v-for="encoding in availableEncodings"
:value="encoding"
:key="encoding"
>
{{ encoding }}
</option>
</select>
</div>
</div>
<div v-if="displayError" class="csv-error"> <div v-if="displayError" class="csv-error">
<i class="material-icons">error</i> <i class="material-icons">error</i>
<p>{{ displayError }}</p> <p>{{ displayError }}</p>
@@ -9,42 +45,6 @@
<p>{{ $t("files.lonely") }}</p> <p>{{ $t("files.lonely") }}</p>
</div> </div>
<div v-else class="csv-table-container" @wheel.stop @touchmove.stop> <div v-else class="csv-table-container" @wheel.stop @touchmove.stop>
<div class="csv-header">
<div class="header-select">
<label for="columnSeparator">{{ $t("files.columnSeparator") }}</label>
<select
id="columnSeparator"
class="input input--block"
v-model="columnSeparator"
>
<option :value="[',']">
{{ $t("files.csvSeparators.comma") }}
</option>
<option :value="[';']">
{{ $t("files.csvSeparators.semicolon") }}
</option>
<option :value="[',', ';']">
{{ $t("files.csvSeparators.both") }}
</option>
</select>
</div>
<div class="header-select" v-if="isEncodedContent">
<label for="fileEncoding">{{ $t("files.fileEncoding") }}</label>
<select
id="fileEncoding"
class="input input--block"
v-model="selectedEncoding"
>
<option
v-for="encoding in availableEncodings"
:value="encoding"
:key="encoding"
>
{{ encoding }}
</option>
</select>
</div>
</div>
<table class="csv-table"> <table class="csv-table">
<thead> <thead>
<tr> <tr>