InPanel 1.2.1__py3-none-any.whl

inpanel/public/partials/utils/firewall.html

@@ -0,0 +1,266 @@
+<div navbar ng-init="currentItem='utils.firewall'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>防火墙管理</h3>
+    </div>
+
+    <div class="tabbable" ng-init="load()">
+        <div ng-show="loading"><div waiting></div></div>
+        
+        <div ng-hide="loading">
+            <div ng-show="firewall.type == 'unknown'" class="alert alert-danger">
+                <strong>错误：</strong>未检测到支持的防火墙类型！
+            </div>
+            
+            <div ng-hide="firewall.type == 'unknown'">
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <h4>防火墙状态</h4>
+                    </div>
+                    <div class="panel-body">
+                        <div class="row">
+                            <div class="col-md-3">
+                                <div class="form-group">
+                                    <label>防火墙类型：</label>
+                                    <span class="label label-info">{{firewall.type | uppercase}}</span>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="form-group">
+                                    <label>运行状态：</label>
+                                    <span ng-class="firewall.running && 'label label-success' || 'label label-danger'">
+                                        {{firewall.running && '运行中' || '已停止'}}
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label>详细信息：</label>
+                                    <span class="text-muted">{{firewall.status}}</span>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="btn-group">
+                            <button class="btn btn-success" ng-click="firewall_start()" ng-disabled="firewall.running">
+                                <i class="glyphicon glyphicon-play"></i> 启动
+                            </button>
+                            <button class="btn btn-danger" ng-click="firewall_stop()" ng-disabled="!firewall.running">
+                                <i class="glyphicon glyphicon-stop"></i> 停止
+                            </button>
+                            <button class="btn btn-warning" ng-click="firewall_restart()">
+                                <i class="glyphicon glyphicon-refresh"></i> 重启
+                            </button>
+                            <button class="btn btn-default" ng-click="firewall_enable()" ng-disabled="firewall.running">
+                                <i class="glyphicon glyphicon-ok-circle"></i> 开机自启
+                            </button>
+                            <button class="btn btn-default" ng-click="firewall_disable()">
+                                <i class="glyphicon glyphicon-remove-circle"></i> 关闭自启
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <h4>规则列表</h4>
+                        <div class="pull-right">
+                            <div class="btn-group btn-group-sm">
+                                <button class="btn btn-default" title="刷新规则" ng-click="load_rules()">
+                                    <i class="glyphicon glyphicon-refresh"></i>
+                                </button>
+                                <button class="btn btn-default" title="添加端口规则" ng-click="add_port_rule_confirm()">
+                                    <i class="glyphicon glyphicon-plus"></i> 添加端口
+                                </button>
+                                <button class="btn btn-default" title="添加IP规则" ng-click="add_ip_rule_confirm()">
+                                    <i class="glyphicon glyphicon-plus"></i> 添加IP
+                                </button>
+                            </div>
+                        </div>
+                        <div class="clearfix"></div>
+                    </div>
+                    <div class="panel-body">
+                        <table class="table table-hover table-bordered table-condensed">
+                            <thead>
+                                <tr>
+                                    <th style="width:60px;">序号</th>
+                                    <th style="width:80px;">类型</th>
+                                    <th style="width:100px;">端口/协议</th>
+                                    <th style="width:150px;">IP地址</th>
+                                    <th style="width:80px;">动作</th>
+                                    <th style="width:100px;">区域</th>
+                                    <th>描述</th>
+                                    <th style="width:120px;">操作</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr ng-repeat="(index, rule) in firewall.rules">
+                                    <td class="text-right">{{index+1}}</td>
+                                    <td>
+                                        <span ng-class="rule.type == 'port' && 'label label-primary' || (rule.type == 'ip' && 'label label-warning' || 'label label-info')">
+                                            {{rule.type == 'port' && '端口' || (rule.type == 'ip' && 'IP' || '服务')}}
+                                        </span>
+                                    <td>{{rule.port && (rule.port + '/' + rule.protocol) || '-'}}</td>
+                                    <td>{{rule.ip || '-'}}</td>
+                                    <td>
+                                        <span ng-class="rule.action == 'allow' && 'label label-success' || 'label label-danger'">
+                                            {{rule.action == 'allow' && '允许' || '拒绝'}}
+                                        </span>
+                                    </td>
+                                    <td>{{rule.zone || '-'}}</td>
+                                    <td>{{rule.description}}</td>
+                                    <td>
+                                        <button class="btn btn-default btn-xs" ng-click="remove_port_rule_confirm(rule)" ng-show="rule.type == 'port'">
+                                            删除端口
+                                        </button>
+                                        <button class="btn btn-default btn-xs" ng-click="remove_ip_rule_confirm(rule)" ng-show="rule.type == 'ip'">
+                                            删除IP
+                                        </button>
+                                        <button class="btn btn-default btn-xs" ng-click="remove_app_rule_confirm(rule)" ng-show="rule.type == 'app'">
+                                            删除应用
+                                        </button>
+                                    </td>
+                                </tr>
+                                <tr ng-show="firewall.rules.length == 0">
+                                    <td colspan="8" class="text-center text-muted">暂无规则</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="firewall-del-app" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">删除应用规则</h3>
+            </div>
+            <div class="modal-body">
+                <p>确定要删除应用规则 <strong>{{del_app.app_path}}</strong> 吗？</p>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-danger" onclick="$('#firewall-del-app').modal('hide')" ng-click="remove_app_rule()">确认删除</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="firewall-add-port" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">添加端口规则</h3>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-3 control-label">端口号：</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" type="number" ng-model="add_port.port" placeholder="如: 80" min="1" max="65535">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-3 control-label">协议：</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" ng-model="add_port.protocol">
+                                <option value="tcp">TCP</option>
+                                <option value="udp">UDP</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline" ng-show="firewall.type == 'firewalld'">
+                        <label class="col-sm-3 control-label">区域：</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" type="text" ng-model="add_port.zone" placeholder="如: public">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-primary" onclick="$('#firewall-add-port').modal('hide')" ng-click="add_port_rule()">添加</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="firewall-add-ip" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">添加IP规则</h3>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-3 control-label">IP地址：</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" type="text" ng-model="add_ip.ip" placeholder="如: 192.168.1.100">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-3 control-label">动作：</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" ng-model="add_ip.action_type">
+                                <option value="allow">允许</option>
+                                <option value="deny">拒绝</option>
+                            </select>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-primary" onclick="$('#firewall-add-ip').modal('hide')" ng-click="add_ip_rule()">添加</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="firewall-del-port" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">删除端口规则</h3>
+            </div>
+            <div class="modal-body">
+                <p>确定要删除端口规则 <strong>{{del_port.port}}/{{del_port.protocol}}</strong> 吗？</p>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-danger" onclick="$('#firewall-del-port').modal('hide')" ng-click="remove_port_rule()">确认删除</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="firewall-del-ip" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">删除IP规则</h3>
+            </div>
+            <div class="modal-body">
+                <p>确定要删除IP规则 <strong>{{del_ip.ip}}</strong> 吗？</p>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-danger" onclick="$('#firewall-del-ip').modal('hide')" ng-click="remove_ip_rule()">确认删除</button>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/utils/index.html

