InPanel 1.2.1__py3-none-any.whl

inpanel/public/partials/database/mysql/useredit.html

@@ -0,0 +1,310 @@
+<div navbar ng-init="currentItem='database'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>管理用户 {{username}}</h3>
+    </div>
+
+    <!-- 请输入数据库管理员 root 的密码后继续操作，需改进为复用模板 -->
+    <div class="panel panel-warning" ng-show="!$mysql.password_validated">
+        <div class="panel-heading">
+            <div class="panel-title">
+                <i class="glyphicon glyphicon-lock"></i>
+                <span> 请输入数据库管理员 root 的密码</span>
+            </div>
+        </div>
+        <div class="panel-body">
+            <form class="form-horizontal" onsubmit="return false" method="get" action="/">
+                <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="$mysql.password" type="password" id="password" ng-disabled="processing" placeholder="管理员密码" autocomplete="off" autofocus>
+                    </div>
+                </div>
+                <div class="form-group form-inline">
+                    <div class="col-sm-2 control-label"></div>
+                    <div class="col-sm-10">
+                        <button class="btn btn-primary" ng-click="validate_password()" ng-disabled="processing">
+                            <i class="glyphicon glyphicon-user"></i> <span>登录 MySQL</span>
+                        </button>
+                        <span style="padding-left:20px">
+                            <a href="#/service/mysql?s=password">忘记密码？</a>
+                        </span>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div class="tabbable" ng-init="load()" ng-show="$mysql.password_validated">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='privs'"><a href="#privs" ng-click="sec('privs')" data-toggle="tab">用户权限</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='operation'"><a href="#operation" ng-click="sec('operation')" data-toggle="tab">用户操作</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='privs'" id="privs">
+                <div ng-show="privsloading">
+                    <div waiting ng-init="waitingText='正在加载权限列表，请稍候...'"></div>
+                </div>
+
+                <div class="panel panel-default" ng-show="!privsloading">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-user"></i>
+                            <span"> 按数据库指定的权限</span>
+                        </div>
+                    </div>
+                    <table class="table table-hover table-bordered table-condensed">
+                        <thead>
+                            <tr>
+                                <th style="width:20px" class="text-right">#</th>
+                                <th>数据库</th>
+                                <th>权限</th>
+                                <th>授权权限</th>
+                                <th style="width:90px">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-show="privs.bydb.length==0">
+                                <td colspan="5">该用户暂未设置数据库权限</td>
+                            </tr>
+                            <tr ng-repeat="dbpriv in privs.bydb">
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>{{dbpriv.Db}}</td>
+                                <td ng-bind-html-unsafe="dbpriv | mysql.privs: 'db'"></td>
+                                <td ng-bind-html-unsafe="dbpriv.Grant_priv | mysql.grant"></td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-default btn-sm" ng-click="editprivs(dbpriv)">
+                                            <i class="icon-edit"></i> 编辑权限
+                                        </button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="panel panel-default" ng-show="!privsloading">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-edit"></i>
+                            <span> 设置数据库权限</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <div class="form-group form-inline">
+                            <label class="control-label">在下列数据库中设置用户权限：</label>
+                            <select class="form-control" ng-disabled="processing" ng-model="privs_dbname" ng-options="db.name as db.name for db in dbs"></select>
+                            <button class="btn btn-default" ng-disabled="processing" ng-click="editprivs()">设置权限</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default" ng-show="!privsloading">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-user"></i>
+                            <span> 全局权限</span>
+                        </div>
+                    </div>
+                    <table class="table table-hover table-bordered table-condensed">
+                        <thead>
+                            <tr>
+                                <th>权限</th>
+                                <th>授权权限</th>
+                                <th style="width:90px">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td ng-bind-html-unsafe="privs.global | mysql.privs: 'global'"></td>
+                                <td ng-bind-html-unsafe="privs.global.Grant_priv | mysql.grant"></td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-default btn-sm" ng-click="editprivs(privs.global)" ng-disabled="user=='root' &&host!='%'">
+                                            <i class="glyphicon glyphicon-edit"></i> 编辑权限
+                                        </button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="tab-pane" ng-class=" 'active' | iftrue:activeTabName=='operation'" id="operation">
+                <div ng-show="privsloading">
+                    <div waiting ng-init="waitingText='正在加载用户信息，请稍候...'"></div>
+                </div>
+
+                <div class="panel panel-default" ng-show="!privsloading">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-lock"></i>
+                            <span> 密码设置</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <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 type="checkbox" ng-model="emptypassword"> 使用空密码
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="form-group form-inline">
+                                <label class="col-sm-2 control-label" for="newpassword">新密码</label>
+                                <div class="col-sm-10">
+                                    <input class="form-control" type="password" id="newpassword" ng-disabled="processing||emptypassword" ng-model="newpassword" placeholder="不修改请留空" autocomplete="off">
+                                </div>
+                            </div>
+                            <div class="form-group form-inline">
+                                <label class="col-sm-2 control-label" for="newpasswordc">确认密码</label>
+                                <div class="col-sm-10">
+                                    <input class="form-control" type="password" id="newpasswordc" ng-disabled="processing||emptypassword" ng-model="newpasswordc" placeholder="不修改请留空" autocomplete="off">
+                                </div>
+                            </div>
+                            <div class="form-group form-inline">
+                                <label class="col-sm-2 control-label"></label>
+                                <div class="col-sm-10">
+                                    <button class="btn btn-default" ng-disabled="processing||(!emptypassword&&!newpassword)" ng-click="setpassword()">更新密码</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-danger" ng-show="(user!='root' ||host=='%' ) && !privsloading">
+                    <div class="panel-heading">
+                        <div class="panel-title">
+                            <i class="glyphicon glyphicon-trash"></i>
+                            <span> 删除用户</span>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <div class="form-group form-inline has-warning">
+                            <input class="form-control" type="text" ng-disabled="processing" ng-model="delete_confirm" placeholder="输入 OK">
+                            <button class="btn btn-danger" ng-disabled="processing||delete_confirm!='OK'" ng-click="dropuser()">输入大写 OK 后确认删除</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="privsedit" 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">{{privsedit_title}}</h3>
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <legend>数据权限</legend>
+                    <div class="checkbox">
+                        <label title="允许查询数据"><input type="checkbox" ng-model="curprivs.Select_priv" ng-true-value="Y" ng-false-value="N"> SELECT</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许插入和替换数据"><input type="checkbox" ng-model="curprivs.Insert_priv" ng-true-value="Y" ng-false-value="N"> INSERT</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许修改数据"><input type="checkbox" ng-model="curprivs.Update_priv" ng-true-value="Y" ng-false-value="N"> UPDATE</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许删除数据"><input type="checkbox" ng-model="curprivs.Delete_priv" ng-true-value="Y" ng-false-value="N"> DELETE</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许从文件中导入数据以及将数据导出至文件" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.File_priv" ng-true-value="Y" ng-false-value="N"> FILE</label>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <legend>结构权限</legend>
+                    <div class="checkbox">
+                        <label title="允许创建新数据库和数据表"><input type="checkbox" ng-model="curprivs.Create_priv" ng-true-value="Y" ng-false-value="N"> CREATE</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许修改现有数据表的结构"><input type="checkbox" ng-model="curprivs.Alter_priv" ng-true-value="Y" ng-false-value="N"> ALTER</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建和删除索引"><input type="checkbox" ng-model="curprivs.Index_priv" ng-true-value="Y" ng-false-value="N"> INDEX</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许删除数据库和数据表"><input type="checkbox" ng-model="curprivs.Drop_priv" ng-true-value="Y" ng-false-value="N"> DROP</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建临时表"><input type="checkbox" ng-model="curprivs.Create_tmp_table_priv" ng-true-value="Y" ng-false-value="N"> CREATE TEMPORARY TABLES</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许执行 SHOW CREATE VIEW 查询"><input type="checkbox" ng-model="curprivs.Show_view_priv" ng-true-value="Y" ng-false-value="N"> SHOW VIEW</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建存储过程"><input type="checkbox" ng-model="curprivs.Create_routine_priv" ng-true-value="Y" ng-false-value="N"> CREATE ROUTINE</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许修改或删除储存过程"><input type="checkbox" ng-model="curprivs.Alter_routine_priv" ng-true-value="Y" ng-false-value="N"> ALTER ROUTINE</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许运行存储过程"><input type="checkbox" ng-model="curprivs.Execute_priv" ng-true-value="Y" ng-false-value="N"> EXECUTE</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建视图"><input type="checkbox" ng-model="curprivs.Create_view_priv" ng-true-value="Y" ng-false-value="N"> CREATE VIEW</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许为事件触发器设置事件"><input type="checkbox" ng-model="curprivs.Event_priv" ng-true-value="Y" ng-false-value="N"> EVENT</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建和删除触发器"><input type="checkbox" ng-model="curprivs.Trigger_priv" ng-true-value="Y" ng-false-value="N"> TRIGGER</label>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <legend>管理权限</legend>
+                    <div class="checkbox">
+                        <label title="允许添加用户和权限，而不允许重新载入权限表"><input type="checkbox" ng-model="curprivs.Grant_priv" ng-true-value="Y" ng-false-value="N"> GRANT</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许在达到最大连接数时连接，对于大多数像设置全局变量或杀死其它用户线程这样的管理操作是必需的" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Super_priv" ng-true-value="Y" ng-false-value="N"> SUPER</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许查看所有用户的进程" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Process_priv" ng-true-value="Y" ng-false-value="N"> PROCESS</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许重新载入服务器设置并刷新服务器的缓存" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Reload_priv" ng-true-value="Y" ng-false-value="N"> RELOAD</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许关闭服务器" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Shutdown_priv" ng-true-value="Y" ng-false-value="N"> SHUTDOWN</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许访问完整的数据库列表" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Show_db_priv" ng-true-value="Y" ng-false-value="N"> SHOW DATABASES</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许锁定当前线程的表"><input type="checkbox" ng-model="curprivs.Lock_tables_priv" ng-true-value="Y" ng-false-value="N"> LOCK TABLES</label>
+                    </div>
+                    <div class="checkbox">
+                        <label title="允许创建外键约束"><input type="checkbox" ng-model="curprivs.References_priv" ng-true-value="Y" ng-false-value="N"> REFERENCES</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许询问附属者/控制者在哪里" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Repl_client_priv" ng-true-value="Y" ng-false-value="N"> REPLICATION CLIENT</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许主从模式中的从复制" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Repl_slave_priv" ng-true-value="Y" ng-false-value="N"> REPLICATION SLAVE</label>
+                    </div>
+                    <div class="checkbox" ng-show="!curprivs.Db">
+                        <label title="允许创建、删除和重命名用户账户" ng-disabled="curprivs.Db!=''"><input type="checkbox" ng-model="curprivs.Create_user_priv" ng-true-value="Y" ng-false-value="N"> CREATE USER</label>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <div class="pull-left checkbox">
+                    <label><input type="checkbox" ng-model="selectall"> 全选/全不选</label>
+                </div>
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-primary" onclick="$( '#privsedit').modal( 'hide')" ng-click="updateprivs()">保存权限设置</button>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/database/mysql/usernew.html

