mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-12-16 05:36:36 +08:00
节点选择认证时增加推荐
This commit is contained in:
@@ -78,7 +78,7 @@
|
||||
<tr>
|
||||
<td>SSH登录认证</td>
|
||||
<td>
|
||||
<grant-selector></grant-selector>
|
||||
<grant-selector :v-node-cluster-id="clusterId"></grant-selector>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -117,7 +117,7 @@
|
||||
<tr>
|
||||
<td>SSH登录认证 *</td>
|
||||
<td>
|
||||
<grant-selector :v-grant="node.grant" @change="changeGrant"></grant-selector>
|
||||
<grant-selector :v-grant="node.grant" :v-node-cluster-id="clusterId" @change="changeGrant"></grant-selector>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -147,6 +147,8 @@ nodeId: "{{node.uniqueId}}"
|
||||
secret: "{{node.secret}}"</source-code-box>
|
||||
<div class="row">然后再使用<code-label>bin/edge-node start</code-label>命令启动节点。</div>
|
||||
<div>
|
||||
<div class="ui divider"></div>
|
||||
<a href="" @click.prevent="finish">安装完成</a>
|
||||
<a href="" @click.prevent="finish" style="float: right">跳过安装</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -113,7 +113,7 @@
|
||||
<td>SSH登录认证</td>
|
||||
<td>
|
||||
<div v-if="node.login != null && node.login.grant != null && node.login.grant.id > 0">
|
||||
<a :href="'/clusters/grants/grant?grantId=' + node.login.grant.id">{{node.login.grant.name}}<span class="small">({{node.login.grant.methodName}})</span></a>
|
||||
<a :href="'/clusters/grants/grant?grantId=' + node.login.grant.id">{{node.login.grant.name}}<span class="small grey">({{node.login.grant.methodName}})</span><span class="small grey" v-if="node.login.grant.username.length > 0">({{node.login.grant.username}})</span></a>
|
||||
</div>
|
||||
<span v-else class="disabled">
|
||||
尚未设置
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
<tr>
|
||||
<td>SSH登录认证</td>
|
||||
<td>
|
||||
<grant-selector :v-grant="grant"></grant-selector>
|
||||
<grant-selector :v-grant="grant" :v-node-cluster-id="clusterId"></grant-selector>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
@@ -35,7 +35,8 @@ Tea.context(function () {
|
||||
id: this.node.login.grant.id,
|
||||
name: this.node.login.grant.name,
|
||||
method: this.node.login.grant.method,
|
||||
methodName: this.node.login.grant.methodName
|
||||
methodName: this.node.login.grant.methodName,
|
||||
username: this.node.login.grant.username
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<tr>
|
||||
<td>SSH登录认证 *</td>
|
||||
<td>
|
||||
<grant-selector :v-grant="grant"></grant-selector>
|
||||
<grant-selector :v-grant="grant" :v-node-cluster-id="clusterId"></grant-selector>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
29
web/views/@default/clusters/grants/selectPopup.css
Normal file
29
web/views/@default/clusters/grants/selectPopup.css
Normal file
@@ -0,0 +1,29 @@
|
||||
.grants-box {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.grant-box {
|
||||
float: left;
|
||||
width: 12em;
|
||||
height: 4.5em;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin-right: 0.5em;
|
||||
border: 1px #ccc solid;
|
||||
margin-bottom: 0.5em;
|
||||
padding: 0.5em 0.3em;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.grant-box .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.grant-box div.method {
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
.grant-box div.method .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.grant-box::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
}
|
||||
/*# sourceMappingURL=selectPopup.css.map */
|
||||
1
web/views/@default/clusters/grants/selectPopup.css.map
Normal file
1
web/views/@default/clusters/grants/selectPopup.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["selectPopup.less"],"names":[],"mappings":"AAAA;EACC,eAAA;;AAGD;EACC,WAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;EACA,oBAAA;EACA,gBAAA;EACA,eAAA;;AAXD,UAaC;EACC,gBAAA;;AAdF,UAiBC,IAAG;EACF,iBAAA;;AAlBF,UAiBC,IAAG,OAGF;EACC,gBAAA;;AAKH,UAAU;EACT,UAAA","file":"selectPopup.css"}
|
||||
@@ -1,6 +1,6 @@
|
||||
{$layout "layout_popup"}
|
||||
|
||||
<h3>选择认证</h3>
|
||||
<h3>选择SSH认证</h3>
|
||||
|
||||
<form class="ui form">
|
||||
<div class="ui fields inline">
|
||||
@@ -10,12 +10,31 @@
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<table class="ui table">
|
||||
<tr>
|
||||
<td>
|
||||
<span v-if="grants.length == 0">暂时还没有可用的认证。</span>
|
||||
<a class="ui label small basic" v-for="grant in grants" :class="{blue:grantId == grant.id}" @click.prevent="selectGrant(grant)" style="margin-bottom:0.5em">{{grant.name}} <span class="small">({{grant.methodName}})</span><span v-if="grant.username.length > 0" class="small">({{grant.username}})</span></a>
|
||||
<p class="comment">请点击选中某个认证。</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="ui divider"></div>
|
||||
|
||||
<span v-if="grants.length == 0">暂时还没有可用的认证。</span>
|
||||
|
||||
<h4 v-if="suggestGrants.length > 0">可能的认证</h4>
|
||||
<div class="grants-box" v-if="suggestGrants.length > 0">
|
||||
<div class="grant-box" v-for="grant in suggestGrants">
|
||||
<div :class="{blue:grantId == grant.id}" @click.prevent="selectGrant(grant)"><a href="">{{grant.name}}</a> <span v-if="grant.username.length > 0" class="small grey">({{grant.username}})</span>
|
||||
<div class="method">
|
||||
<span class="small grey">{{grant.methodName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
<h4>全部认证</h4>
|
||||
<div class="grants-box">
|
||||
<div class="grant-box" v-for="grant in grants">
|
||||
<div :class="{blue:grantId == grant.id}" @click.prevent="selectGrant(grant)"><a href="">{{grant.name}}</a> <span v-if="grant.username.length > 0" class="small grey">({{grant.username}})</span>
|
||||
<div class="method">
|
||||
<span class="small grey">{{grant.methodName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<p class="comment">请点击使用某个认证。</p>
|
||||
|
||||
33
web/views/@default/clusters/grants/selectPopup.less
Normal file
33
web/views/@default/clusters/grants/selectPopup.less
Normal file
@@ -0,0 +1,33 @@
|
||||
.grants-box {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.grant-box {
|
||||
float: left;
|
||||
width: 12em;
|
||||
height: 4.5em;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin-right: 0.5em;
|
||||
border: 1px #ccc solid;
|
||||
margin-bottom: 0.5em;
|
||||
padding: 0.5em 0.3em;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
|
||||
.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
div.method {
|
||||
margin-top: 0.3em;
|
||||
|
||||
.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grant-box::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
}
|
||||
Reference in New Issue
Block a user