admin/hermione-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bugs

Browse Source
This commit is contained in:
dalia.florinda
2026-01-08 11:41:09 +01:00
parent 9c254c9c28
commit f5d4322f6b
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ExecutionInputTable.vue
View File

@@ -32,7 +32,7 @@ const getDisplayLabel = (index) => {
if (index === 'MultiFileUpload') { if (index === 'MultiFileUpload') {
return 'Files Uploaded'; return 'Files Uploaded';
} else if (index === 'SingleFileUpload') { } else if (index === 'SingleFileUpload') {
return 'Parameter'; return 'File input';
} else if (index.includes('input_multiselect') && index.endsWith('_name')) { } else if (index.includes('input_multiselect') && index.endsWith('_name')) {
return props.scenario.inputs && Array.isArray(props.scenario.inputs) ? props.scenario.inputs.find((i) => i.name === index.replace('_name', ''))?.label : null; return props.scenario.inputs && Array.isArray(props.scenario.inputs) ? props.scenario.inputs.find((i) => i.name === index.replace('_name', ''))?.label : null;
} else { } else {
@@ -44,16 +44,29 @@ const getDisplayLabel = (index) => {
<template> <template>
<div class="box p-4 border rounded-md shadow-sm" style="background-color: white"> <div class="box p-4 border rounded-md shadow-sm" style="background-color: white">
<table class="table-auto w-full border-collapse border border-gray-300"> <table class="table-auto w-full border-collapse border border-gray-300">
<thead>
<tr>
<th class="border border-gray-300 px-4 py-2 bg-gray-500 text-white">Field</th>
<th class="border border-gray-300 px-4 py-2 bg-gray-500 text-white">Value</th>
</tr>
</thead>
<tbody> <tbody>
<tr v-for="(input, index) in filteredInputs" :key="index"> <tr v-for="(input, index) in filteredInputs" :key="index" v-show="!(index === 'SingleFileUpload' && filteredInputs.MultiFileUpload)">
<th class="border border-gray-300 px-4 py-2" :class="{ 'bg-gray-500 text-white': index === 'SingleFileUpload' }"> <th class="border border-gray-300 px-4 py-2">
{{ getDisplayLabel(index) }} {{ getDisplayLabel(index) }}
</th> </th>
<td class="border border-gray-300 px-4 py-2"> <td class="border border-gray-300 px-4 py-2">
<!-- Show file download for MultiFileUpload -->
<div v-if="index === 'MultiFileUpload'"> <div v-if="index === 'MultiFileUpload'">
{{ filteredInputs.SingleFileUpload.replace(/\\/g, '/').split('/').pop() }} {{ filteredInputs.SingleFileUpload.replace(/\\/g, '/').split('/').pop() }}
<Button icon="pi pi-download" class="p-button-text p-button-sm" label="Download" @click="handleDownload(inputs['SingleFileUpload'])" /> <Button icon="pi pi-download" class="p-button-text p-button-sm" label="Download" @click="handleDownload(inputs['SingleFileUpload'])" />
</div> </div>
<!-- Show file download for SingleFileUpload when MultiFileUpload doesn't exist -->
<div v-else-if="index === 'SingleFileUpload' && !filteredInputs.MultiFileUpload">
{{ input.replace(/\\/g, '/').split('/').pop() }}
<Button icon="pi pi-download" class="p-button-text p-button-sm" label="Download" @click="handleDownload(inputs['SingleFileUpload'])" />
</div>
<!-- Show other inputs -->
<div v-else-if="index !== 'SingleFileUpload'">{{ input }}</div> <div v-else-if="index !== 'SingleFileUpload'">{{ input }}</div>
</td> </td>
</tr> </tr>