TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2026-05-10 10:55:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

可以在分组中设置一些全局配置选项

Browse Source
This commit is contained in:
GoEdgeLab
2021-09-22 19:39:38 +08:00
parent dd36ba5686
commit 765b030477
66 changed files with 1698 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/views/@default/servers/groups/createPopup.html Normal file
View File

@@ -0,0 +1,14 @@
{$layout "layout_popup"}
<h3>创建分组</h3>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<table class="ui table definition selectable">
<tr>
<td class="title">分组名称 *</td>
<td>
<input type="text" name="name" maxlength="50" ref="focus"/>
</td>
</tr>
</table>
<submit-btn></submit-btn>
</form>

7
web/views/@default/servers/groups/group/@menu.html Normal file
View File

@@ -0,0 +1,7 @@
<first-menu>
<menu-item href="/servers/groups">分组列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/groups/group?groupId=' + group.id" code="group.index">"{{group.name}}"详情</menu-item>
<menu-item :href="'/servers/groups/group/settings?groupId=' + group.id" :active="!firstMenuItem.startsWith('group.')">全局设置 &nbsp;<tip-icon content="这里添加的设置将会自动应用到当前分组下的所有服务。"></tip-icon></menu-item>
<menu-item :href="'/servers/groups/group/update?groupId=' + group.id" code="group.update">修改</menu-item>
</first-menu>

84
web/views/@default/servers/groups/group/index.html Normal file
View File

@@ -0,0 +1,84 @@
{$layout}
{$template "menu"}
<table class="ui table definition selectable">
<tr>
<td class="title">分组名称</td>
<td>
{{group.name}}
</td>
</tr>
</table>
<h3>服务</h3>
<p class="comment" v-if="servers.length == 0">暂时还没有服务。</p>
<table class="ui table selectable celled" v-if="servers.length > 0">
<thead>
<tr>
<th>服务名称</th>
<th>所属用户</th>
<th>部署集群</th>
<th>域名</th>
<th>端口</th>
<th class="two wide center">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="server in servers">
<td><a :href="'/servers/server?serverId=' + server.id"><keyword :v-word="keyword">{{server.name}}</keyword></a>
<div style="margin-top:0.4em">
<grey-label>{{server.serverTypeName}}</grey-label>
</div>
</td>
<td>
<span v-if="server.user != null">{{server.user.fullname}}<link-icon v-if="canVisitUser" :href="'/users/user?userId=' + server.user.id"></link-icon></span>
<span v-else>-</span>
</td>
<td>{{server.cluster.name}}</td>
<td>
<span v-if="server.serverNames.length > 0">
<span v-if="server.serverNames[0].subNames == null || server.serverNames[0].subNames.length == 0"><keyword :v-word="keyword">{{server.serverNames[0].name}}</keyword></span>
<span v-else><keyword :v-word="keyword">{{server.serverNames[0].subNames[0]}}</keyword></span>
<span v-if="server.countServerNames > 1">等{{server.countServerNames}}个域名 <popup-icon :href="'/servers/serverNamesPopup?serverId=' + server.id" height="20em"></popup-icon></span>
</span>
<span v-else class="disabled">-</span>
<!-- 审核中 -->
<div v-if="server.isAuditing" style="margin-top: 0.5em">
<a class="ui label basic tiny red" title="点击跳到审核页面" :href="'/servers/server/settings/serverNames?serverId=' + server.id">审核中 &nbsp;<i class="icon long arrow right alternate"></i></a>
</div>
<!-- 审核失败 -->
<div v-if="!server.auditingIsOk" style="margin-top: 0.5em">
<a class="ui label basic tiny red" title="点击跳到审核页面" :href="'/servers/server/settings/serverNames?serverId=' + server.id">审核不通过 &nbsp;<i class="icon long arrow right alternate"></i></a>
</div>
</td>
<td>
<span v-if="server.ports.length == 0">-</span>
<div v-for="port in server.ports">
<tiny-basic-label><keyword :v-word="keyword">{{port.portRange}}</keyword><span class="small">（{{port.protocol}}）</span></tiny-basic-label>
</div>
</td>
<td class="center">
<div v-if="!checkDNS">
<label-on :v-is-on="server.isOn"></label-on>
</div>
<div v-else>
<span v-if="!server.isOn" class="grey">停用中</span>
<span v-else-if="server.status.isOk" class="green">正常</span>
<span v-else-if="server.status.message.length == 0">检查中</span>
<span v-else class="red">{{server.status.message}}
<tip-icon :content="server.status.todo"></tip-icon>
</span>
</div>
</td>
<td>
<a :href="'/servers/server?serverId=' + server.id">详情</a> &nbsp;
<a :href="'/servers/server/settings?serverId=' + server.id">设置</a>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

