InPanel 1.2.1__py3-none-any.whl

inpanel/public/partials/service/vsftpd.html

@@ -0,0 +1,195 @@
+<div navbar ng-init="currentItem='service.vsftpd'"></div>
+<div ng-show="Auth.processing||!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="!Auth.processing&&loaded" style="display:none" ng-init="checkInstalled()">
+    <div class="module-header">
+        <h3>vsftpd - 安全快速的 FTP 服务器软件</h3>
+    </div>
+
+    <div srvinstall ng-init="name='vsftpd';pkg='vsftpd';expected_repolist=['base','CentALT'];"></div>
+
+    <div class="tabbable" ng-show="installed">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='base'"><a href="#base" ng-click="sec('base')" data-toggle="tab">基本信息</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='baseconfig'"><a href="#baseconfig" ng-click="sec('baseconfig')" data-toggle="tab">基本配置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='configfile'"><a href="#configfile" ng-click="sec('configfile')" data-toggle="tab">配置文件</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='update'"><a href="#update" ng-click="sec('update')" data-toggle="tab">升级</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='uninstall'"><a href="#uninstall" ng-click="sec('uninstall')" data-toggle="tab">卸载</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='base'" id="base">
+                <div srvbase ng-init="name='vsftpd';pkg='vsftpd';service='vsftpd';"></div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='baseconfig'" id="baseconfig">
+                <form class="form-horizontal form-horizontal-small" ng-submit="savesettings()" onsubmit="return false">
+                    <div class="form-group">
+                        <label class="control-label" for="anonymous_enable">是否允许匿名登录</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.anonymous_enable" ng-disabled="processing" type="text" id="anonymous_enable" placeholder="anonymous_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="local_enable">local_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.local_enable" ng-disabled="processing" type="text" id="local_enable" placeholder="local_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="local_umask">local_umask</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.local_umask" ng-disabled="processing" type="text" id="local_umask" placeholder="local_umask">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="anon_upload_enable">匿名用户可上传文件</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.anon_upload_enable" ng-disabled="processing" type="text" id="anon_upload_enable" placeholder="是否允许匿名用户登录，YES允许，NO不允许，默认值为YES。 ">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="anon_mkdir_write_enable">匿名用户可创建文件夹</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.anon_mkdir_write_enable" ng-disabled="processing" type="text" id="anon_mkdir_write_enable" placeholder="anon_mkdir_write_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="dirmessage_enable">dirmessage_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.dirmessage_enable" ng-disabled="processing" type="text" id="dirmessage_enable" placeholder="dirmessage_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="xferlog_enable">xferlog_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.xferlog_enable" ng-disabled="processing" type="text" id="xferlog_enable" placeholder="xferlog_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="connect_from_port_20">主动模式需要连接项</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.connect_from_port_20" ng-disabled="processing" type="text" id="connect_from_port_20" placeholder="connect_from_port_20">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="chown_upload">chown_upload</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.chown_upload" ng-disabled="processing" type="text" id="chown_upload" placeholder="chown_upload">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="chown_username">chown_username</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.chown_username" ng-disabled="processing" type="text" id="chown_username" placeholder="chown_username">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="xferlog_file">xferlog_file</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.xferlog_file" ng-disabled="processing" type="text" id="xferlog_file" placeholder="xferlog_file">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="xferlog_std_format">xferlog_std_format</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.xferlog_std_format" ng-disabled="processing" type="text" id="xferlog_std_format" placeholder="xferlog_std_format">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="idle_session_timeout">idle_session_timeout</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.idle_session_timeout" ng-disabled="processing" type="text" id="idle_session_timeout" placeholder="idle_session_timeout">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="data_connection_timeout">data_connection_timeout</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.data_connection_timeout" ng-disabled="processing" type="text" id="data_connection_timeout" placeholder="data_connection_timeout">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="nopriv_user">nopriv_user</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.nopriv_user" ng-disabled="processing" type="text" id="nopriv_user" placeholder="nopriv_user">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="async_abor_enable">async_abor_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.async_abor_enable" ng-disabled="processing" type="text" id="async_abor_enable" placeholder="async_abor_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="ascii_upload_enable">ascii_upload_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.ascii_upload_enable" ng-disabled="processing" type="text" id="ascii_upload_enable" placeholder="ascii_upload_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="ascii_download_enable">ascii_download_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.ascii_download_enable" ng-disabled="processing" type="text" id="ascii_download_enable" placeholder="ascii_download_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="ftpd_banner">ftpd_banner</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.ftpd_banner" ng-disabled="processing" type="text" id="ftpd_banner" placeholder="ftpd_banner">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="deny_email_enable">deny_email_enable</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.deny_email_enable" ng-disabled="processing" type="text" id="deny_email_enable" placeholder="deny_email_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="banned_email_file">banned_email_file</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.banned_email_file" ng-disabled="processing" type="text" id="banned_email_file" placeholder="banned_email_file">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="chroot_list_enable">是否可切换到上级目录</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.chroot_list_enable" ng-disabled="processing" type="text" id="chroot_list_enable" placeholder="chroot_list_enable">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="chroot_list_file">可登录用户</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.chroot_list_file" ng-disabled="processing" type="text" id="chroot_list_file" placeholder="chroot_list_file">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="max_clients">max_clients</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.max_clients" ng-disabled="processing" type="text" id="max_clients" placeholder="max_clients">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label" for="message_file">message_file</label>
+                        <div style="margin-left: 160px">
+                            <input class="form-control" ng-model="baseconfigs.message_file" ng-disabled="processing" type="text" id="message_file" placeholder="message_file">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <div style="margin-left: 160px">
+                            <button type="submit" class="btn btn-default" ng-disabled="processing">提交修改</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='configfile'" id="configfile">
+                <div srvfile ng-init="items=[{name:'主目录', path:'/etc/vsftpd', isdir:true}];"></div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='update'" id="update">
+                <div srvupdate ng-init="name='vsftpd';pkg='vsftpd';"></div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='uninstall'" id="uninstall">
+                <div srvuninstall ng-init="name='vsftpd';pkg='vsftpd';"></div>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/setting.html

