TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-12-15 04:26:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

显示SSH认证相关集群、节点

Browse Source
This commit is contained in:
GoEdgeLab
2020-10-25 21:27:28 +08:00
parent cccc64a629
commit f15e64960c
40 changed files with 297 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/views/@default/clusters/grants/@grant_menu.html Normal file
View File

@@ -0,0 +1,6 @@
<first-menu>
<menu-item href="/clusters/grants">认证列表</menu-item>
<span class="item">|</span>
<menu-item :href="'/clusters/grants/grant?grantId=' + grant.id" code="index">{{grant.name}}详情</menu-item>
<menu-item :href="'/clusters/grants/update?grantId=' + grant.id" code="update">修改</menu-item>
</first-menu>

4
web/views/@default/clusters/grants/@menu.html Normal file
View File

@@ -0,0 +1,4 @@
<first-menu>
<menu-item href="/clusters/grants" code="index">认证列表</menu-item>
<menu-item href="/clusters/grants/create" code="create">创建认证</menu-item>
</first-menu>

63
web/views/@default/clusters/grants/create.html Normal file
View File

@@ -0,0 +1,63 @@
{$layout}
{$template "menu"}
<div class="margin"></div>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<table class="ui table selectable definition">
<tr>
<td>名称 *</td>
<td>
<input type="text" name="name" maxlength="100" ref="focus"/>
</td>
</tr>
<tr>
<td class="title">认证方式</td>
<td>
<select class="ui dropdown" style="width:10em" name="method" v-model="method">
<option v-for="method in methods" :value="method.value">{{method.name}}</option>
</select>
</td>
</tr>
<!-- 用户名/密码 -->
<tbody v-if="method == 'user'">
<tr>
<td>SSH用户名 *</td>
<td>
<input type="text" name="username" maxlength="100"/>
<p class="comment">SSH登录用户名。</p>
</td>
</tr>
<tr>
<td>SSH密码</td>
<td><input type="password" name="password" maxlength="100"/>
<p class="comment">SSH登录用户密码。</p> </td>
</tr>
</tbody>
<!-- 私钥 -->
<tbody v-if="method == 'privateKey'">
<tr>
<td>RSA私钥 *</td>
<td>
<textarea name="privateKey"></textarea>
<p class="comment">用来生成登录SSH公钥的私钥</p>
</td>
</tr>
</tbody>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-show="moreOptionsVisible">
<tr>
<td>描述</td>
<td>
<textarea name="description" rows="3"></textarea>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>
</form>

5
web/views/@default/clusters/grants/create.js Normal file
View File

@@ -0,0 +1,5 @@
Tea.context(function () {
this.method = "user";
this.success = NotifySuccess("保存成功", "/clusters/grants");
});

63
web/views/@default/clusters/grants/createPopup.html Normal file
View File

@@ -0,0 +1,63 @@
{$layout "layout_popup"}
<h3>添加新认证</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<table class="ui table selectable definition">
<tr>
<td>名称 *</td>
<td>
<input type="text" name="name" maxlength="100" ref="focus" value=""/>
</td>
</tr>
<tr>
<td class="title">认证方式</td>
<td>
<select class="ui dropdown" style="width:10em" name="method" v-model="method">
<option v-for="method in methods" :value="method.value">{{method.name}}</option>
</select>
</td>
</tr>
<!-- 用户名/密码 -->
<tbody v-if="method == 'user'">
<tr>
<td>SSH用户名 *</td>
<td>
<input type="text" name="username" maxlength="100"/>
<p class="comment">SSH登录用户名。</p>
</td>
</tr>
<tr>
<td>SSH密码</td>
<td><input type="password" name="password" maxlength="100"/>
<p class="comment">SSH登录用户密码。</p> </td>
</tr>
</tbody>
<!-- 私钥 -->
<tbody v-if="method == 'privateKey'">
<tr>
<td>RSA私钥 *</td>
<td>
<textarea name="privateKey"></textarea>
<p class="comment">用来生成登录SSH公钥的私钥</p>
</td>
</tr>
</tbody>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-if="moreOptionsVisible">
<tr>
<td>描述</td>
<td>
<textarea name="description" rows="3"></textarea>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>
</form>