3
web/views/@default/servers/groups/group/index.js Normal file
View File

@@ -0,0 +1,3 @@
Tea.context(function () {
this.checkDNS = false
})

5
web/views/@default/servers/groups/group/settings/httpReverseProxy/@menu.html Normal file
View File

@@ -0,0 +1,5 @@
<second-menu>
<menu-item :href="Tea.url('.', {groupId: group.id})" code="index">源站列表</menu-item>
<menu-item :href="Tea.url('.scheduling', {groupId: group.id})" code="scheduling">调度算法</menu-item>
<menu-item :href="Tea.url('.setting', {groupId: group.id})" code="setting">更多设置</menu-item>
</second-menu>

19
web/views/@default/servers/groups/group/settings/httpReverseProxy/index.html Normal file
View File

@@ -0,0 +1,19 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div v-if="!reverseProxyRef.isPrior || !reverseProxyRef.isOn">
<div class="margin"></div>
<warning-message>当前代理服务没有开启，可以通过点击 <a :href="Tea.url('.setting', { groupId: group.id })">[更多设置]</a> 开启 。</warning-message>
</div>
<div :class="{'opacity-mask': !reverseProxyRef.isPrior || !reverseProxyRef.isOn}">
<origin-list-box :v-primary-origins="primaryOrigins" :v-backup-origins="backupOrigins"
:v-server-type="serverType"
:v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyConfig.id + '&serverType=' + serverType"
:v-is-group="true"></origin-list-box>
</div>
</div>

9
web/views/@default/servers/groups/group/settings/httpReverseProxy/scheduling.html Normal file
View File

@@ -0,0 +1,9 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<origin-scheduling-view-box :v-scheduling="scheduling" :v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyId + '&family=' + family"></origin-scheduling-view-box>
</div>

15
web/views/@default/servers/groups/group/settings/httpReverseProxy/setting.html Normal file
View File

@@ -0,0 +1,15 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div class="margin"></div>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="groupId" :value="group.id"/>
<input type="hidden" name="reverseProxyRefJSON" :value="JSON.stringify(reverseProxyRef)"/>
<reverse-proxy-box :v-reverse-proxy-ref="reverseProxyRef" :v-reverse-proxy-config="reverseProxyConfig" :v-family="family" :v-is-group="true"></reverse-proxy-box>
<submit-btn></submit-btn>
</form>
</div>

3
web/views/@default/servers/groups/group/settings/httpReverseProxy/setting.js Normal file
View File

@@ -0,0 +1,3 @@
Tea.context(function () {
this.success = NotifyReloadSuccess("保存成功")
})

5
web/views/@default/servers/groups/group/settings/tcpReverseProxy/@menu.html Normal file
View File

@@ -0,0 +1,5 @@
<second-menu>
<menu-item :href="Tea.url('.', {groupId: group.id})" code="index">源站列表</menu-item>
<menu-item :href="Tea.url('.scheduling', {groupId: group.id})" code="scheduling">调度算法</menu-item>
<menu-item :href="Tea.url('.setting', {groupId: group.id})" code="setting">更多设置</menu-item>
</second-menu>

19
web/views/@default/servers/groups/group/settings/tcpReverseProxy/index.html Normal file
View File