@@ -0,0 +1,299 @@
+<div ng-include src="'/api/xsrf'"></div>
+
+<div navbar ng-init="currentItem='setting'"></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()">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='authinfo'"><a href="#authinfo" ng-click="sec('authinfo')" data-toggle="tab">账号设置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='serverinfo'"><a href="#serverinfo" ng-click="sec('serverinfo')" data-toggle="tab">服务设置</a></li>
+            <!-- <li ng-class="'active' | iftrue:activeTabName=='runtime'"><a href="#runtime" ng-click="sec('runtime')" data-toggle="tab">运行设置</a></li> -->
+            <li ng-class="'active' | iftrue:activeTabName=='accesskey'"><a href="#accesskey" ng-click="sec('accesskey')" data-toggle="tab">远程控制</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='restart'"><a href="#restart" ng-click="sec('restart')" data-toggle="tab">重启服务</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='upversion'"><a href="#upversion" ng-click="sec('upversion')" data-toggle="tab">版本升级</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='about'"><a href="#about" ng-click="sec('about')" data-toggle="tab">关于应用</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='license'"><a href="#license" ng-click="sec('license')" data-toggle="tab">开源协议</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='donation'"><a href="#donation" ng-click="sec('donation')" data-toggle="tab">捐助项目</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='authinfo'" id="authinfo" ng-init="loadAuthInfo()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="updateAuthInfo()" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label for="username" class="col-sm-2 control-label">用户名</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="username" ng-disabled="processing" type="text" id="username" placeholder="管理员用户名">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="password">新密码</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="password" ng-disabled="processing" type="password" id="password" placeholder="留空表示不修改密码" autocomplete="off">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="passwordc">确认新密码</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="passwordc" ng-disabled="processing" type="password" id="passwordc" placeholder="留空表示不修改密码" autocomplete="off">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">密码检测</label>
+                        <div class="col-sm-10 checkbox">
+                            <label><input ng-model="passwordcheck" ng-disabled="processing" type="checkbox"> 开启密码安全级别检测</label>
+                        </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=='serverinfo'" id="serverinfo" ng-init="loadServerInfo()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="updateServerInfo()" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="bind_ip">绑定IP</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="ip" ng-disabled="processing" type="text" id="bind_ip" placeholder="服务绑定的IP">
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="bind_port">绑定端口</label>
+                        <div class="col-sm-10">
+                            <input class="form-control" ng-model="port" ng-disabled="processing" type="text" id="bind_port" placeholder="服务绑定的端口">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="ssl_key">SSL 私钥</label>
+                        <div class="col-sm-10">
+                            <div class="input-group">
+                                <div class="input-group-btn">
+                                    <button type="button" class="btn btn-default" ng-click="selectsslkey()" title="选择私钥文件"><i class="glyphicon glyphicon-folder-open"></i></button>
+                                </div>
+                                <input class="form-control" ng-model="sslkey" ng-disabled="processing" type="text" id="ssl_key" placeholder="SSL 私钥文件路径(*.key)">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="ssl_crt">SSL 证书</label>
+                        <div class="col-sm-10">
+                            <div class="input-group">
+                                <div class="input-group-btn">
+                                    <button type="button" class="btn btn-default" ng-click="selectsslcrt()" title="选择证书文件"><i class="glyphicon glyphicon-folder-open"></i></button>
+                                </div>
+                                <input class="form-control" ng-model="sslcrt" ng-disabled="processing" type="text" id="ssl_crt" placeholder="SSL 证书文件路径(*.crt)">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">强制HTTPS</label>
+                        <div class="col-sm-10 checkbox">
+                            <label><input ng-model="forcehttps" ng-disabled="processing" type="checkbox"> 强制使用 HTTPS 访问面板</label>
+                        </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=='runtime'" id="runtime" ng-init="loadRuntimeInfo()">
+                <div class="alert alert-info alert-dismissible">
+                    <p>注意事项：</p>
+                    <p>1. 修改运行模式前，请再三确认操作是否有必要 ！</p>
+                    <p>2. 在【演示模式】下，不允许再次进行修改 ！</p>
+                    <hr />
+                    <p>在【演示模式】下，如需调整到【正式模式】，请在服务器上执行以下命令：</p>
+                    <p>inpanel config mode prod</p>
+                </div>
+                <form class="form-horizontal form-horizontal-small" ng-submit="updateRuntimeInfo()" onsubmit="return false">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="runtime_mode">运行模式</label>
+                        <div class="col-sm-10">
+                            <select class="form-control" ng-model="runtime_mode" ng-disabled="processing">
+                                <option value="prod">生产模式</option>
+                                <option value="dev">开发模式</option>
+                                <option value="demo">演示模式</option>
+                            </select>
+                        </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=='accesskey'" id="accesskey" ng-init="loadAccessKey()">
+                <div class="form-horizontal form-horizontal-small">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">远程控制</label>
+                        <div class="col-sm-10 checkbox">
+                            <label><input ng-model="accesskeyenable" ng-disabled="processing" type="checkbox">允许使用授权码进行远程控制</label>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="accesskey">授权码</label>
+                        <div class="col-sm-10">
+                            <textarea class="form-control" ng-model="accesskey" ng-disabled="processing" id="accesskey" placeholder="远程控制使用的授权码" style="width:300px; height:80px"></textarea>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label"></label>
+                        <div class="col-sm-10">
+                            <button ng-click="updateAccessKey()" class="btn btn-default" ng-disabled="processing">保存设置</button>
+                            <button ng-click="genaccesskey()" class="btn btn-default" ng-disabled="processing">随机生成</button>
+                        </div>
+                    </div>
+                </div>
+            </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 ng-bind-html-unsafe="restartMessage"></p>
+                        <button class="btn btn-default" ng-show="showRestartBtn" ng-click="restart()" ng-disabled="processing">确定并重启服务</button>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='upversion'" id="upversion">
+                <table class="table table-hover table-bordered">
+                    <thead>
+                        <tr>
+                            <th colspan="2">当前版本信息</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td style="width: 200px;">版本信息：</td>
+                            <td>v{{version.version}}</td>
+                        </tr>
+                        <tr>
+                            <td>发布时间：</td>
+                            <td>{{version.releasetime}}</td>
+                        </tr>
+                        <tr>
+                            <td>变更记录：</td>
+                            <td><a href="{{version.changelog}}" target="_blank">查看版本变更记录</a></td>
+                        </tr>
+                    </tbody>
+                </table>
+                <div ng-bind-html-unsafe="upverMessage"></div>
+                <p style="display:none" ng-show="showUpdateBtn">
+                    <button class="btn btn-default" ng-click="update()" ng-disabled="processing">{{updateBtnText}}</button>
+                </p>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='about'" id="about">
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-info-sign"></i>
+                            <span> 关于 InPanel</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <p>InPanel v{{version.version}}</p>
+                        <p>InPanel 是一款开源的 Linux 服务器管理面板，后端服务基于 Python 语言开发，前端页面基于框架 Angular JS v1.0.2</p>
+                        <p>源码托管在 <a href="https://github.com/inpanel/inpanel" target="_blank">GitHub</a>、<a href="https://gitee.com/inpanel/inpanel" target="_blank">Gitee</a></p>
+                        <p>国际网站：<a href="https://inpanel.org" target="_blank">https://inpanel.org</a>（提供多语言版本，针对国际用户）</p>
+                        <p>国内网站：<a href="https://inpanel.cn" target="_blank">https://inpanel.cn</a>（只提供中文版，针对国内用户）</p>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='license'" id="license">
+                <div class="panel panel-info">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-copyright-mark"></i>
+                            <span> 使用 InPanel 需遵循 BSD 开源协议</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <p>您可以自由的使用，修改源代码，也可以将修改后的代码作为开源或者专有软件再发布。当您发布使用了 BSD 协议的代码，或者以 BSD 协议代码为基础，进行二次开发自己的产品时，需要遵循以下三个原则：</p>
+                        <p>1. 如果再发布的产品中包含源代码，则在源代码中必须带有原来代码中的 BSD 协议。</p>
+                        <p>2. 如果再发布的只是二进制类库/软件，则需要在类库/软件的文档和版权声明中包含原来代码中的 BSD 协议。</p>
+                        <p>3. 不可以用开源代码的作者/机构名字和原来产品的名字做市场推广。</p>
+                        <p>详细的条款许可请查阅 <a href="https://github.com/inpanel/inpanel/blob/main/LICENSE" target="_blank">这里</a></p>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='donation'" id="donation">
+                <div class="panel panel-success">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-heart-empty"></i>
+                            <span> 捐助项目</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <p>如果本项目对您有帮助，您可以请作者喝奶茶。</p>
+                        <p>收到您的捐助后，我们将会在网站上进行展示，<a href="https://inpanel.cn" target="_blank">点击这里查看</a>（<a href="https://crogram.org/donation.html" target="_blank">对公转账请点击这里查看</a>）。</p>
+                        <p>转账时请备注：您的称呼，感谢您的捐助，祝您生活愉快 ！</p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-6 col-sm-6">
+                        <div class="panel panel-info">
+                            <div class="panel-heading">
+                                <div class="panel-title">
+                                    <i class="glyphicon glyphicon-qrcode"></i>
+                                    <span> 通过【支付宝】转账</span>
+                                </div>
+                            </div>
+                            <div class="panel-body">
+                                <img src="images/alipay.jpg" class="img-responsive img-rounded">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-sm-6">
+                        <div class="panel panel-info">
+                            <div class="panel-heading">
+                                <div class="panel-title">
+                                    <i class="glyphicon glyphicon-qrcode"></i>
+                                    <span> 通过【微信支付】转账</span>
+                                </div>
+                            </div>
+                            <div class="panel-body">
+                                <img src="images/weixin.jpg" class="img-responsive img-rounded">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<div id="selector" 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">{{selector_title}}</h3>
+            </div>
+            <div class="modal-body">
+                <div selector></div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+            </div>
+        </div>
+    </div>
+</div>