Browse Source

Merge pull request #4574 from zhuangchong/dev-imp-ui-dag-tooltip

[Improvement-4573][UI] Adds prompt message to DAG page button
pull/3/MERGE
xingchun-chen 4 years ago committed by GitHub
parent
commit
557d3d21b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 90
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

90
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

@ -34,30 +34,30 @@
<div class="dag-contect">
<div class="dag-toolbar">
<div class="assist-btn">
<el-button
style="vertical-align: middle;"
data-toggle="tooltip"
:title="$t('View variables')"
data-container="body"
type="primary"
size="mini"
:disabled="$route.name !== 'projects-instance-details'"
@click="_toggleView"
icon="el-icon-c-scale-to-original">
</el-button>
<span>
<el-tooltip :content="$t('View variables')" placement="top" :enterable="false">
<span>
<el-button
style="vertical-align: middle;"
data-toggle="tooltip"
:title="$t('Startup parameter')"
data-container="body"
type="primary"
size="mini"
:disabled="$route.name !== 'projects-instance-details'"
@click="_toggleParam"
icon="el-icon-arrow-right">
@click="_toggleView"
icon="el-icon-c-scale-to-original">
</el-button>
</span>
</span>
</el-tooltip>
<el-tooltip :content="$t('Startup parameter')" placement="top" :enterable="false">
<span>
<el-button
style="vertical-align: middle;"
type="primary"
size="mini"
:disabled="$route.name !== 'projects-instance-details'"
@click="_toggleParam"
icon="el-icon-arrow-right">
</el-button>
</span>
</el-tooltip>
<span class="name">{{name}}</span>
&nbsp;
<span v-if="name" class="copy-name" @click="_copyName" :data-clipboard-text="name"><em class="el-icon-copy-document" data-container="body" data-toggle="tooltip" :title="$t('Copy name')" ></em></span>
@ -70,32 +70,36 @@
:id="item.code"
:key="$index"
@click="_ckOperation(item,$event)">
<el-button type="text" class="operBtn" data-container="body" :icon="item.icon" v-tooltip.light="item.desc"></el-button>
<el-tooltip :content="item.desc" placement="top" :enterable="false">
<span><el-button type="text" class="operBtn" :icon="item.icon"></el-button></span>
</el-tooltip>
</a>
</div>
<el-button
type="primary"
v-tooltip.light="$t('Format DAG')"
icon="el-icon-caret-right"
size="mini"
data-container="body"
v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined"
style="vertical-align: middle;"
@click="dagAutomaticLayout">
</el-button>
<span>
<el-button
v-tooltip.light="$t('Refresh DAG status')"
data-container="body"
style="vertical-align: middle;"
icon="el-icon-refresh"
type="primary"
:loading="isRefresh"
v-if="type === 'instance'"
@click="!isRefresh && _refresh()"
size="mini" >
</el-button>
</span>
<el-tooltip :content="$t('Format DAG')" placement="top" :enterable="false">
<span>
<el-button
type="primary"
icon="el-icon-caret-right"
size="mini"
v-if="(type === 'instance' || 'definition') && urlParam.id !=undefined"
style="vertical-align: middle;"
@click="dagAutomaticLayout">
</el-button>
</span>
</el-tooltip>
<el-tooltip :content="$t('Refresh DAG status')" placement="top" :enterable="false">
<span>
<el-button
style="vertical-align: middle;"
icon="el-icon-refresh"
type="primary"
:loading="isRefresh"
v-if="type === 'instance'"
@click="!isRefresh && _refresh()"
size="mini" >
</el-button>
</span>
</el-tooltip>
<el-button
v-if="isRtTasks"
style="vertical-align: middle;"
@ -108,10 +112,8 @@
<span>
<el-button
type="primary"
v-tooltip.light="$t('Close')"
icon="el-icon-switch-button"
size="mini"
data-container="body"
v-if="(type === 'instance' || 'definition') "
style="vertical-align: middle;"
@click="_closeDAG">

Loading…
Cancel
Save