@@ -0,0 +1,97 @@
+<div navbar ng-init="currentItem='database'"></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>
+
+    <!-- 请输入数据库管理员 root 的密码后继续操作，需改进为复用模板 -->
+    <div class="panel panel-warning" ng-show="!$mysql.password_validated">
+        <div class="panel-heading">
+            <div class="panel-title">
+                <i class="glyphicon glyphicon-lock"></i>
+                <span> 请输入数据库管理员 root 的密码</span>
+            </div>
+        </div>
+        <div class="panel-body">
+            <form class="form-horizontal" onsubmit="return false" method="get" action="/">
+                <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="$mysql.password" type="password" id="password" ng-disabled="processing" placeholder="管理员密码" autocomplete="off" autofocus>
+                    </div>
+                </div>
+                <div class="form-group form-inline">
+                    <div class="col-sm-2 control-label"></div>
+                    <div class="col-sm-10">
+                        <button class="btn btn-primary" ng-click="validate_password()" ng-disabled="processing">
+                            <i class="glyphicon glyphicon-user"></i> <span>登录 MySQL</span>
+                        </button>
+                        <span style="padding-left:20px">
+                            <a href="#/service/mysql?s=password">忘记密码？</a>
+                        </span>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div class="panel panel-default" ng-show="$mysql.password_validated">
+        <div class="panel-heading">
+            <div class="panel-title">
+                <i class="glyphicon glyphicon-user"></i>
+                <span> 添加新用户</span>
+                <span style="display:none" ng-show="dbname">到数据库 {{dbname}}</span>
+            </div>
+        </div>
+        <div class="panel-body form-horizontal form-horizontal-small">
+            <div class="form-group form-inline">
+                <label class="col-sm-2 control-label">用户名</label>
+                <div class="col-sm-10">
+                    <input class="form-control" type="text" ng-disabled="processing" ng-model="user" autofocus>
+                </div>
+            </div>
+            <div class="form-group form-inline">
+                <label class="col-sm-2 control-label">主机</label>
+                <div class="col-sm-10">
+                    <input class="form-control" type="text" ng-disabled="processing" ng-model="host" ng-init="host='localhost'">
+                    <select class="form-control" ng-disabled="processing" ng-model="hosttype" ng-change="host=hosttype" ng-init="hosttype='localhost'">
+                        <option value="%">任意（不推荐）</option>
+                        <option value="localhost">本地（比较安全）</option>
+                        <option value="">自定义</option>
+                    </select>
+                </div>
+            </div>
+            <div class="form-group form-inline">
+                <label class="col-sm-2 control-label" for="passwordn">密码</label>
+                <div class="col-sm-10">
+                    <input class="form-control" type="password" id="passwordn" ng-disabled="processing||emptypassword" ng-model="password" autocomplete="off">
+                    <label><input type="checkbox" ng-model="emptypassword"> 使用空密码</label>
+                </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" type="password" id="passwordc" ng-disabled="processing||emptypassword" ng-model="passwordc" autocomplete="off">
+                </div>
+            </div>
+            <div class="form-group form-inline">
+                <label class="col-sm-2 control-label">随机密码</label>
+                <div class="col-sm-10">
+                    <input class="form-control" type="text" ng-disabled="processing||emptypassword" ng-model="randpassword">
+                    <button class="btn btn-default" ng-disabled="processing||emptypassword" ng-click="genpassword()">随机生成</button>
+                </div>
+            </div>
+            <div class="form-group form-inline">
+                <div class="col-sm-2 control-label"></div>
+                <div class="col-sm-10">
+                    <button class="btn btn-default" ng-disabled="processing" ng-click="newuser()">添加新用户</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>

