Simple Linux Panel
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
mdserver-web/plugins/webssh/menu/index.html

119 lines
8.1 KiB

<div class="main-content">
<div class="container-fluid">
<div class="safe bgw mtb15 pd15 radius4" style="height: 300px;">
<div class="term_box" id="term_box_view">
<div class="term_item_tab">
<div class="list">
<span class="item active" data-host="127.0.0.1" data-id="5erM2eLXJ">
<i class="icon-sucess icon"></i>
<div class="content"><span>本地服务器</span></div><span class="icon-trem-close"></span></span>
</div>
<span class="addServer" title="添加服务器SSH信息">
<span class="glyphicon glyphicon-plus" aria-hidden="true" ></span>
</span>
<span class="tab_tootls">
<span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
<!-- <span>全屏显示</span> -->
</span>
</div>
<div class="term_content_tab">
<div class="term-tool-button tool-hide"><span class="glyphicon glyphicon-menu-right"></span></div>
<div class="term_item" id="ECFEfRWM8" data-host="38.6.224.67"><div dir="ltr" class="terminal xterm" tabindex="0"><div class="xterm-viewport" style="background-color: rgb(0, 0, 0);"><div class="xterm-scroll-area" style="height: 51px;"></div></div><div class="xterm-screen" style="width: 792px; height: 17px;"><div class="xterm-helpers"><textarea class="xterm-helper-textarea" aria-label="Terminal input" aria-multiline="false" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="left: 234.406px; top: 34px; width: 9.01562px; height: 17px; line-height: 17px; z-index: -5;"></textarea><span class="xterm-char-measure-element" aria-hidden="true" style="font-family: courier-new, courier, monospace; font-size: 15px;">W</span><div class="composition-view"></div></div><canvas class="xterm-text-layer" width="792" height="17" style="z-index: 0; width: 792px; height: 17px;"></canvas><canvas class="xterm-selection-layer" width="792" height="17" style="z-index: 1; width: 792px; height: 17px;"></canvas><canvas class="xterm-link-layer" width="792" height="17" style="z-index: 2; width: 792px; height: 17px;"></canvas><canvas class="xterm-cursor-layer" width="792" height="17" style="z-index: 3; width: 792px; height: 17px;"></canvas></div></div></div>
</div>
</div>
<div class="term_tootls">
<div class="tab-nav">
<span class="on" data-type="host">服务器列表</span>
<span data-type="shell">常用命令</span>
</div>
<div class="tab-con">
<div class="tab-block on">
<div>
<button class="btn btn-success btn-sm" type="button" data-type="host">添加服务器</button>
</div>
<ul class="tootls_host_list"></ul>
</div>
<div class="tab-block">
<div>
<button class="btn btn-success btn-sm" type="button" data-type="shell">添加命令</button>
</div>
<ul class="tootls_commonly_list"></ul>
</div>
</div>
<!-- <div class="tootls_tab"><span class="active">服务器列表</span><a href="javascript:;" data-type="host" title="添加服务器SSH信息"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></div>
<ul class="tootls_host_list"></ul> -->
<!-- <div class="tootls_tab"><div class="term-move-border"></div><span class="active">常用命令<i>(点击复制命令)</i></span><a href="javascript:;" data-type="shell" title="添加常用命令"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></div>
<ul class="tootls_commonly_list"></ul> -->
</div>
</div>
</div>
</div>
<!-- <script type="text/html" id="host_form_view">
<div class="bt-form bt-form-2x pd20" id="host_form">
<input type="text" name="sort" class="hidden" value="<% this.form.sort %>" />
<div class="line input_group">
<span class="tname">服务器IP</span>
<div class="info-r">
<input type="text" name="host" class="bt-input-text mr5" style="width:240px" value="<% this.form.host %>" placeholder="输入服务器IP" val="" autocomplete="off" />
<input type="text" name="port" class="bt-input-text mr5" style="width:60px" placeholder="端口" value="<% this.form.port %>" autocomplete="off"/>
</div>
</div>
<div class="line">
<span class="tname">SSH账号</span>
<div class="info-r">
<input type="text" name="username" class="bt-input-text mr5" style="width:305px" placeholder="输入SSH账号" value="<% this.form.username %>" autocomplete="off"/>
</div>
</div>
<div class="line">
<span class="tname">验证方式</span>
<div class="info-r ">
<div class="btn-group">
<button type="button" tabindex="-1" class="btn btn-sm auth_type_checkbox <% !(this.form.password != '' || this.form.pkey == '' && this.form.password == '')?'btn-default':'btn-success' %>" data-ctype="0">密码验证</button>
<button type="button" tabindex="-1" class="btn btn-sm auth_type_checkbox <% this.form.pkey == ''?'btn-default':'btn-success' %>" data-ctype="1">私钥验证
</button>
</div>
</div>
</div>
<div class="line c_password_view <% (this.form.password != '' || this.form.pkey == '' && this.form.password == '')?'show':'hidden'%>">
<span class="tname">密码</span>
<div class="info-r">
<input type="text" name="password" class="bt-input-text mr5" placeholder="请输入SSH密码" style="width:305px;" value="<% this.form.password %>" autocomplete="off"/>
</div>
</div>
<div class="line c_pkey_view <% this.form.pkey != ''?'show':'hidden'%>">
<span class="tname">私钥</span>
<div class="info-r">
<textarea rows="4" name="pkey" class="bt-input-text mr5" placeholder="请输入SSH私钥" style="width:305px;height: 80px;line-height: 18px;padding-top:10px;"><% this.form.pkey %></textarea>
</div>
</div>
<div class="line key_pwd_line <% this.form.pkey != '' ? 'show' : 'hidden' %>">
<span class="tname">私钥密码</span>
<div class="info-r">
<input type="text" name="pkey_passwd" class="bt-input-text mr5" placeholder="请输入私钥密码" style="width:305px;" value="<% this.form.pkey_passwd %>" autocomplete="off"/>
</div>
</div>
<div class="line ssh_ps_tips">
<span class="tname">备注</span>
<div class="info-r">
<input type="text" name="ps" class="bt-input-text mr5" placeholder="请输入备注,可为空" style="width:305px;" value="<% this.form.ps %>" autocomplete="off"/>
</div>
</div>
</div>
</script>
<script type="text/html" id="shell_form_view">
<div class="bt-form bt-form-2x pd20" id="host_form">
<div class="line">
<span class="tname">命令名称</span>
<div class="info-r">
<input type="text" name="title" class="bt-input-text mr5" style="width:305px" placeholder="请输入常用命令描述,必填项" value="<% this.form.title %>" autocomplete="off"/>
</div>
</div>
<div class="line">
<span class="tname">命令内容</span>
<div class="info-r">
<textarea rows="4" name="shell" class="bt-input-text mr5" placeholder="请输入常用命令信息,必填项" style="width:305px;height: 150px;line-height: 18px;padding-top:10px;"><% this.form.shell %></textarea>
</div>
</div>
</div>
</script> -->