mirror of https://github.com/midoks/mdserver-web
parent
08ac95a94f
commit
8855b7d907
@ -1,6 +1,14 @@ |
||||
<script type="text/javascript"> |
||||
if ($(".term-box #term").text() != 'W') { |
||||
$.getScript( "/plugins/file?name=webssh&f=js/webssh.js", function() { |
||||
if ($(".term-box #term").text() != 'W') { |
||||
layer.closeAll(); |
||||
web_shell(); |
||||
} |
||||
}); |
||||
</script> |
||||
<script type="text/javascript"> |
||||
// if ($(".term-box #term").text() != 'W') { |
||||
// layer.closeAll(); |
||||
// web_shell(); |
||||
// } |
||||
</script> |
||||
@ -0,0 +1,196 @@ |
||||
function web_shell() { |
||||
var termCols = 100; |
||||
var termRows = 29; |
||||
var sendTotal = 0; |
||||
if(!socket)socket = io.connect(); |
||||
var term = new Terminal({ cols: termCols, rows: termRows, screenKeys: true, useStyle: true}); |
||||
term.open(); |
||||
gterm = term |
||||
term.setOption('cursorBlink', true); |
||||
|
||||
socket.on('server_response', function (data) { |
||||
term.write(data.data); |
||||
|
||||
if (data.data == '\r\n登出\r\n' || data.data == '登出\r\n' || data.data == '\r\nlogout\r\n' || data.data == 'logout\r\n') { |
||||
setTimeout(function () { |
||||
layer.closeAll(); |
||||
}, 500); |
||||
} |
||||
}); |
||||
|
||||
if (socket) { |
||||
socket.emit('connect_event', ''); |
||||
interval = setInterval(function () { |
||||
socket.emit('connect_event', ''); |
||||
}, 1000); |
||||
} |
||||
|
||||
term.on('data', function (data) { |
||||
socket.emit('webssh', data); |
||||
}); |
||||
|
||||
|
||||
var term_box = layer.open({ |
||||
type: 1, |
||||
title: "宝塔终端", |
||||
area: ['920px','640px'], |
||||
closeBtn: 2, |
||||
shadeClose: false, |
||||
content: '<div class="term-box"><div id="term"></div></div>\ |
||||
<div class="shell-text-input">\ |
||||
<textarea type="text" class="bt-input-text-shell" placeholder="请将命令粘贴到此处.." value="" name="ssh_copy" />\ |
||||
<div class="shell-btn-group">\ |
||||
<button class="shellbutton btn btn-success btn-sm pull-right shell_btn_1">发送(Ctrl+Enter)</button>\ |
||||
<button class="shellbutton btn btn-default btn-sm pull-right shell_btn_close">关闭</button>\ |
||||
</div>\ |
||||
</div>', |
||||
cancel: function () { |
||||
term.destroy(); |
||||
clearInterval(interval) |
||||
} |
||||
}); |
||||
$(".shell_btn_close").click(function(){ |
||||
layer.close(term_box); |
||||
term.destroy(); |
||||
clearInterval(interval) |
||||
}) |
||||
|
||||
setTimeout(function () { |
||||
$('.terminal').detach().appendTo('#term'); |
||||
$("#term").show(); |
||||
socket.emit('webssh', "\n"); |
||||
term.focus(); |
||||
|
||||
// 鼠标右键事件
|
||||
var can = $("#term"); |
||||
can.contextmenu(function (e) { |
||||
var winWidth = can.width(); |
||||
var winHeight = can.height(); |
||||
var mouseX = e.pageX; |
||||
var mouseY = e.pageY; |
||||
var menuWidth = $(".contextmenu").width(); |
||||
var menuHeight = $(".contextmenu").height(); |
||||
var minEdgeMargin = 10; |
||||
if (mouseX + menuWidth + minEdgeMargin >= winWidth && |
||||
mouseY + menuHeight + minEdgeMargin >= winHeight) { |
||||
menuLeft = mouseX - menuWidth - minEdgeMargin + "px"; |
||||
menuTop = mouseY - menuHeight - minEdgeMargin + "px"; |
||||
} |
||||
else if (mouseX + menuWidth + minEdgeMargin >= winWidth) { |
||||
menuLeft = mouseX - menuWidth - minEdgeMargin + "px"; |
||||
menuTop = mouseY + minEdgeMargin + "px"; |
||||
} |
||||
else if (mouseY + menuHeight + minEdgeMargin >= winHeight) { |
||||
menuLeft = mouseX + minEdgeMargin + "px"; |
||||
menuTop = mouseY - menuHeight - minEdgeMargin + "px"; |
||||
} |
||||
else { |
||||
menuLeft = mouseX + minEdgeMargin + "px"; |
||||
menuTop = mouseY + minEdgeMargin + "px"; |
||||
}; |
||||
|
||||
var selectText = term.getSelection() |
||||
var style_str = ''; |
||||
var paste_str = ''; |
||||
if (!selectText) { |
||||
if (!getCookie('shell_copy_body')) { |
||||
paste_str = 'style="color: #bbb;" disable'; |
||||
} |
||||
style_str = 'style="color: #bbb;" disable'; |
||||
} else { |
||||
setCookie('ssh_selection', selectText); |
||||
} |
||||
|
||||
|
||||
var menudiv = '<ul class="contextmenu">\ |
||||
<li>\ |
||||
<a class="shell_copy_btn menu_ssh" data-clipboard-text="'+ selectText + '" ' + style_str + '>复制到剪切板</a>\ |
||||
</li>\ |
||||
<li>\ |
||||
<a onclick="shell_paste_text()" '+ paste_str+'>粘贴选中项</a>\ |
||||
</li>\ |
||||
<li>\ |
||||
<a onclick="shell_translate_text()" ' + style_str + '>翻译</a>\ |
||||
</li>\ |
||||
<li>\ |
||||
<a onclick="shell_to_baidu()" ' + style_str + '>百度搜索</a>\ |
||||
</li>\ |
||||
</ul>'; |
||||
$("body").append(menudiv); |
||||
$(".contextmenu").css({ |
||||
"left": menuLeft, |
||||
"top": menuTop |
||||
}); |
||||
return false; |
||||
}); |
||||
can.click(function () { |
||||
remove_ssh_menu(); |
||||
}); |
||||
|
||||
clipboard = new ClipboardJS('.shell_copy_btn'); |
||||
clipboard.on('success', function (e) { |
||||
layer.msg('复制成功!'); |
||||
setCookie('shell_copy_body', e.text) |
||||
remove_ssh_menu(); |
||||
term.focus(); |
||||
}); |
||||
|
||||
clipboard.on('error', function (e) { |
||||
layer.msg('复制失败，浏览器不兼容!'); |
||||
setCookie('shell_copy_body', e.text) |
||||
remove_ssh_menu(); |
||||
term.focus(); |
||||
}); |
||||
|
||||
$(".shellbutton").click(function () { |
||||
var tobj = $("textarea[name='ssh_copy']"); |
||||
var ptext = tobj.val(); |
||||
tobj.val(''); |
||||
if ($(this).text().indexOf('Alt') != -1) { |
||||
ptext +="\n"; |
||||
} |
||||
socket.emit('webssh', ptext); |
||||
term.focus(); |
||||
}) |
||||
$("textarea[name='ssh_copy']").keydown(function (e) { |
||||
|
||||
if (e.ctrlKey && e.keyCode == 13) { |
||||
$(".shell_btn_1").click(); |
||||
} else if (e.altKey && e.keyCode == 13) { |
||||
$(".shell_btn_1").click(); |
||||
} |
||||
}); |
||||
|
||||
}, 100) |
||||
|
||||
|
||||
} |
||||
|
||||
function shell_translate_text() { |
||||
remove_ssh_menu(); |
||||
var selectText = getCookie('ssh_selection'); |
||||
var loadT = layer.msg('正在翻译...', { icon: 16, time: 1000 * 60, }); |
||||
$.get('https://www.bt.cn/api/index/fanyi', { query: selectText }, function (rdata) { |
||||
layer.close(loadT); |
||||
layer.msg("原文: " + rdata.src + '<br>译文: ' + rdata.dst, { time: 1000 * 10, shadeClose: true, shade: 0.01 }); |
||||
}, 'JSONP'); |
||||
gterm.focus(); |
||||
} |
||||
|
||||
function shell_to_baidu() { |
||||
var selectText = getCookie('ssh_selection'); |
||||
remove_ssh_menu(); |
||||
window.open('https://www.baidu.com/s?wd=' + selectText) |
||||
gterm.focus(); |
||||
} |
||||
|
||||
|
||||
function shell_paste_text(){ |
||||
socket.emit('webssh', getCookie('ssh_selection')); |
||||
remove_ssh_menu(); |
||||
gterm.focus(); |
||||
} |
||||
|
||||
function remove_ssh_menu() { |
||||
$(".contextmenu").remove(); |
||||
} |
||||
Loading…
Reference in new issue