inpanel/public/partials/directives/message.html

@@ -0,0 +1,20 @@
+<div id="{{id}}" style="position:fixed;left:0;bottom:0;width:100%;z-index:100">
+    <div class="container">
+        <div class="alert alert-danger" style="display:none;margin-bottom:3px" ng-show="$rootScope.showErrorMsg">
+            <button ng-click="$rootScope.showErrorMsg=false" type="button" class="close">&times;</button>
+            <span ng-bind-html-unsafe="$rootScope.errorMessage"></span>
+        </div>
+        <div class="alert alert-success" style="display:none;margin-bottom:3px" ng-show="$rootScope.showSuccessMsg">
+            <button ng-click="$rootScope.showSuccessMsg=false" type="button" class="close">&times;</button>
+            <span ng-bind-html-unsafe="$rootScope.successMessage"></span>
+        </div>
+        <div class="alert alert-warning" style="display:none;margin-bottom:3px" ng-show="$rootScope.showWarningMsg">
+            <button ng-click="$rootScope.showWarningMsg=false" type="button" class="close">&times;</button>
+            <span ng-bind-html-unsafe="$rootScope.warningMessage"></span>
+        </div>
+        <div class="alert alert-info" style="display:none;margin-bottom:3px" ng-show="$rootScope.showInfoMsg">
+            <button ng-click="$rootScope.showInfoMsg=false" type="button" class="close">&times;</button>
+            <span ng-bind-html-unsafe="$rootScope.infoMessage"></span>
+        </div>
+    </div>
+</div>

