mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-19 22:37:31 -07:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

💄 Improve display of output- and execution-selection

Browse source
This commit is contained in:
Jan Oberhauser 2019-06-27 14:07:45 +02:00
parent bbab4fc6e1
commit 3d80d9602e
1 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
packages/editor-ui/src/components/RunData.vue
View file

@ -32,20 +32,18 @@
</el-popover>
<span v-if="maxOutputIndex > 0">
| Output:
<select v-model="outputIndex" @click.stop>
<option v-for="option in (maxOutputIndex + 1)" :value="option -1" :key="option">
{{ getOutputName(option-1) }}
</option>
</select>
<el-select v-model="outputIndex" @click.stop>
<el-option v-for="option in (maxOutputIndex + 1)" :label="getOutputName(option-1)" :value="option -1" :key="option">
</el-option>
</el-select>
</span>
<span v-if="maxRunIndex > 0">
| Data of Execution:
<select v-model="runIndex" @click.stop>
<option v-for="option in (maxRunIndex + 1)" :value="option-1" :key="option">
{{ option }}
</option>
</select>
/{{maxRunIndex+1}}
<el-select v-model="runIndex" @click.stop>
<el-option v-for="option in (maxRunIndex + 1)" :label="option + '/' + (maxRunIndex+1)" :value="option-1" :key="option">
</el-option>
</el-select>
</span>
</div>
<div v-if="node && workflowRunData !== null && workflowRunData.hasOwnProperty(node.name) && !workflowRunData[node.name][runIndex].error" class="title-data-display-selector" @click.stop>
@ -585,7 +583,7 @@ export default mixins(
top: 10px;
right: 10px;
height: 30px;
width: 130px;
width: 140px;
padding: 7px;
border-radius: 13px;
color: $--color-primary;
@ -622,6 +620,24 @@ export default mixins(
font-weight: bold;
}
}
.el-select {
width: 80px;
z-index: 1;
.el-input__suffix-inner {
// TODO: Not sure why I have to do that. Invesigate when I have some time
position: absolute;
top: -5px;
right: 0;
}
input.el-input__inner {
border: 1px solid $--color-primary;
height: 25px;
line-height: 25px;
}
}
}
}