InPanel 1.2.1__py3-none-any.whl

inpanel/public/partials/utils/shell.html

@@ -0,0 +1,28 @@
+<div navbar ng-init="currentItem='utils.shell'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>SHELL</h3>
+    </div>
+
+    <div class="tabbable" ng-init="load()">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='base'"><a href="#base" ng-click="tab_sec('base')" data-toggle="tab">基础版</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='advance'"><a href="#advance" ng-click="tab_sec('advance')" data-toggle="tab">高级版</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='base'" id="base">
+                <form class="shell-form" onsubmit="return false;" ng-submit="send_base_cmd()">
+                    <span ng-repeat="line in base_cmds">{{line}}</span>
+                    <input class="shell-input" type="text" ng-model="base_input" id="base_input" placeholder="$" autofocus autocomplete="off">
+                </form>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='advance'" id="advance">
+                <p>开发中</p>
+            </div>
+        </div>
+    </div>
+</div>

inpanel/public/partials/utils/ssl.html

@@ -0,0 +1,319 @@
+<div navbar ng-init="currentItem='utils.ssl'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>SSL/TLS 管理（正在开发测试中）</h3>
+    </div>
+
+    <div ng-show="!installed" value="install" style="display:none">
+        <div class="well">
+            <p>系统检测到您还未安装 Let’s Encrypt 证书管理工具。</p>
+            <p>请先安装 Let’s Encrypt 证书管理工具后继续操作。</p>
+            <p style="padding-top: 10px;"><a class="btn btn-default" href="#/application?s=lets-encrypt">立即安装</a></p>
+        </div>
+    </div>
+    <div class="tabbable" ng-init="load()" ng-show="installed">
+        <div class="alert alert-info alert-dismissible" ng-show="showAlertInfo && activeTabName=='keys'">
+            <button ng-click="showAlertInfo=false" type="button" class="close"><span aria-hidden="true">&times;</span></button>
+            <p>私钥用于解密通过 SSL 传输的信息。 在创建 SSL 证书时，第一步是生成与该 SSL 证书关联的私钥文件。 应为您创建的每一个 SSL 证书生成一个私钥。 此私钥非常重要，应严格保密。 应将每一个私钥的副本放在安全的地方；私钥一旦丢失将无法找回。</p>
+        </div>
+        <div class="alert alert-info alert-dismissible" ng-show="showAlertInfo && activeTabName=='crts'">
+            <button ng-click="showAlertInfo=false" type="button" class="close"><span aria-hidden="true">&times;</span></button>
+            <p>您可以使用自签名证书，或者使用 SSL 证书颁发机构颁发的受信任证书。 如果想要为您的站点之一使用自签名证书，请在下面生成证书。 如果想要使用受信任的证书，则需要首先从受信任的提供商处获得 SSL 证书，然后上传或在下面提供该证书。</p>
+        </div>
+        <div class="alert alert-info alert-dismissible" ng-show="showAlertInfo && activeTabName=='csrs'">
+            <button ng-click="showAlertInfo=false" type="button" class="close"><span aria-hidden="true">&times;</span></button>
+            <p>如果是从受信任的 SSL 提供商处获取证书，必须填写证书签名请求表单以提供生成您的 SSL 证书所需的信息。</p>
+        </div>
+        <div class="alert alert-info alert-dismissible" ng-show="showAlertInfo && activeTabName=='host'">
+            <button ng-click="showAlertInfo=false" type="button" class="close"><span aria-hidden="true">&times;</span></button>
+            <p>通过此界面可配置站点的 SSL。</p>
+            <p>SSL 证书可为一个或多个域提供安全保护；要为某个域创建 SSL 主机，您必须拥有一个保护该域安全的证书。 每个 SSL 证书都对应有一个匹配的私钥文件，它是安装证书时必不可少的文件。 用于生产目的的 SSL 证书通常需要一个 CA 包，该页面会自动从服务器请求获得 CA 包，如果服务器找不到所需的 CA 包，您需要将其粘贴于此。</p>
+        </div>
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='keys'"><a href="#keys" ng-click="tab_sec('keys')" data-toggle="tab">私钥</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='csrs'"><a href="#csrs" ng-click="tab_sec('csrs')" data-toggle="tab">签名请求</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='crts'"><a href="#crts" ng-click="tab_sec('crts')" data-toggle="tab">证书</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='host'"><a href="#host" ng-click="tab_sec('host')" data-toggle="tab">SSL站点</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='keys'" id="keys">
+                <div ng-show="loading_keys"><div waiting></div></div>
+                <div ng-show="!loading_keys" style="display:none">
+                    <div class="pull-left"><h5>私钥列表（*.key）</h5></div>
+                    <div class="pull-right">
+                        <button class="btn btn-default btn-sm" ng-click="add_domain_keys()" title="批量生成私钥">批量生成（正在开发）</button>
+                        <button class="btn btn-default btn-sm" ng-click="rename(item.name)" title="生成私钥">生成私钥</button>
+                        <button class="btn btn-default btn-sm" ng-click="rename(item.name)" title="上传私钥">上传私钥</button>
+                    </div>
+                    <table class="table table-hover table-bordered table-condensed">
+                        <thead>
+                            <tr>
+                                <th style="width: 30px;" class="text-right">#</th>
+                                <th>文件名</th>
+                                <th style="width: 240px;">ID</th>
+                                <th style="width: 60px;">大小</th>
+                                <th style="width: 70px;">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-show="list_keys.length==0">
+                                <td colspan="5">服务器上暂无私钥。</td>
+                            </tr>
+                            <tr ng-repeat="item_key in list_keys">
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>{{item_key.name}}</td>
+                                <td>{{item_key.id}}</td>
+                                <td>{{item_key.size}}</td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-default btn-xs" title="查看该私钥" ng-click="keys_check(item_key)"><i class="glyphicon glyphicon-info-sign"></i></button>
+                                        <button class="btn btn-default btn-xs" title="删除该私钥" ng-click="keys_delete(item_key)"><i class="glyphicon glyphicon-remove"></i></button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='csrs'" id="csrs">
+                <div ng-show="!loading_csrs">
+                    <div class="well" ng-show="host_packages.length==0">未找到网站程序。</div>
+                </div>
+                <div ng-show="loading_csrs"><div waiting></div></div>
+                <div ng-show="!loading_csrs">
+                    <div class="pull-left"><h5>签名请求列表（*.csr）</h5></div>
+                    <div class="pull-right">
+                        <button class="btn btn-default btn-sm" ng-click="csr_generate()" title="生成证书签名请求">生成证书签名请求</button>
+                    </div>
+                    <table class="table table-hover table-bordered table-condensed">
+                        <thead>
+                            <tr>
+                                <th style="width: 20px;" class="text-right">#</th>
+                                <th>文件名</th>
+                                <th style="width: 140px;">创建时间(UTC)</th>
+                                <th style="width: 70px;">大小</th>
+                                <th style="width: 110px;">说明</th>
+                                <th style="width: 110px;">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-show="list_csrs.length==0">
+                                <td colspan="6">服务器上暂无签名请求文件。</td>
+                            </tr>
+                            <tr ng-repeat="item in list_csrs">
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>{{item.name}}</td>
+                                <td>{{item.created}}</td>
+                                <td>{{item.size}}</td>
+                                <td>{{item.description}}</td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-default btn-xs" title="查看该证书" ng-click="csrs_check(item)"><i class="glyphicon glyphicon-info-sign"></i></button>
+                                        <button class="btn btn-default btn-xs" title="删除该证书" ng-click="csrs_delete(item)"><i class="glyphicon glyphicon-trash"></i></button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='crts'" id="crts">
+                <div ng-show="loading_crts"><div waiting></div></div>
+                <div ng-show="!loading_crts">
+                    <div class="pull-left"><h5>证书列表（*.crt）</h5></div>
+                    <div class="pull-right">
+                        <button class="btn btn-default btn-sm" ng-click="crt_upload()" title="上传证书">上传证书</button>
+                        <button class="btn btn-default btn-sm" ng-click="crt_generate()" title="生成自签名证书">生成自签名证书</button>
+                    </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 style="width: 100px;">颁发者</th>
+                                <th style="width: 140px;">有效期(UTC)</th>
+                                <th style="width: 70px;">大小</th>
+                                <th style="width: 110px;">说明</th>
+                                <th style="width: 110px;">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-show="list_crts.length==0">
+                                <td colspan="6">服务器上暂无证书。</td>
+                            </tr>
+                            <tr ng-repeat="item in list_crts">
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>{{item.name}}</td>
+                                <td>{{item.ans}}</td>
+                                <td>{{item.issuer}}</td>
+                                <td>{{item.expiration}}</td>
+                                <td>{{item.size}}</td>
+                                <td>{{item.description}}</td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-default btn-xs" title="查看该证书" ng-click="crts_check(item)"><i class="glyphicon glyphicon-info-sign"></i></button>
+                                        <button class="btn btn-default btn-xs" title="续期该证书" ng-click="crts_renew(item)"><i class="glyphicon glyphicon-refresh"></i></button>
+                                        <button class="btn btn-default btn-xs" title="吊销该证书" ng-click="crts_revoke(item)"><i class="glyphicon glyphicon-remove"></i></button>
+                                        <button class="btn btn-default btn-xs" title="移除该证书" ng-click="crts_delete(item)"><i class="glyphicon glyphicon-trash"></i></button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='host'" id="host">
+                <div ng-show="loading_host"><div waiting></div></div>
+                <div ng-show="!loading_host">
+                    <div class="pull-left"><h5>管理 SSL 主机</h5></div>
+                    <table class="table table-hover table-bordered table-condensed">
+                        <thead>
+                            <tr>
+                                <th style="width: 20px;" class="text-right">#</th>
+                                <th>域名</th>
+                                <th style="width: 50px;">颁发时间</th>
+                                <th style="width: 140px;">过期时间</th>
+                                <th style="width: 210px;">站点目录</th>
+                                <th style="width: 110px;">操作</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr ng-show="list_host.length==0">
+                                <td colspan="6">服务器上暂无安装证书的站点。</td>
+                            </tr>
+                            <tr>
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>angeldoit.cn.uiie.cn<br>angeldoit.cn<br>mail.angeldoit.cn<br>www.angeldoit.cn<br>www.angeldoit.cn.uiie.cn</td>
+                                <td>2019-01-04</td>
+                                <td>2019-03-04</td>
+                                <td>/public_html/angeldoit.cn</td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-link btn-xs" title="设为主网站" ng-click="host_make_primary(item)">设为主网站</button>
+                                        <button class="btn btn-link btn-xs" title="卸载" ng-click="host_crts_uninstall(item)">卸载</button>
+                                        <button class="btn btn-link btn-xs" title="更新证书" ng-click="host_crts_update(item)">更新证书</button>
+                                        <button class="btn btn-link btn-xs" title="证书详细信息" ng-click="host_crts_details(item)">证书详细信息</button>
+                                        <button class="btn btn-link btn-xs" title="为新站点使用证书" ng-click="host_crts_new(item)">为新站点使用证书</button>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr ng-repeat="item in list_host">
+                                <td class="text-right">{{$index+1}}</td>
+                                <td>{{item.domains}}</td>
+                                <td>{{item.start}}</td>
+                                <td>{{item.expiration}}</td>
+                                <td>{{item.docroot}}</td>
+                                <td>
+                                    <div class="btn-group">
+                                        <button class="btn btn-link btn-xs" title="设为主网站" ng-click="host_make_primary(item)">设为主网站</button>
+                                        <button class="btn btn-link btn-xs" title="卸载" ng-click="host_crts_uninstall(item)">卸载</button>
+                                        <button class="btn btn-link btn-xs" title="更新证书" ng-click="host_crts_update(item)">更新证书</button>
+                                        <button class="btn btn-link btn-xs" title="证书详细信息" ng-click="host_crts_details(item)">证书详细信息</button>
+                                        <button class="btn btn-link btn-xs" title="为新站点使用证书" ng-click="host_crts_new(item)">为新站点使用证书</button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="pkg_install_setting" 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">{{curpkg.name}} 安装设置</h3>
+            </div>
+            <div class="modal-body">
+                <h5>请选择要安装的版本</h5>
+                <table class="table table-condensed" style="width: 350px;">
+                    <thead>
+                        <tr>
+                            <th>版本名称</th>
+                            <th>大小</th>
+                            <th>选择</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="v in curpkg.versions">
+                            <td>{{v.name}}</td>
+                            <td>{{v.size}}</td>
+                            <td><label class="radio"><input type="radio" name="pkgver" ng-model="pkgver" ng-click="package_version_select(v)" value="{{v.code}}"></label></td>
+                        </tr>
+                    </tbody>
+                </table>
+                <h5>请设置要安装到的目录</h5>
+                <div class="input-append">
+                    <input ng-model="installpath" type="text" class="input-large" placeholder="网站系统的安装目录">
+                    <button class="btn btn-default" ng-click="selectinstallpath()"><i class="glyphicon glyphicon-folder-open"></i></button>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-primary" onclick="$('#pkg_install_setting').modal('hide')" ng-click="package_install()">开始安装</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="confirm" 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">{{confirm_title}}</h3>
+            </div>
+            <div class="modal-body" ng-bind-html-unsafe="confirm_body">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true" ng-click="cancel()">取消</button>
+                <button class="btn btn-primary" onclick="$('#confirm').modal('hide')" ng-click="confirm()">确定</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="nginx_deleteserverconfirm" class="modal fade">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3 class="modal-title">删除确认</h3>
+            </div>
+            <div class="modal-body">
+                <p>是否确认删除 “{{nginx_server_name}}” 这个站点？</p>
+                <p class="text-error">注意：此处仅删除站点配置文件，网站的其它数据不受影响。</p>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
+                <button class="btn btn-primary" onclick="$('#nginx_deleteserverconfirm').modal('hide')" ng-click="nginx_deleteserver()">确定</button>
+            </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>