@@ -0,0 +1,193 @@
+<div navbar ng-init="currentItem='utils'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>工具</h3>
+    </div>
+
+    <div ng-init="checkVirt()" class="row">
+        <div class="col-md-6 col-xs-12">
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <tr>
+                        <th colspan="3">基础设置</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td style="width:120px;"><a href="#/utils/network">网络设置</a></td>
+                        <td style="width:380px;" class="muted">设置主机名、IP 地址、网关、DNS服务器</td>
+                        <td style="width:100px;"><a class="btn btn-default btn-xs" href="#/utils/network">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/time">时间设置</a></td>
+                        <td class="muted">设置服务器的时间和时区</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/time">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/repository">软件仓库</a></td>
+                        <td class="muted">软件仓库的管理</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/repository">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/cron">定时任务</a></td>
+                        <td class="muted">管理系统定时任务</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/cron">进入管理</a></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="col-md-6 col-xs-12">
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <tr>
+                        <th colspan="3">系统管理</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td style="width:120px;"><a href="#/utils/user">用户管理</a></td>
+                        <td style="width:380px;" class="muted">管理系统用户、用户组和用户密码</td>
+                        <td style="width:100px;"><a class="btn btn-default btn-xs" href="#/utils/user">进入管理</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/process">进程管理</a></td>
+                        <td class="muted">管理系统当前运行的进程</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/process">进入管理</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/ecs">远程管理</a></td>
+                        <td class="muted">远程服务器（集群、客户端）的管理</td>
+                        <td><a class="btn btn-default btn-xs" href="#/ecs" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/ftp">FTP 管理</a></td>
+                        <td class="muted">FTP 用户及进程管理</td>
+                        <td><a class="btn btn-default btn-xs" href="#/ftp" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/shell">执行命令</a></td>
+                        <td class="muted">执行 SHELL 命令</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/shell">进入操作</a></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="col-md-6 col-xs-12">
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <tr>
+                        <th colspan="3">系统安全</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td style="width:120px;"><a href="#/service/ssh?s=pubkauth">SSH 公钥验证</a></td>
+                        <td style="width:380px;" class="muted">防暴力破解，使用更安全的公钥验证替换密码验证</td>
+                        <td style="width:100px;"><a class="btn btn-default btn-xs" href="#/service/ssh?s=pubkauth">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/ssl">SSL/TLS</a></td>
+                        <td class="muted">管理 SSL 私钥、签名请求和证书</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/ssl" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/utils/firewall">防火墙</a></td>
+                        <td class="muted">防火墙管理</td>
+                        <td><a class="btn btn-default btn-xs" href="#/utils/firewall">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/log">日志维护</a></td>
+                        <td class="muted">维护系统日志</td>
+                        <td><a class="btn btn-default btn-xs" href="#/log" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/secure">安全优化</a></td>
+                        <td class="muted">优化系统增强安全</td>
+                        <td><a class="btn btn-default btn-xs" href="#/secure" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="col-md-6 col-xs-12">
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <tr>
+                        <th colspan="3">磁盘存储</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td style="width:120px;"><a href="#/storage">磁盘管理</a></td>
+                        <td style="width:380px;" class="muted">对磁盘进行分区、格式化、挂载以及网络磁盘的管理等操作</td>
+                        <td style="width:100px;"><a class="btn btn-default btn-xs" href="#/storage">进入管理</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/storage/backup">备份管理</a></td>
+                        <td class="muted">重要文件数据的备份和管理</td>
+                        <td><a class="btn btn-default btn-xs" href="#/storage/backup" ng-disabled="true">正在开发</a></td>
+                    </tr>
+                    <tr style="display:none" ng-show="virt != 'Virtuozzo/OpenVZ' && virt != '?'">
+                        <td><a href="#/storage/autofm">自动挂载</a></td>
+                        <td class="muted">对未挂载的磁盘进行格式化并自动挂载</td>
+                        <td><a class="btn btn-default btn-xs" href="#/storage/autofm">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/storage/movedata">数据移至数据盘</a></td>
+                        <td class="muted">将数据迁移至数据盘，并通过链接保持原路径</td>
+                        <td><a class="btn btn-default btn-xs" href="#/storage/movedata">进入设置</a></td>
+                    </tr>
+                    <tr>
+                        <td><a href="#/storage/migrate">文件迁移</a></td>
+                        <td class="muted">将文件迁移至远端服务器</td>
+                        <td><a class="btn btn-default btn-xs" href="#/storage/migrate">进入设置</a></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="col-md-6 col-xs-12">
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <tr>
+                        <th colspan="3">服务器重启</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td style="width:120px;"><button class="btn btn-link btn-xs" ng-click="rebootconfirm()">重启服务器</button></td>
+                        <td style="width:380px;" class="muted">重启您的服务器</td>
+                        <td style="width:100px;"><button class="btn btn-default btn-xs" ng-click="rebootconfirm()">立即重启</button></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<div id="rebootconfirm" class="modal fade">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">服务器重启确认</h3>
+            </div>
+            <div class="modal-body">
+                <div class="alert alert-info">
+                    <p>重启过程中，您的服务器将会持续中断服务！</p>
+                    <p>确认要重启服务器吗？</p>
+                </div>
+                <div class="input-group">
+                    <span class="input-group-addon">请输入大写的 OK 确认重启</span>
+                    <input type="text" class="form-control" max-length="2" ng-model="confirmok" placeholder="输入 OK">
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-danger" onclick="$('#rebootconfirm').modal('hide')" ng-disabled="confirmok!='OK'" ng-click="reboot()">确定重启</button>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/utils/network.html