inpanel/public/partials/directives/navbar.html

@@ -0,0 +1,25 @@
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
+                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#/">InPanel</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav">
+                <li ng-class="'active' | ifmatch:[currentItem,'main']"><a href="#/">首页</a></li>
+                <li ng-class="'active' | ifmatch:[currentItem,'service(..*)?']"><a href="#/service">服务</a></li>
+                <li ng-class="'active' | ifmatch:[currentItem,'file']"><a href="#/file">文件</a></li>
+                <li ng-class="'active' | ifmatch:[currentItem,'site(..*)?']"><a href="#/site">网站</a></li>
+                <li ng-class="'active' | ifmatch:[currentItem,'database']"><a href="#/database">数据库</a></li>
+                <!-- <li ng-class="'active' | ifmatch:[currentItem,'plugins(..*)?']"><a href="#/plugins">应用</a></li> -->
+                <li ng-class="'active' | ifmatch:[currentItem,'utils(..*)?']"><a href="#/utils">工具</a></li>
+            </ul>
+            <ul class="nav navbar-nav navbar-right">
+                <li ng-class="'active' | ifmatch:[currentItem,'setting(..*)?']"><a href="#/setting">设置</a></li>
+                <li ng-class="'active' | ifmatch:[currentItem,'logout']"><a href="#/logout">退出</a></li>
+            </ul>
+        </div>
+    </div>
+</nav>

