Browse Source
* [Improvement][ui] Shortcut connection action for node in same flow * Set pre-tasks to get current node connect to pre-nodes automatically. * Only SHELL and SUB-PROCESS node enabled this method. * Add license * Fix code-smell * Replace Chinese comments * Try to re-trigger e2eTestpull/3/MERGE
yolo
4 years ago
committed by
GitHub
4 changed files with 181 additions and 4 deletions
@ -0,0 +1,108 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
<template> |
||||
<div class="pre_tasks-model"> |
||||
<div class="clearfix list"> |
||||
<div class="text-box"> |
||||
<span>{{$t('Pre tasks')}}</span> |
||||
</div> |
||||
<div class="cont-box"> |
||||
<div class="label-box"> |
||||
<x-select |
||||
ref="preTasksSelector" |
||||
style="width: 100%;" |
||||
filterable |
||||
multiple |
||||
v-model="preTasks" |
||||
:disabled="isDetails" |
||||
:id="preTasksSelectorId"> |
||||
<x-option |
||||
v-for="task in preTaskList" |
||||
:key="task.id" |
||||
:value="task.id" |
||||
:label="task.name"> |
||||
</x-option> |
||||
</x-select> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import disabledState from '@/module/mixin/disabledState' |
||||
export default { |
||||
name: 'pre_tasks', |
||||
mixins: [disabledState], |
||||
props: { |
||||
backfillItem: Object |
||||
}, |
||||
data () { |
||||
return { |
||||
preTasksSelectorId: '_preTasksSelectorId', // Refresh target vue-component by changing id |
||||
preTasks: [], |
||||
preTasksOld: [], |
||||
} |
||||
}, |
||||
mounted () { |
||||
this.preTasks = this.backfillItem['preTasks'] || this.preTasks |
||||
this.preTasksOld = this.preTasks |
||||
|
||||
// Refresh target vue-component by changing id |
||||
this.$nextTick(() => { |
||||
this.preTasksSelectorId = 'preTasksSelectorId' |
||||
}) |
||||
}, |
||||
computed: { |
||||
preTaskList: function () { |
||||
let currentTaskId = this.backfillItem['id'] || this.id |
||||
let cacheTasks = Object.assign({}, this.store.state.dag.tasks) |
||||
let keys = Object.keys(cacheTasks) |
||||
for (let i = 0; i < keys.length; i++) { |
||||
let key = keys[i] |
||||
if ((!cacheTasks[key].id || !cacheTasks[key].name) || (currentTaskId && cacheTasks[key].id === currentTaskId)) { |
||||
// Clean undefined and current task data |
||||
delete cacheTasks[key] |
||||
} |
||||
} |
||||
|
||||
return cacheTasks |
||||
}, |
||||
// preTaskIds used to create new connection |
||||
preTasksToAdd: function () { |
||||
let toAddTasks = this.preTasks.filter(taskId => { |
||||
return (this.preTasksOld.indexOf(taskId) === -1) |
||||
}) |
||||
return toAddTasks |
||||
}, |
||||
// preTaskIds used to delete connection |
||||
preTasksToDelete: function () { |
||||
return this.preTasksOld.filter(taskId => this.preTasks.indexOf(taskId) === -1) |
||||
}, |
||||
}, |
||||
methods: { |
||||
// Pass data to parent-level to process dag |
||||
_verification () { |
||||
this.$emit('on-pre-tasks', { |
||||
preTasks: this.preTasks, |
||||
preTasksToAdd: this.preTasksToAdd, |
||||
preTasksToDelete: this.preTasksToDelete, |
||||
}) |
||||
return true |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
Loading…
Reference in new issue