5
web/views/@default/clusters/grants/createPopup.js Normal file
View File

@@ -0,0 +1,5 @@
Tea.context(function () {
this.method = "user";
this.success = NotifyPopup;
});

67
web/views/@default/clusters/grants/grant.html Normal file
View File

@@ -0,0 +1,67 @@
{$layout}
{$template "grant_menu"}
<table class="ui table selectable definition">
<tr>
<td>名称</td>
<td>
{{grant.name}}
</td>
</tr>
<tr>
<td class="title">认证方式</td>
<td>
{{grant.methodName}}
</td>
</tr>
<!-- 用户名/密码 -->
<tbody v-if="grant.method == 'user'">
<tr>
<td>SSH用户名</td>
<td>
{{grant.username}}
<p class="comment">SSH登录用户名。</p>
</td>
</tr>
<tr>
<td>SSH密码</td>
<td>{{grant.password}}
<p class="comment">SSH登录用户密码。</p> </td>
</tr>
</tbody>
<!-- 私钥 -->
<tbody v-if="grant.method == 'privateKey'">
<tr>
<td>RSA私钥</td>
<td>
{{grant.privateKey}}
<p class="comment">用来生成登录SSH公钥的私钥</p>
</td>
</tr>
</tbody>
<tr>
<td>描述</td>
<td>
<span v-if="grant.description.length > 0">{{grant.description}}</span>
<span v-if="grant.description.length == 0">-</span>
</td>
</tr>
</table>
<div class="ui divider"></div>
<h3>使用此认证的集群</h3>
<div>
<p v-if="clusters.length == 0" class="comment">暂时还没有集群使用此认证。</p>
<a :href="'/clusters/cluster?clusterId=' + cluster.id" class="ui label small" v-for="cluster in clusters">{{cluster.name}}</a>
</div>
<div class="ui divider"></div>
<h3>使用此认证的节点</h3>
<div>
<p v-if="nodes.length == 0" class="comment">暂时还没有节点使用此认证。</p>
<a :href="'/clusters/cluster/node?clusterId=' + node.cluster.id + '&nodeId=' + node.id" class="ui label small" :class="{red:!node.isOn}" v-for="node in nodes">{{node.name}}<span class="small">（{{node.cluster.name}}）</span></a>
</div>

37
web/views/@default/clusters/grants/index.html Normal file
View File

@@ -0,0 +1,37 @@
{$layout}
{$template "menu"}
<div class="ui message" v-if="grants.length == 0">暂时还没有认证信息。</div>
<table class="ui table selectable" v-if="grants.length > 0">
<thead>
<tr>
<th>ID</th>
<th>名称</th>
<th>类型</th>
<th>集群数</th>
<th>节点数</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="grant in grants">
<td>{{grant.id}}</td>
<td>{{grant.name}}</td>
<td>
<span class="ui label tiny">{{grant.method.name}}</span>
</td>
<td>
<span v-if="grant.countClusters > 0">{{grant.countClusters}}</span>
<span v-else class="disabled">0</span>
</td>
<td>
<span v-if="grant.countNodes > 0">{{grant.countNodes}}</span>
<span v-else class="disabled">0</span>
</td>
<td>
<a :href="'/clusters/grants/grant?grantId=' + grant.id">详情</a> &nbsp; <a href="" @click.prevent="deleteGrant(grant.id)">删除</a>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

11
web/views/@default/clusters/grants/index.js Normal file
View File

@@ -0,0 +1,11 @@
Tea.context(function () {
this.deleteGrant = function (grantId) {
teaweb.confirm("确定要删除此认证吗？", function () {
this.$post(".delete")
.params({
"grantId": grantId
})
.refresh();
});
};
});

19
web/views/@default/clusters/grants/selectPopup.html Normal file
View File

@@ -0,0 +1,19 @@
{$layout "layout_popup"}
<h3>选择认证</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="grantId" :value="grantId"/>
<table class="ui table selectable definition">
<tr>
<td class="title">选择认证</td>
<td>
<span v-if="grants.length == 0">暂时还没有可用的认证。</span>
<a class="ui label small" 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></a>
<p class="comment">请点击选中某个认证。</p>
</td>
</tr>
</table>
<submit-btn>确定</submit-btn>
</form>