inpanel/public/partials/directives/selector.html

@@ -0,0 +1,57 @@
+<div>
+    <div ng-show="onlydir&&!onlyfile&&!otherdir">
+        <p>当前目录为：{{path}}</p>
+        <p>
+            <button class="btn btn-default btn-sm" ng-click="selecthandler(path)">选择当前目录</button>
+            <button class="btn btn-default btn-sm" ng-click="otherdir=true;listdir(path)">选择其它目录</button>
+        </p>
+    </div>
+    <div ng-show="otherdir">
+        <ul class="breadcrumb" style="margin-bottom:0">
+            <li>
+                <a ng-click="listdir('/')">根目录</a>
+            </li>
+            <li ng-repeat="pathinfo in pathinfos" ng-show="pathinfos.length>0">
+                <a ng-click="listdir(pathinfo.path)">{{pathinfo.name}}</a>
+            </li>
+            <li>
+                <button class="btn btn-default btn-xs" ng-show="onlydir"
+                    ng-click="selecthandler(curpath)">选取该目录</button>
+            </li>
+        </ul>
+        <table class="table table-hover table-condensed">
+            <thead>
+                <tr>
+                    <th style="width:20px"></th>
+                    <th></th>
+                    <th style="width:80px"></th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr ng-repeat="item in items">
+                    <td>
+                        <i class="glyphicon glyphicon-folder-open" title="文件夹" ng-show="item.isdir"></i>
+                        <i class="glyphicon glyphicon-file" title="文件" ng-show="item.isreg"></i>
+                        <i class="glyphicon glyphicon-link" title="链接"
+                            ng-show="item.islnk&&(item.link_isdir||item.link_isreg)"></i>
+                        <i class="glyphicon glyphicon-ban-circle" title="未知"
+                            ng-show="!item.isdir&&!item.isreg&&(!item.islnk||(item.islnk&&!item.link_isdir&&!item.link_isreg))"></i>
+                    </td>
+                    <td>
+                        <a class="black" ng-click="listdir(curpath_pre+'/'+item.name)"
+                            ng-show="item.isdir||(item.islnk&&item.link_isdir)">{{item.name}}</a>
+                        <a class="black" ng-show="item.isreg||(item.islnk&&!item.link_isdir)">{{item.name}}</a>
+                        <span class="text-info" ng-show="item.islnk">-> {{item.linkto}}</span>
+                    </td>
+                    <td>
+                        <button class="btn btn-default btn-xs"
+                            ng-show="onlydir&&(item.isdir||(item.islnk&&item.link_isdir))"
+                            ng-click="selecthandler(curpath_pre+'/'+item.name)">选取该目录</button>
+                        <button class="btn btn-default btn-xs"
+                            ng-show="onlyfile&&(item.isreg||(item.islnk&&item.link_isreg))"
+                            ng-click="selecthandler(curpath_pre+'/'+item.name)">选取该文件</button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>

inpanel/public/partials/directives/srvbase.html