@@ -0,0 +1,19 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div v-if="!reverseProxyRef.isPrior || !reverseProxyRef.isOn">
<div class="margin"></div>
<warning-message>当前代理服务没有开启，可以通过点击 <a :href="Tea.url('.setting', { groupId: group.id })">[更多设置]</a> 开启 。</warning-message>
</div>
<div :class="{'opacity-mask': !reverseProxyRef.isPrior || !reverseProxyRef.isOn}">
<origin-list-box :v-primary-origins="primaryOrigins" :v-backup-origins="backupOrigins"
:v-server-type="serverType"
:v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyConfig.id + '&serverType=' + serverType"
:v-is-group="true"></origin-list-box>
</div>
</div>

9
web/views/@default/servers/groups/group/settings/tcpReverseProxy/scheduling.html Normal file
View File

@@ -0,0 +1,9 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<origin-scheduling-view-box :v-scheduling="scheduling" :v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyId + '&family=' + family"></origin-scheduling-view-box>
</div>

15
web/views/@default/servers/groups/group/settings/tcpReverseProxy/setting.html Normal file
View File

@@ -0,0 +1,15 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div class="margin"></div>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="groupId" :value="group.id"/>
<input type="hidden" name="reverseProxyRefJSON" :value="JSON.stringify(reverseProxyRef)"/>
<reverse-proxy-box :v-reverse-proxy-ref="reverseProxyRef" :v-reverse-proxy-config="reverseProxyConfig" :v-family="family" :v-is-group="true"></reverse-proxy-box>
<submit-btn></submit-btn>
</form>
</div>

3
web/views/@default/servers/groups/group/settings/tcpReverseProxy/setting.js Normal file
View File

@@ -0,0 +1,3 @@
Tea.context(function () {
this.success = NotifyReloadSuccess("保存成功")
})

5
web/views/@default/servers/groups/group/settings/udpReverseProxy/@menu.html Normal file
View File

@@ -0,0 +1,5 @@
<second-menu>
<menu-item :href="Tea.url('.', {groupId: group.id})" code="index">源站列表</menu-item>
<menu-item :href="Tea.url('.scheduling', {groupId: group.id})" code="scheduling">调度算法</menu-item>
<menu-item :href="Tea.url('.setting', {groupId: group.id})" code="setting">更多设置</menu-item>
</second-menu>

19
web/views/@default/servers/groups/group/settings/udpReverseProxy/index.html Normal file
View File

@@ -0,0 +1,19 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div v-if="!reverseProxyRef.isPrior || !reverseProxyRef.isOn">
<div class="margin"></div>
<warning-message>当前代理服务没有开启，可以通过点击 <a :href="Tea.url('.setting', { groupId: group.id })">[更多设置]</a> 开启 。</warning-message>
</div>
<div :class="{'opacity-mask': !reverseProxyRef.isPrior || !reverseProxyRef.isOn}">
<origin-list-box :v-primary-origins="primaryOrigins" :v-backup-origins="backupOrigins"
:v-server-type="serverType"
:v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyConfig.id + '&serverType=' + serverType"
:v-is-group="true"></origin-list-box>
</div>
</div>

9
web/views/@default/servers/groups/group/settings/udpReverseProxy/scheduling.html Normal file
View File

@@ -0,0 +1,9 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<origin-scheduling-view-box :v-scheduling="scheduling" :v-params="'type=group&groupId=' + group.id + '&reverseProxyId=' + reverseProxyId + '&family=' + family"></origin-scheduling-view-box>
</div>

15
web/views/@default/servers/groups/group/settings/udpReverseProxy/setting.html Normal file
View File

@@ -0,0 +1,15 @@
{$layout}
{$template "/servers/groups/group/menu"}
{$template "/left_menu_without_menu"}
<div class="right-box without-menu">
{$template "menu"}
<div class="margin"></div>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="groupId" :value="group.id"/>
<input type="hidden" name="reverseProxyRefJSON" :value="JSON.stringify(reverseProxyRef)"/>
<reverse-proxy-box :v-reverse-proxy-ref="reverseProxyRef" :v-reverse-proxy-config="reverseProxyConfig" :v-family="family" :v-is-group="true"></reverse-proxy-box>
<submit-btn></submit-btn>
</form>
</div>

3
web/views/@default/servers/groups/group/settings/udpReverseProxy/setting.js Normal file
View File

@@ -0,0 +1,3 @@
Tea.context(function () {
this.success = NotifyReloadSuccess("保存成功")
})