inpanel/public/partials/utils/time.html

@@ -0,0 +1,109 @@
+<div navbar ng-init="currentItem='utils.time'"></div>
+<div ng-show="!loaded">
+    <div loading></div>
+</div>
+
+<div id="main" ng-show="loaded" style="display:none">
+    <div class="module-header">
+        <h3>时间设置</h3>
+    </div>
+
+    <div class="tabbable">
+        <ul class="nav nav-tabs">
+            <li ng-class="'active' | iftrue:activeTabName=='datetime'"><a href="#datetime" ng-click="sec('datetime')" data-toggle="tab">时间设置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='timezone'"><a href="#timezone" ng-click="sec('timezone')" data-toggle="tab">时区设置</a></li>
+            <li ng-class="'active' | iftrue:activeTabName=='sync'"><a href="#sync" ng-click="sec('sync')" data-toggle="tab">时间同步服务</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane" ng-class="'active' | iftrue:activeTabName=='datetime'" id="datetime" ng-init="loadDatetime()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="saveDatetime()" onsubmit="return false" method="get" action="/">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">当前时间：</label>
+                        <div class="col-sm-10">
+                            <span class="btn btn-default">{{datetime.str + ' ' + datetime.tz}}</span>
+                            <button ng-click="synctime()" class="btn btn-default" ng-disabled="processing" ng-show="ntpdStatus!='none'">同步时间</button>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label" for="datetime">修改时间：</label>
+                        <div class="col-sm-10">
+                            <div class="input-group">
+                                <input class="form-control" ng-model="newDatetime" ng-disabled="processing" size="19" type="text" id="datetime">
+                                <span class="input-group-addon">{{datetime.tz}}</span>
+                            </div>
+                        </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=='timezone'" id="timezone" ng-init="loadTimezone()">
+                <form class="form-horizontal form-horizontal-small" ng-submit="saveTimezone()" onsubmit="return false" method="get" action="/">
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">当前时区：</label>
+                        <div class="col-sm-10">
+                            <span class="btn btn-default">{{timezone}}</span>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">修改时区：</label>
+                        <div class="col-sm-10">
+                            <select class="form-control" ng-init="loadTimezones()" ng-change="loadTimezones(timezone_region)" ng-model="timezone_region" ng-options="region for region in regions"></select>
+                            <select class="form-control" ng-model="timezone_city" ng-options="city for city in cities"></select>
+                        </div>
+                    </div>
+                    <div class="form-group form-inline">
+                        <label class="col-sm-2 control-label">快速选择：</label>
+                        <div class="col-sm-10">
+                            <a class="btn btn-default" ng-click="setTimezone('Asia', 'Shanghai')">北京时间</a>
+                            <a class="btn btn-default" ng-click="setTimezone('America', 'Los_Angeles')">洛杉矶时间</a>
+                            <a class="btn btn-default" ng-click="setTimezone('America', 'New_York')">纽约时间</a>
+                        </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=='sync'" id="sync" ng-init="loadSync()">
+                <div class="panel panel-default" style="display:none" ng-show="virt=='Virtuozzo/OpenVZ'">
+                    <div class="panel-body">
+                        <p>时间同步在 Virtuozzo/OpenVZ 虚拟化平台下无法正常工作！</p>
+                        <p>此功能被禁用！</p>
+                    </div>
+                </div>
+                <div class="panel panel-default" style=display:none " ng-show="virt!='Virtuozzo/OpenVZ' ">
+                    <div class="panel-body " ng-show="ntpdChecking ">
+                        <p>正在检测 NTP 服务状态...</p>
+                    </div>
+                    <div class="panel-body " ng-show="!ntpdChecking && (ntpdStatus==null) ">
+                        <p ng-bind-html-unsafe="installMessage "></p>
+                        <p style="display:none; " ng-show="showInstallBtn ">
+                            <button class="btn btn-default " ng-click="ntp_install() " ng-disabled="processing ">确定并安装</button>
+                        </p>
+                    </div>
+                    <div class="panel-body " ng-show="ntpdStatus=='stopped' ">
+                        <p ng-bind-html-unsafe="startMessage "></p>
+                        <p style="display:none; " ng-show="showStartBtn ">
+                            <button class="btn btn-default " ng-click="ntp_start() " ng-disabled="processing ">确定并启用</button>
+                        </p>
+                    </div>
+                    <div class="panel-body " ng-show="ntpdStatus=='running' ">
+                        <p ng-bind-html-unsafe="stopMessage "></p>
+                        <p style="display:none; " ng-show="showStopBtn ">
+                            <button class="btn btn-default " ng-click="ntp_stop() " ng-disabled="processing ">确定并停止</button>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>