@@ -0,0 +1,72 @@
+<table class="table table-hover">
+    <thead>
+        <tr>
+            <th colspan="2">{{name}} 服务操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td style="width:120px;">软件安装版本：</td>
+            <td>
+                <span ng-show="!pkginfo">正在获取...</span>
+                <span style="display:none" ng-show="pkginfo">
+                    {{pkginfo.name}} {{'v'+pkginfo.version+'-'+pkginfo.release | iftrue:pkginfo.version}}
+                    {{"("+pkginfo.from_repo+")" | iftrue:pkginfo.from_repo}}
+                </span>
+            </td>
+        </tr>
+        <tr>
+            <td style="width:120px;">软件官方网站：</td>
+            <td>
+                <span ng-show="!pkginfo">正在获取...</span>
+                <span style="display:none" ng-show="pkginfo">
+                    <a href="{{pkginfo.url}}" target="_blank" ng-show="pkginfo.url">{{pkginfo.url}}</a>
+                </span>
+            </td>
+        </tr>
+        <tr>
+            <td style="width:120px;">软件授权协议：</td>
+            <td>
+                <span ng-show="!pkginfo">正在获取...</span>
+                <span style="display:none" ng-show="pkginfo">{{pkginfo.license}}</span>
+            </td>
+        </tr>
+        <tr>
+            <td style="width:120px;">当前服务状态：</td>
+            <td ng-bind-html-unsafe="$scope.status | service.status"></td>
+        </tr>
+        <tr>
+            <td>开机是否启动：</td>
+            <td>
+                <button class="btn btn-default btn-xs" ng-class="'active' | iftrue:$scope.autostart"
+                    data-toggle="button" ng-click="toggleAutostart()">
+                    <span class="glyphicon glyphicon-check"></span> 开机自动启动
+                </button>
+            </td>
+        </tr>
+        <tr>
+            <td>启动/停止服务：</td>
+            <td>
+                <button class="btn btn-default btn-xs" ng-show="$scope.status=='stopped'" ng-disabled="$scope.waiting"
+                    ng-click="start()">
+                    <span class="glyphicon glyphicon-play"></span> 启动服务
+                </button>
+                <button class="btn btn-default btn-xs" ng-show="$scope.status=='running'" ng-disabled="$scope.waiting"
+                    ng-click="stop()">
+                    <span class="glyphicon glyphicon-stop"></span> 停止服务
+                </button>
+                <button class="btn btn-default btn-xs" ng-disabled="$scope.status=='stopped'||$scope.waiting"
+                    ng-click="restart()">
+                    <span class="glyphicon glyphicon-refresh"></span> 重启服务
+                </button>
+            </td>
+        </tr>
+        <tr>
+            <td style="width:120px;">软件摘要信息：</td>
+            <td>
+                <span ng-show="!pkginfo">正在获取...</span>
+                <span style="display:none" ng-show="pkginfo">{{pkginfo.summary}}</span>
+            </td>
+        </tr>
+    </tbody>
+</table>

inpanel/public/partials/directives/srvext.html

@@ -0,0 +1,34 @@
+<div class="well" style="display:none" ng-show="$scope.installed&&!$scope.checking">
+    <div ng-show="!operating">
+        <p>点击下面的按钮检测扩展安装情况。</p>
+    </div>
+    <div ng-show="operating" ng-bind-html-unsafe="showMsg"></div>
+    <p ng-show="!operating">
+        <button class="btn btn-default btn-sm" style="margin-top:10px" ng-click="start()">检测扩展</button>
+    </p>
+    <table class="table table-condensed" style="margin-top:20px;display:none" ng-show="showExtList&&exts.length>0">
+        <thead>
+            <tr>
+                <th>扩展名称</th>
+                <th>版本</th>
+                <th style="width:70px">软件源</th>
+                <th style="width:70px">大小</th>
+                <th style="width:90px">操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr ng-repeat="ext in exts">
+                <td>{{ext.name}}</td>
+                <td>{{ext.version}}-{{ext.release}}</td>
+                <td>{{'已安装'|iftrue:ext.repo=='installed'}}{{ext.repo|iftrue:ext.repo!='installed'}}</td>
+                <td>{{ext.size}}</td>
+                <td>
+                    <button class="btn btn-default btn-xs" ng-show="ext.repo=='installed'"
+                        ng-click="uninstall(ext.repo, ext.name, ext.version, ext.release)">删除扩展</button>
+                    <button class="btn btn-default btn-xs" ng-show="ext.repo!='installed'"
+                        ng-click="install(ext.repo, ext.name, ext.version, ext.release)">安装该扩展</button>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>