9
web/views/@default/clusters/grants/selectPopup.js Normal file
View File

@@ -0,0 +1,9 @@
Tea.context(function () {
this.grantId = 0;
this.selectGrant = function (grant) {
this.grantId = grant.id;
};
this.success = NotifyPopup;
});

59
web/views/@default/clusters/grants/update.html Normal file
View File

@@ -0,0 +1,59 @@
{$layout}
{$template "grant_menu"}
<div class="margin"></div>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="grantId" :value="grant.id"/>
<table class="ui table selectable definition">
<tr>
<td>名称 *</td>
<td>
<input type="text" name="name" maxlength="100" ref="focus" v-model="grant.name"/>
</td>
</tr>
<tr>
<td class="title">认证方式</td>
<td>
<select class="ui dropdown" style="width:10em" name="method" v-model="method">
<option v-for="method in methods" :value="method.value">{{method.name}}</option>
</select>
</td>
</tr>
<!-- 用户名/密码 -->
<tbody v-if="method == 'user'">
<tr>
<td>SSH用户名 *</td>
<td>
<input type="text" name="username" maxlength="100" v-model="grant.username"/>
<p class="comment">SSH登录用户名。</p>
</td>
</tr>
<tr>
<td>SSH密码</td>
<td><input type="password" name="password" maxlength="100" v-model="grant.password"/>
<p class="comment">SSH登录用户密码。</p> </td>
</tr>
</tbody>
<!-- 私钥 -->
<tbody v-if="method == 'privateKey'">
<tr>
<td>RSA私钥 *</td>
<td>
<textarea name="privateKey" v-model="grant.privateKey"></textarea>
<p class="comment">用来生成登录SSH公钥的私钥</p>
</td>
</tr>
</tbody>
<tr>
<td>描述</td>
<td>
<textarea name="description" rows="3" v-model="grant.description"></textarea>
</td>
</tr>
</table>
<submit-btn></submit-btn>
</form>

5
web/views/@default/clusters/grants/update.js Normal file
View File

@@ -0,0 +1,5 @@
Tea.context(function () {
this.method = this.grant.method;
this.success = NotifySuccess("保存成功", "/clusters/grants/grant?grantId=" + this.grant.id);
});

65
web/views/@default/clusters/grants/updatePopup.html Normal file
View File

@@ -0,0 +1,65 @@
{$layout "layout_popup"}
<h3>修改认证</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="grantId" :value="grant.id"/>
<input type="hidden" name="nodeId" :value="grant.nodeId"/>
<table class="ui table selectable definition">
<tr>
<td>名称 *</td>
<td>
<input type="text" name="name" maxlength="100" ref="focus" value="" v-model="grant.name"/>
</td>
</tr>
<tr>
<td class="title">认证方式</td>
<td>
<select class="ui dropdown" style="width:10em" name="method" v-model="method">
<option v-for="method in methods" :value="method.value">{{method.name}}</option>
</select>
</td>
</tr>
<!-- 用户名/密码 -->
<tbody v-if="method == 'user'">
<tr>
<td>SSH用户名 *</td>
<td>
<input type="text" name="username" maxlength="100" v-model="grant.username"/>
<p class="comment">SSH登录用户名。</p>
</td>
</tr>
<tr>
<td>SSH密码</td>
<td><input type="password" name="password" maxlength="100" v-model="grant.password"/>
<p class="comment">SSH登录用户密码。</p> </td>
</tr>
</tbody>
<!-- 私钥 -->
<tbody v-if="method == 'privateKey'">
<tr>
<td>RSA私钥 *</td>
<td>
<textarea name="privateKey" v-model="grant.privateKey"></textarea>
<p class="comment">用来生成登录SSH公钥的私钥</p>
</td>
</tr>
</tbody>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-if="moreOptionsVisible">
<tr>
<td>描述</td>
<td>
<textarea name="description" rows="3" v-model="grant.description"></textarea>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>
</form>

5
web/views/@default/clusters/grants/updatePopup.js Normal file
View File

@@ -0,0 +1,5 @@
Tea.context(function () {
this.method = this.grant.method;
this.success = NotifyPopup;
});