InPanel 1.2.1__py3-none-any.whl

inpanel/public/partials/main.html

@@ -0,0 +1,534 @@
+<div navbar ng-init="currentItem='main'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>欢迎使用 InPanel 控制面板</h3>
+        <p>
+            当前版本：v{{version.version}}&nbsp;&nbsp;
+            <button class="btn btn-default btn-xs" ng-click="checkUpdate()" style="display:none" ng-show="!detectVer">
+                {{ '有新的可用版本，点此更新' | iftrue:hasNewver }}
+                {{ '检测新版本' | iftrue:!hasNewver }}
+            </button>
+        </p>
+    </div>
+
+    <div class="tabbable" ng-init="load()">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='server'"><a href="#server" ng-click="sec('server')" data-toggle="tab">状态概览</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='network'"><a href="#network" ng-click="sec('network')" data-toggle="tab">网络信息</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='service'"><a href="#service" ng-click="sec('service')" data-toggle="tab">服务状态</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='system'"><a href="#system" ng-click="sec('system')" data-toggle="tab">系统信息</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='hardware'"><a href="#hardware" ng-click="sec('hardware')" data-toggle="tab">硬件信息</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='panel'"><a href="#panel" ng-click="sec('panel')" data-toggle="tab">面板信息</a></li>
+            <li class="pull-right">
+                <div class="btn-group btn-group-sm">
+                    <button class="btn btn-default" title="刷新数据" ng-click="refresh()" ng-disabled="auto_refresh"><i class="glyphicon glyphicon-refresh"></i></button>
+                    <button class="btn btn-default" title="开启自动刷新" ng-click="auto_refresh_open()" ng-disabled="auto_refresh"><i class="glyphicon glyphicon-play"></i></button>
+                    <button class="btn btn-default" title="关闭自动刷新" ng-click="auto_refresh_close()" ng-disabled="!auto_refresh"><i class="glyphicon glyphicon-stop"></i></button>
+                </div>
+            </li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='server'" id="server">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="2">状态概览</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td style="width:130px">服务器时间：</td>
+                            <td>{{ info['server.datetime'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>启动时间：</td>
+                            <td>{{ info['server.cpustat']['btime'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>运行时间：</td>
+                            <td>{{ info['server.uptime']['up'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>空闲时间：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td style="width:180px">
+                                            {{ info['server.uptime']['idle'] }}
+                                        </td>
+                                        <td style="width:80px">
+                                            <span ng-bind-html-unsafe="info['server.uptime']['idle_rate'] | uptime.idlerate"></span>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>CPU使用率：</td>
+                            <td>{{ info['server.cpustat']['total']['used_rate'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>当前负载：<br></td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td style="width:130px">1 分钟进程数：</td>
+                                        <td style="width:30px" class="text-right">{{ info['server.loadavg']['1min'] }}</td>
+                                        <td style="width:20px"></td>
+                                        <td style="width:80px" ng-bind-html-unsafe="info['server.loadavg']['1min'] | loadavg.overload:info['server.cpuinfo']['cpu_count']"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>5 分钟进程数：</td>
+                                        <td class="text-right">{{ info['server.loadavg']['5min'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.loadavg']['5min'] | loadavg.overload:info['server.cpuinfo']['cpu_count']">
+                                    </tr>
+                                    <tr>
+                                        <td>15 分钟进程数：</td>
+                                        <td class="text-right">{{ info['server.loadavg']['15min'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.loadavg']['15min'] | loadavg.overload:info['server.cpuinfo']['cpu_count']">
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>内存概览：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td style="width:100px">总大小：</td>
+                                        <td class="text-right" style="width:80px">{{ info['server.meminfo']['mem_total'] }}</td>
+                                        <td style="width:20px"></td>
+                                        <td style="width:80px"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>已用大小：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_used'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['mem_used_rate'] | space.used"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>空闲内存：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_free'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['mem_free_rate'] | space.free"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>缓冲区大小：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_buffers'] }}</td>
+                                        <td></td>
+                                        <td></td>
+                                    </tr>
+                                    <tr>
+                                        <td>缓存大小：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_cached'] }}</td>
+                                        <td></td>
+                                        <td></td>
+                                    </tr>
+                                    <tr>
+                                        <td>可用内存：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_available'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['mem_available_rate'] | space.available"></td>
+                                    </tr>
+                                    <tr ng-show="info['server.meminfo']['mem_available'] == '0B'">
+                                        <td>可用内存(计算)：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['mem_available_computed'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['mem_available_computed_rate'] | space.available"></td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr ng-show="info['server.meminfo']['swap_total'] != '0B'">
+                            <td>交换空间 ：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td style="width:80px">总大小：</td>
+                                        <td class="text-right" style="width:80px">{{ info['server.meminfo']['swap_total'] }}</td>
+                                        <td style="width:20px"></td>
+                                        <td style="width:80px"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>已用大小：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['swap_used'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['swap_used_rate'] | space.used"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>空闲空间：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['swap_free'] }}</td>
+                                        <td></td>
+                                        <td ng-bind-html-unsafe="info['server.meminfo']['swap_free_rate'] | space.free"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>Swappiness：</td>
+                                        <td class="text-right">{{ info['server.meminfo']['swap_swappiness'] }}</td>
+                                        <td></td>
+                                        <td></td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr ng-show="info['server.mounts']">
+                            <td>存储空间：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:350px">
+                                    <tr>
+                                        <th>挂载点</th>
+                                        <th class="text-right">总大小</th>
+                                        <th class="text-right">已使用</th>
+                                        <th class="text-right">剩余可用</th>
+                                        <th class="text-right">使用率</th>
+                                    </tr>
+                                    <tr ng-repeat="mount in info['server.mounts']">
+                                        <td>{{ mount['path'] }}</td>
+                                        <td class="text-right">{{ mount['total'] }}</td>
+                                        <td class="text-right">{{ mount['used'] }}</td>
+                                        <td class="text-right">{{ mount['free'] }}</td>
+                                        <td class="text-right" ng-bind-html-unsafe="mount['used_rate'] | space.used"></td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='network'" id="network">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="2">网络信息</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>DNS服务器：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout">
+                                    <tr ng-repeat="nameserver in info['server.nameservers']">
+                                        <td>{{ nameserver }}</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr ng-repeat="netiface in info['server.netifaces']">
+                            <td>网络接口{{ $index+1 }}：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:400px">
+                                    <tr>
+                                        <td>状态：</td>
+                                        <td ng-bind-html-unsafe="netiface['status'] | netiface.updown"></td>
+                                    </tr>
+                                    <tr>
+                                        <td>名称：</td>
+                                        <td>{{ netiface['name'] }} （{{ netiface['encap'] | netiface.encap }}）</td>
+                                    </tr>
+                                    <tr>
+                                        <td>IPv4地址：</td>
+                                        <td>{{ netiface['ip'] }}</td>
+                                    </tr>
+                                    <tr ng-show="netiface['encap'] != 'Loopback'">
+                                        <td>子网掩码：</td>
+                                        <td>{{ netiface['mask'] }}</td>
+                                    </tr>
+                                    <tr ng-show="netiface['gw']">
+                                        <td>默认网关：</td>
+                                        <td>{{ netiface['gw'] }}</td>
+                                    </tr>
+                                    <tr ng-show="netiface['encap'] != 'Loopback'">
+                                        <td>物理地址：</td>
+                                        <td>{{ netiface['mac'] }}</td>
+                                    </tr>
+                                    <tr>
+                                        <td>流量信息：</td>
+                                        <td>
+                                            <div style="width:260px;padding:3px 10px;margin-top:3px;">
+                                                <table class="table table-condensed table-bordered table-layout" style="width:240px;">
+                                                    <tr>
+                                                        <th style="width:80px"></th>
+                                                        <th style="width:80px" class="text-right">累计流量</th>
+                                                        <th style="width:80px" class="text-right">实时速率</th>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>发送：</td>
+                                                        <td class="text-right">{{ netiface['tx'] }}</td>
+                                                        <td class="text-right">{{ netiface['tx_speed'] | bytes2human }}/s</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td>接收：</td>
+                                                        <td class="text-right">{{ netiface['rx'] }}</td>
+                                                        <td class="text-right">{{ netiface['rx_speed'] | bytes2human }}/s</td>
+                                                    </tr>
+                                                </table>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='service'" id="service">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="3">服务状态</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>InPanel</td>
+                            <td ng-bind-html-unsafe="info['service.inpanel']['status'] | service.status"></td>
+                            <td class="muted">服务器控制面板 InPanel</td>
+                        </tr>
+                        <tr ng-show="info['service.nginx'] != null">
+                            <td>Nginx</td>
+                            <td ng-bind-html-unsafe="info['service.nginx']['status'] | service.status"></td>
+                            <td class="muted">高性能的 HTTP 服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.httpd'] != null">
+                            <td>Apache</td>
+                            <td ng-bind-html-unsafe="info['service.httpd']['status'] | service.status"></td>
+                            <td class="muted">老牌 HTTP 服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.vsftpd'] != null">
+                            <td>vsftpd</td>
+                            <td ng-bind-html-unsafe="info['service.vsftpd']['status'] | service.status"></td>
+                            <td class="muted">安全快速的FTP服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.mysqld'] != null">
+                            <td>MySQL</td>
+                            <td ng-bind-html-unsafe="info['service.mysqld']['status'] | service.status"></td>
+                            <td class="muted">最流行的开源关系型数据库服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.redis'] != null">
+                            <td>Redis</td>
+                            <td ng-bind-html-unsafe="info['service.redis']['status'] | service.status"></td>
+                            <td class="muted">高性能内存数据库</td>
+                        </tr>
+                        <tr ng-show="info['service.memcached'] != null">
+                            <td>Memcache</td>
+                            <td ng-bind-html-unsafe="info['service.memcached']['status'] | service.status"></td>
+                            <td class="muted">内存数据库</td>
+                        </tr>
+                        <tr ng-show="info['service.mongod'] != null">
+                            <td>MongoDB</td>
+                            <td ng-bind-html-unsafe="info['service.mongod']['status'] | service.status"></td>
+                            <td class="muted">分布式高性能的数据库服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.php-fpm'] != null">
+                            <td>PHP</td>
+                            <td ng-bind-html-unsafe="info['service.php-fpm']['status'] | service.status"></td>
+                            <td class="muted">PHP 脚本解析器</td>
+                        </tr>
+                        <tr ng-show="info['service.sendmail'] != null">
+                            <td style="width:120px">Sendmail</td>
+                            <td ng-bind-html-unsafe="info['service.sendmail']['status'] | service.status"></td>
+                            <td class="muted">邮件传输服务</td>
+                        </tr>
+                        <tr ng-show="info['service.sshd'] != null">
+                            <td>SSH</td>
+                            <td ng-bind-html-unsafe="info['service.sshd']['status'] | service.status"></td>
+                            <td class="muted">远程连接服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.iptables'] != null">
+                            <td>iptables</td>
+                            <td ng-bind-html-unsafe="info['service.iptables']['status'] | service.status"></td>
+                            <td class="muted">Linux 防火墙</td>
+                        </tr>
+                        <tr ng-show="info['service.crond'] != null">
+                            <td>Cron</td>
+                            <td ng-bind-html-unsafe="info['service.crond']['status'] | service.status"></td>
+                            <td class="muted">定时任务管理服务器</td>
+                        </tr>
+                        <tr ng-show="info['service.crond'] != null && info['server.virt'] != 'Virtuozzo/OpenVZ'" style="display:none">
+                            <td>NTP</td>
+                            <td ng-bind-html-unsafe="info['service.ntpd']['status'] | service.status"></td>
+                            <td class="muted">时间同步服务</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='system'" id="system">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="2">系统信息</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-show="info['server.virt']">
+                            <td style="width:100px">系统平台：</td>
+                            <td>{{ info['server.virt'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>主机名称：</td>
+                            <td>{{ info['server.hostname'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>发行版本：</td>
+                            <td>{{ info['server.distribution'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>内核版本：</td>
+                            <td>{{ info['server.uname']['kernel_name'] }} {{ info['server.uname']['kernel_release'] }} {{ info['server.uname']['kernel_version'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>系统类型：</td>
+                            <td>硬件：{{ info['server.uname']['machine'] }}<br>CPU：{{ info['server.uname']['processor'] }}<br>实现：{{ info['server.uname']['platform'] }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='hardware'" id="hardware">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="2">硬件信息</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td style="width:100px">CPU个数：</td>
+                            <td>{{ info['server.cpuinfo']['cpu_count'] }} 个</td>
+                        </tr>
+                        <tr>
+                            <td>CPU核心：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" ng-class="'table-nopadding' | iftrue:info['server.cpuinfo']['core_count']==1">
+                                    <tr ng-show="info['server.cpuinfo']['core_count'] > 0">
+                                        <td colspan="2">共有 {{ info['server.cpuinfo']['core_count'] }} 个核心，型号如下：</td>
+                                    </tr>
+                                    <tr ng-repeat="core in info['server.cpuinfo']['cores']">
+                                        <td>{{ core['model'] }} ({{ core['bits'] }})</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>内存大小：</td>
+                            <td>{{ info['server.meminfo']['mem_total'] }}</td>
+                        </tr>
+                        <tr ng-show="info['server.diskinfo']['count']>0">
+                            <td>存储设备：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td colspan="2">共有 {{ info['server.diskinfo']['count'] }} 个存储设备，共 {{ info['server.diskinfo']['totalsize'] }}</td>
+                                    </tr>
+                                    <tr ng-repeat="partition in info['server.diskinfo']['partitions'] | filter:{'is_hw': true}">
+                                        <td>{{ partition['name'] }}</td>
+                                        <td>{{ partition['size'] }}</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="tab-pane table-responsive" ng-class="'active' | iftrue:activeTabName=='panel'" id="panel">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th colspan="2">面板信息</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td style="width:130px">面板版本：</td>
+                            <td>{{ info['server.panelinfo']['version'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>发布时间：</td>
+                            <td>{{ info['server.panelinfo']['releasetime'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>启动时间：</td>
+                            <td>{{ info['server.panelinfo']['start_time'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>运行时长：</td>
+                            <td>{{ info['server.panelinfo']['uptime'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>运行用户：</td>
+                            <td>{{ info['server.panelinfo']['run_user'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>运行方式：</td>
+                            <td>{{ info['server.panelinfo']['run_mode'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>进程ID：</td>
+                            <td>{{ info['server.panelinfo']['pid'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>运行命令：</td>
+                            <td><code style="word-break: break-all;">{{ info['server.panelinfo']['run_command'] }}</code></td>
+                        </tr>
+                        <tr>
+                            <td>绑定地址：</td>
+                            <td>{{ info['server.panelinfo']['bind_addr'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>访问地址：</td>
+                            <td><a href="{{ info['server.panelinfo']['access_url'] }}" target="_blank">{{ info['server.panelinfo']['access_url'] }}</a></td>
+                        </tr>
+                        <tr>
+                            <td>内存占用：</td>
+                            <td>
+                                <table class="table table-condensed table-borderless table-layout" style="width:300px">
+                                    <tr>
+                                        <td style="width:100px">物理内存：</td>
+                                        <td>{{ info['server.panelinfo']['mem_rss'] }}</td>
+                                    </tr>
+                                    <tr>
+                                        <td>虚拟内存：</td>
+                                        <td>{{ info['server.panelinfo']['mem_vms'] }}</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>CPU占用率：</td>
+                            <td>{{ info['server.panelinfo']['cpu_percent'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>根目录：</td>
+                            <td>{{ info['server.panelinfo']['root_path'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>配置文件：</td>
+                            <td>{{ info['server.panelinfo']['config_file'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>执行文件：</td>
+                            <td>{{ info['server.panelinfo']['exec_file'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>PID文件：</td>
+                            <td>{{ info['server.panelinfo']['pid_file'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>日志文件：</td>
+                            <td>{{ info['server.panelinfo']['log_file'] }}</td>
+                        </tr>
+                        <tr>
+                            <td>错误日志：</td>
+                            <td>{{ info['server.panelinfo']['error_log_file'] }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/plugins/index.html

@@ -0,0 +1,55 @@
+<div navbar ng-init="currentItem='plugins'"></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="load()">
+        <table class="table table-hover table-condensed">
+            <thead>
+                <tr>
+                    <th colspan="4">应用程序</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td style="width:120px;">ACME</td>
+                    <td style="width:60px;"><span class="label label-success">已安装</span></td>
+                    <td style="width:380px;" class="muted">使用 ACME 协议 申请和管理 Let’s Encrypt 证书</td>
+                    <td style="width:100px;">
+                        <a class="btn btn-default btn-sm" href="#/plugins/acme" disabled>正在开发</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>Shadowsocks</td>
+                    <td><span class="label label-default">已停止</span></td>
+                    <td class="muted">libev 版 - 内存占用小（600k左右），低 CPU 消耗</td>
+                    <td>
+                        <a class="btn btn-default btn-sm" role="button" href="#/plugins/shadowsocks" disabled>正在开发</a>
+                        <!-- <div srvminiop ng-init="name='Shadowsocks-libev';service='shadowsocks-libev';urlname='shadowsocks-libev'"></div> -->
+                    </td>
+                </tr>
+                <tr>
+                    <td>Shadowsocks</td>
+                    <td><span class="label label-default">已停止</span></td>
+                    <td class="muted">Shadowsocks Python 版</td>
+                    <td>
+                        <a class="btn btn-default btn-sm" role="button" href="#/plugins/shadowsocks" disabled>正在开发</a>
+                        <!-- <div srvminiop ng-init="name='Shadowsocks';service='shadowsocks';urlname='shadowsocks'"></div> -->
+                    </td>
+                </tr>
+                <tr>
+                    <td>ShadowsocksR</td>
+                    <td><span class="label label-info">未安装</span></td>
+                    <td class="muted">ShadowsocksR</td>
+                    <td>
+                        <a class="btn btn-default btn-sm" role="button" href="#/plugins/shadowsocks" disabled>正在开发</a>
+                        <!-- <div srvminiop ng-init="name='ShadowsocksR';service='shadowsocks';urlname='shadowsocks'"></div> -->
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

inpanel/public/partials/plugins/plugins.html

@@ -0,0 +1,13 @@
+<div navbar ng-init="currentItem='plugins'"></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="load()">
+        <div plugins ng-init="pluginsName='acme'"></div>
+        <div plugins pluginsName="acme"></div>
+    </div>
+</div>

inpanel/public/partials/secure.html

@@ -0,0 +1,13 @@
+<div navbar ng-init="currentItem='utils.secure'"></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>
+
+    <p>安全管理功能即将推出，敬请留意 InPanel 的版本更新。<a href="#/setting?s=upversion">检测新版本</a></p>
+    <p>使用备份管理，可以提高整个服务器的安全性，确保数据安全。</p>
+</div>