@@ -0,0 +1,118 @@
+<div navbar ng-init="currentItem='utils.network'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>网络设置</h3>
+    </div>
+
+    <div class="tabbable">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='hostname'"><a href="#hostname" ng-click="sec('hostname')" data-toggle="tab">主机名</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='ip'"><a href="#ip" ng-click="sec('ip')" data-toggle="tab">IP设置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='dns'"><a href="#dns" ng-click="sec('dns')" data-toggle="tab">DNS设置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='restart'"><a href="#restart" ng-click="sec('restart')" data-toggle="tab">重启网络</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='hostname'" id="hostname" ng-init="loadHostName()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="saveHostName()" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="bind_hostname">主机名</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="hostname" ng-disabled="processing" type="text" id="bind_hostname" placeholder="服务器主机名">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label"></label>
+                        <div class="col-sm-10">
+                            <button type="submit" class="btn btn-default" ng-disabled="processing">提交修改</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='ip'" id="ip" ng-init="loadIP()">
+                <div class="alert alert-warning">修改IP设置后，需要重启网络，配置才会生效。</div>
+                <form class="form-horizontal form-horizontal-small" ng-submit="saveIfConfig()" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">网络接口</label>
+                        <div class="col-sm-10">
+                            <div class="btn-group" ng-init="loadIfNames()">
+                                <button type="button" class="btn btn-default" ng-class="'active'|iftrue:ifname==tifname" ng-click="loadIfConfig(tifname)" ng-repeat="tifname in ifnames">{{tifname}}</button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="ip">IPv4地址</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="ip" ng-disabled="processing" type="text" id="ip" placeholder="IPv4地址">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="mask">子网掩码</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="mask" ng-disabled="processing" type="text" id="mask" placeholder="子网掩码">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="gw">默认网关</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="gw" ng-disabled="processing" type="text" id="gw" placeholder="默认网关">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label"></label>
+                        <div class="col-sm-10">
+                            <button type="submit" class="btn btn-default" ng-disabled="processing">提交修改</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='dns'" id="dns" ng-init="loadDNS()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="saveNameservers()" onsubmit="return false" ng-init="loadNameservers()">
+                    <div class="form-group form-inline" ng-repeat="nameserver in nameservers">
+                        <label class="col-sm-2 control-label">DNS {{$index+1}}：</label>
+                        <div class="col-sm-10">
+                            <div class="input-group">
+                                <input class="form-control nameserver" ng-disabled="processing" type="text" value="{{nameserver}}" placeholder="DNS 服务器地址">
+                                <div class="input-group-btn">
+                                    <button type="button" class="btn btn-default" ng-disabled="processing" ng-click="delNameserver($index)"><i class="glyphicon glyphicon-minus"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">DNS 服务器</label>
+                        <div class="col-sm-10">
+                            <button type="button" class="btn btn-default" ng-disabled="processing" ng-click="addNameserver()"><i class="glyphicon glyphicon-plus"></i> 增加 DNS 服务器</button>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label"></label>
+                        <div class="col-sm-10">
+                            <button type="submit" class="btn btn-default" ng-disabled="processing">提交修改</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='restart'" id="restart" ng-init="restartService()">
+                <div class="panel panel-danger">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-refresh"></i>
+                            <span> 重启网络</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <p><span ng-bind-html-unsafe="restartMessage"></span></p>
+                        <p style="display:none;margin-top:20px;" ng-show="showRestartBtn">
+                            <button class="btn btn-default" ng-click="restart()" ng-disabled="processing">确定并重启网络</button>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>