|
|
@ -66,10 +66,10 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase |
|
|
|
<tr> |
|
|
|
<tr> |
|
|
|
<th></th> |
|
|
|
<th></th> |
|
|
|
<th> |
|
|
|
<th> |
|
|
|
<div class="text-left font-normal ml-2">Header Name</div> |
|
|
|
<div class="text-left font-normal ml-2">{{ $t('labels.headerName') }}</div> |
|
|
|
</th> |
|
|
|
</th> |
|
|
|
<th> |
|
|
|
<th> |
|
|
|
<div class="text-left font-normal ml-2">Value</div> |
|
|
|
<div class="text-left font-normal ml-2">{{ $t('labels.value') }}</div> |
|
|
|
</th> |
|
|
|
</th> |
|
|
|
<th class="w-8"></th> |
|
|
|
<th class="w-8"></th> |
|
|
|
</tr> |
|
|
|
</tr> |
|
|
@ -87,9 +87,9 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase |
|
|
|
<a-form-item class="form-item"> |
|
|
|
<a-form-item class="form-item"> |
|
|
|
<a-auto-complete |
|
|
|
<a-auto-complete |
|
|
|
v-model:value="headerRow.name" |
|
|
|
v-model:value="headerRow.name" |
|
|
|
placeholder="Key" |
|
|
|
|
|
|
|
class="nc-input-hook-header-key" |
|
|
|
class="nc-input-hook-header-key" |
|
|
|
:options="headerList" |
|
|
|
:options="headerList" |
|
|
|
|
|
|
|
:placeholder="$t('labels.key')" |
|
|
|
:filter-option="filterOption" |
|
|
|
:filter-option="filterOption" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</a-form-item> |
|
|
|
</a-form-item> |
|
|
@ -97,7 +97,11 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase |
|
|
|
|
|
|
|
|
|
|
|
<td class="px-2"> |
|
|
|
<td class="px-2"> |
|
|
|
<a-form-item class="form-item"> |
|
|
|
<a-form-item class="form-item"> |
|
|
|
<a-input v-model:value="headerRow.value" placeholder="Value" class="!rounded-md nc-input-hook-header-value" /> |
|
|
|
<a-input |
|
|
|
|
|
|
|
v-model:value="headerRow.value" |
|
|
|
|
|
|
|
:placeholder="$t('labels.value')" |
|
|
|
|
|
|
|
class="!rounded-md nc-input-hook-header-value" |
|
|
|
|
|
|
|
/> |
|
|
|
</a-form-item> |
|
|
|
</a-form-item> |
|
|
|
</td> |
|
|
|
</td> |
|
|
|
|
|
|
|
|
|
|
@ -120,7 +124,7 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase |
|
|
|
<td :colspan="12" class=""> |
|
|
|
<td :colspan="12" class=""> |
|
|
|
<NcButton size="small" type="secondary" @click="addHeaderRow"> |
|
|
|
<NcButton size="small" type="secondary" @click="addHeaderRow"> |
|
|
|
<div class="flex flex-row items-center gap-x-1"> |
|
|
|
<div class="flex flex-row items-center gap-x-1"> |
|
|
|
<div>Add Header</div> |
|
|
|
<div>{{ $t('labels.addHeader') }}</div> |
|
|
|
<component :is="iconMap.plus" class="flex mx-auto" /> |
|
|
|
<component :is="iconMap.plus" class="flex mx-auto" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</NcButton> |
|
|
|
</NcButton> |
|
|
|