15
web/views/@default/servers/groups/group/update.html Normal file
View File

@@ -0,0 +1,15 @@
{$layout "layout"}
{$template "menu"}
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="groupId" :value="group.id"/>
<table class="ui table definition selectable">
<tr>
<td class="title">分组名称 *</td>
<td>
<input type="text" name="name" maxlength="50" ref="focus" v-model="group.name"/>
</td>
</tr>
</table>
<submit-btn></submit-btn>
</form>

5
web/views/@default/servers/groups/group/update.js Normal file
View File

@@ -0,0 +1,5 @@
Tea.context(function () {
this.success = NotifySuccess("保存成功", ".", {
groupId: this.group.id
})
})

39
web/views/@default/servers/groups/index.html Normal file
View File

@@ -0,0 +1,39 @@
{$layout}
<first-menu>
<menu-item href="/servers/groups" active="true">列表</menu-item>
<span class="item">|</span>
<a href="" class="item" @click.prevent="createGroup()">[创建]</a>
</first-menu>
<p class="comment" v-if="groups.length == 0">暂时还没有分组。</p>
<div v-show="groups.length > 0">
<div class="margin"></div>
<table class="ui table selectable celled" id="sortable-table">
<thead>
<tr>
<th style="width:3em"></th>
<th>分组名称</th>
<th class="center width10">服务数量</th>
<th class="two op">操作</th>
</tr>
</thead>
<tbody v-for="group in groups" :data-group-id="group.id">
<tr>
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
<td>
<a :href="'/servers/groups/group?groupId=' + group.id">{{group.name}}</a>
</td>
<td class="center">
<a :href="'/servers?groupId=' + group.id" v-if="group.countServers > 0">{{group.countServers}}</a>
<span v-else class="disabled">0</span>
</td>
<td>
<a :href="'/servers/groups/group?groupId=' + group.id">详情</a> &nbsp; <a href="" @click.prevent="deleteGroup(group.id)">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
<p v-if="groups.length > 0" class="comment">可以拖动左侧的<i class="icon bars"></i>排序。</p>

43
web/views/@default/servers/groups/index.js Normal file
View File

@@ -0,0 +1,43 @@
Tea.context(function () {
this.$delay(function () {
let that = this
sortTable(function () {
let groupIds = []
document.querySelectorAll("*[data-group-id]").forEach(function (element) {
groupIds.push(element.getAttribute("data-group-id"))
})
that.$post("/servers/groups/sort")
.params({
groupIds: groupIds
})
.success(function () {
teaweb.successToast("保存成功")
})
})
})
this.createGroup = function () {
teaweb.popup("/servers/groups/createPopup", {
callback: function () {
teaweb.success("保存成功", function () {
teaweb.reload()
})
}
})
}
this.deleteGroup = function (groupId) {
let that = this
teaweb.confirm("确定要删除这个分组吗？", function () {
that.$post("/servers/groups/group/delete")
.params({
groupId: groupId
})
.success(function () {
teaweb.success("删除成功", function () {
teaweb.reload()
})
})
})
}
})

22
web/views/@default/servers/groups/selectPopup.html Normal file
View File

@@ -0,0 +1,22 @@
{$layout "layout_popup"}
<h3>选择分组</h3>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="groupId" :value="groupId"/>
<table class="ui table definition selectable">
<tr>
<td class="title">选择分组</td>
<td>
<div v-if="groups.length > 0">
<a href="" class="ui label small basic" v-for="group in groups" :class="{blue:group.id == groupId}" style="margin-bottom:0.5em" @click.prevent="selectGroup(group)">{{group.name}}</a>
<p class="comment">点击可已选中要使用的分组。</p>
</div>
<div v-else>
<p class="comment">暂时还没有可以使用的分组。</p>
</div>
</td>
</tr>
</table>
<submit-btn>确定</submit-btn>
</form>

8
web/views/@default/servers/groups/selectPopup.js Normal file
View File

@@ -0,0 +1,8 @@
Tea.context(function () {
this.success = NotifyPopup
this.groupId = 0
this.selectGroup = function (group) {
this.groupId = group.id
}
})