Default page

View File Name : term.js

function Terms(el,config){
    if(typeof config == "undefined") config = {};
    this.el = el;
    this.id = config.ssh_info.id || '';
    this.bws = null; //websocket对象
    this.route ='/webssh'; // 访问的方法
    this.term =null; //term对象
    this.info =null; // 请求数据
    this.last_body =null;
    this.fontSize =15; //终端字体大小
    this.ssh_info = config.ssh_info;
    this.run();
}
Terms.prototype = {
    // websocket持久化连接
    connect:function(callback){
        var that = this;
        // 判断当前websocket连接是否存在
        if(!this.bws || this.bws.readyState == 3 || this.bws.readyState == 2){
            this.bws = new WebSocket((window.location.protocol === 'http:' ? 'ws://' : 'wss://') + window.location.host + this.route);
            this.bws.addEventListener('message',function(ev){that.on_message(ev)});
            this.bws.addEventListener('close',function(ev){that.on_close(ev)});
            this.bws.addEventListener('error',function(ev){that.on_error(ev)});
            this.bws.addEventListener('open',function(ev){that.on_open(ev)});
            if(callback) callback(this.bws)
        }
    },

    //连接服务器成功
    on_open:function(ws_event){
        var http_token = $("#request_token_head").attr('token');
        this.send(JSON.stringify({'x-http-token':http_token}))
        this.send(JSON.stringify(this.ssh_info || {}))
        this.term.FitAddon.fit();
        this.resize({cols:this.term.cols, rows:this.term.rows});
    },
    //服务器消息事件
    on_message: function (ws_event){
        result= ws_event.data;
        if(!result) return;
        that = this;
        if ((result.indexOf("@127.0.0.1:") != -1 || result.indexOf("@localhost:") != -1) && result.indexOf('Authentication failed') != -1) {
            that.term.write(result);
            host_trem.localhost_login_form(result);
            that.close();
            return;
        }
        if(result.length > 1 && that.last_body === false){
            that.last_body = true;
        }
        that.term.write(result);
        that.set_term_icon(1);
        if (result == '\r\n登出\r\n' || result == '登出\r\n' || result == '\r\nlogout\r\n' || result == 'logout\r\n') {
            that.close();
            that.bws = null;
            
        }
    },
    //websocket关闭事件
    on_close: function (ws_event) {
        this.set_term_icon(0);
        this.bws = null;
    },

    /**
     * @name 设置终端标题状态
     * @author chudong<2020-08-10>
     * @param {number} status 终端状态
     * @return void 
    */
    set_term_icon:function(status){
        var icon_list = ['icon-warning','icon-sucess','icon-info'];
        if(status == 1){
            if($("[data-id='"+ this.id +"']").attr("class").indexOf('active') == -1){
                status = 2;
            }
        }
        $("[data-id='"+ this.id +"']").find('.icon').removeAttr('class').addClass(icon_list[status]+' icon');
        if(status == 2){
            that = this;
            setTimeout(function(){
                $("[data-id='"+ that.id +"']").find('.icon').removeAttr('class').addClass(icon_list[1]+' icon');
            },200);
        }
    },
    //websocket错误事件
    on_error: function (ws_event) {
        if(ws_event.target.readyState === 3){
            // var msg = '错误: 无法创建WebSocket连接，请在面板设置页面关闭【开发者模式】';
            // layer.msg(msg,{time:5000})
            // if(Term.state === 3) return
            // Term.term.write(msg)
            // Term.state = 3;
        }else{
            console.log(ws_event)
        }
    },
    //发送数据
    //@param event 唯一事件名称
    //@param data 发送的数据
    //@param callback 服务器返回结果时回调的函数,运行完后将被回收
    send: function (data, num) {
        var that = this;
        //如果没有连接，则尝试连接服务器
        if (!this.bws || this.bws.readyState == 3 || this.bws.readyState == 2) {
            this.connect();
        }
        //判断当前连接状态,如果!=1，则100ms后尝试重新发送
        if (this.bws.readyState === 1) {
            this.bws.send(data);
        } else {
			if(this.state === 3) return;
            if (!num) num = 0;
            if (num < 5) {
                num++;
                setTimeout(function () { that.send(data, num++); }, 100)
            }
        }
    },
    //关闭连接
    close: function () {
        this.bws.close();
        this.set_term_icon(0);
    },
    resize: function (size){
        if(this.bws){
            size['resize'] = 1;
            this.send(JSON.stringify(size));
        }
        
    },
    run: function (ssh_info) {
        var that = this;
        this.term = new Terminal({fontSize:this.fontSize, screenKeys: true, useStyle: true });
        this.term.setOption('cursorBlink', true);
        this.last_body = false;
        this.term.open($(this.el)[0]);

        this.term.FitAddon = new FitAddon.FitAddon();
        this.term.loadAddon(this.term.FitAddon);
        this.term.WebLinksAddon = new WebLinksAddon.WebLinksAddon()
        this.term.loadAddon(this.term.WebLinksAddon)
        if (ssh_info) this.ssh_info = ssh_info
        this.connect();
        that.term.onData(function (data) {
            try {
                that.bws.send(data)
            } catch (e) {
                that.term.write('\r\nConnection lost, trying to connect again!\r\n')
                that.connect()
            }
        });
        this.term.focus();
    }
}

var host_trem = {
    host_term:{},
    host_list:[],
    command_list:[],
    sort_time:null,
    is_full:false,
    command_form:{
        title:'',
        shell:'',
    },
    host_form:{
        host:'',
        port:'22', //默认端口22
        username:'root',
        password:'',
        pkey: '',
        ps: ''
    },
    init:function(){
        var that = this;
        Object.defineProperty(host_trem,'is_full',{
            get:function(val){
                return val;
            },
            set:function(newValue) {
                if(newValue){
                    $('body').addClass('full_term_view');
                    var win = $(window)[0],win_width = win.innerHeight,win_height = win.innerHeight;
                    $('.main-content .safe').height(win_height);
                    $('#term_box_view,.term_tootls').height(win_height);
                    $('.tootls_host_list').height((win_height - 80) * .75);
                    $('.tootls_commonly_list').height((win_height - 80) * .25);
                    $('.tab_tootls .glyphicon').removeClass('glyphicon-resize-full').addClass('glyphicon-resize-small').attr('title','Exit full screen');
                }else{
                    $('body').removeClass('full_term_view');
                    $('.tab_tootls .glyphicon').removeClass('glyphicon-resize-small').addClass('glyphicon-resize-full').attr('title','Full Screen');
                }
            }
        });
        document.onkeydown = function(e){
            e = e || window.event;
            if ((e.metaKey && e.keyCode == 82) || e.keyCode == 116){
                return false;
            }
            if(that.is_full && e.keyCode == 27){
                return false;
            }
        }
        //本地存储
        var _tool_status = localStorage.getItem("tool_status");
        _tool_host_height = localStorage.getItem("hostHeight"),
        _tool_commonly_height = localStorage.getItem("commonlyHeight");
        if(_tool_commonly_height <= 100 )_tool_commonly_height=100;
        $(window).resize(function(ev){
            that.on_resize(that);
        });
        $('.tab_tootls').on('click','.glyphicon-resize-full',function(){
            $(this).removeClass('glyphicon-resize-full').addClass('glyphicon-resize-small').attr('title','Exit full Screen');
            $('body').addClass('full_term_view');
            that.requestFullScreen();
        });
        $('.tab_tootls').on('click','.glyphicon-resize-small',function(){
            $(this).removeClass('glyphicon-resize-small').addClass('glyphicon-resize-full').attr('title','Full Screen');
            $('body').removeClass('full_term_view');
            that.exitFullscreen();
        });

        $(document).ready(function (e) {
            var win = $(window)[0],win_width = win.innerHeight,win_height = win.innerHeight,host_commonly = win_height - 185;
            $('.main-content .safe').height(win_height - 105);
            $('#term_box_view,.term_tootls').height(win_height - 105);
            if(_tool_host_height !=0&&_tool_commonly_height !=0){
                $(".tootls_host_list").css("height",_tool_host_height+"px"),
                $(".tootls_commonly_list").css("height", _tool_commonly_height+"px");
            }else{
                 $('.tootls_host_list').height(host_commonly * .75);
                $('.tootls_commonly_list').height(host_commonly * .25);
            }
            that.open_term_view();
        });

        // 添加服务器信息
        $('.addServer').on('click',function(){
            that.editor_host_view();
        });

        // 切换服务器终端视图
        $('.term_item_tab .list').on('click','span.item',function(ev){
            var index = $(this).index(),data = $(this).data();
            if($(this).hasClass('addServer')){

            }else if($(this).hasClass('tab_tootls')){

            }else{
                $(this).addClass('active').siblings().removeClass('active');
                $('.term_content_tab .term_item:eq('+ index +')').addClass('active').siblings().removeClass('active');
                that.host_term[data.id];
                var item = that.host_term[data.id];
                item.term.focus();
                item.term.FitAddon.fit();
                item.resize({cols:item.term.cols, rows:item.term.rows});
            }

        });
        //通过本地存储获取显示设置
        if(_tool_status==0){
            $(".term-tool-button").empty();
            $(".term-tool-button").append('<span class="glyphicon glyphicon-menu-right"></span>').addClass("tool-hide").removeClass("tool-show");
            $(".term_box").css("margin-right","260px");
            $(".term_tootls").css("display","block");
            if(_tool_host_height !=0&&_tool_commonly_height !=0){
                $(".tootls_host_list").css("height",_tool_host_height+"px"),
                $(".tootls_commonly_list").css("height", _tool_commonly_height+"px");
            }
        }else{
            $(".term-tool-button").empty();
            $(".term-tool-button").append('<span class="glyphicon glyphicon-menu-left"></span>').addClass("tool-show").removeClass("tool-hide");
            $(".term_box").css("margin-right","0px");
            $(".term_tootls").css("display","none");
        }

        //终端工具栏显示
        $('.term_content_tab').on('click','.tool-show',function(){
            $(this).empty();
            $(this).append('<span class="glyphicon glyphicon-menu-right"></span>').addClass("tool-hide").removeClass("tool-show");
            $(".term_box").css("margin-right","260px");
            $(".term_tootls").css("display","block");
            localStorage.setItem("tool_status",0);
            that.on_resize(that);
        });

        //终端工具栏隐藏
        $('.term_content_tab').on('click','.tool-hide',function(){
            $(this).empty();
            $(this).append('<span class="glyphicon glyphicon-menu-left"></span>').addClass("tool-show").removeClass("tool-hide");
            $(".term_box").css("margin-right","0px");
            $(".term_tootls").css("display","none");
            localStorage.setItem("tool_status",1);
            that.on_resize(that);
        });

        $(".term-move-border").on('mousedown', function (e) {
            var hostbox_height = parseInt($(".tootls_host_list").css("height")),
            commonlybox_height = parseInt($(".tootls_commonly_list").css("height")),
            max_height = hostbox_height + commonlybox_height+38,
            move_y = e.clientY;
            $(document).on('mousemove', function (ev) {
                var offsetY = ev.clientY - move_y,
                _host = hostbox_height+offsetY;
                _commonly = commonlybox_height-offsetY;
                if(_host <= 300){
                    _host = 300;_commonly = max_height-_host-38;
                }else
                if(_commonly <= 100){
                    _commonly = 100;_host = max_height-_commonly-38;
                }
                $(".tootls_host_list").css("height",_host+"px"),$(".tootls_commonly_list").css("height",_commonly+"px");
             });
            $(document).on('mouseup', function (ev) {
                var _host_height = parseInt($(".tootls_host_list").css("height")),
                _commonly_height = parseInt($(".tootls_commonly_list").css("height"));
                localStorage.setItem("hostHeight",_host_height);
                localStorage.setItem("commonlyHeight",_commonly_height);
                $(this).unbind('mousemove mouseup');
            });
            e.stopPropagation();
        });

        $('.term_item_tab').on('click','.icon-trem-close',function(){
            var id = $(this).parent().data('id');
            that.remove_term_view(id);
        })


        // 服务器列表工具箱
        $('.tootls_host_list').on('click','li .tootls span',function(ev){
            var item = $(this).parent().parent(),host = item.data('host'),index = item.data('index');
            if(!$(this).index()){
                that.get_host_find(host,function(rdata){
                    if(rdata.status === false){
                        bt.msg(rdata);
                        return false;
                    }
                    that.editor_host_view({
                        form:rdata,
                        config: {btn: 'Save', title: 'Edit server information [ '+ host +' ]'}
                    });
                });
            }else{
                bt.confirm({title:'Delete information',msg:'Delete service information [ '+ host +' ], continue?',icon:0},function(index){
                    that.remove_host(host,function(rdata){
                        layer.close(index);
                        that.reader_host_list(function(){
                            bt.msg(rdata);
                        });
                    });
                });
            }
            ev.stopPropagation();
        });
        // 服务器列表工具箱
        $('.tootls_commonly_list').on('click','li .tootls span',function(ev){
            var item = $(this).parent().parent(),title = item.data('title'),index = item.data('index');
            if(!$(this).index()){
                that.get_command_find(title,function(rdata){
                    if(rdata.status === false){
                        bt.msg(rdata);
                        return false;
                    }
                    that.editor_command_view({
                        form:rdata,
                        config: {btn: 'Save', title: 'Edit command information【'+ title +'】'}
                    });
                });
            }else{
                bt.confirm({title:'Delete command',msg:'Delete service command 【'+ title +'】, continue?',icon:0},function(index){
                    that.remove_command(title,function(rdata){
                        layer.close(index);
                        that.reader_command_list(function(){
                            bt.msg(rdata);
                        });
                    });
                });
            }
            ev.stopPropagation();
        });
        // 右键菜单
        $('.term_item_tab .list').on('mousedown','.item',function(ev){
            if(ev.which == 3){
                that.reader_right_menu({
                    el:$(this),
                    position:[ev.clientX,ev.clientY],
                    list:[
                        [{title:'Copy session',event:function(el,data){
                            that.open_term_view(that.host_term[data.id].ssh_info);
                        }}],
                        [{title:'Close session',event:function(el,data){
                            that.remove_term_view(data.id);
                        }},
                        {title:'Close to right',event:function(el,data){
                            bt.confirm({msg:'After closing the terminal session, the command in progress in the current command line session may be aborted. Continue?',title: "Close the terminal session?"},function(index){
                                that.remove_term_right_view(data.id);
                                layer.close(index);
                            });
                        }},
                        {title:'Close other',event:function(el,data){
                            bt.confirm({msg:'After closing the terminal session, the command in progress in the current command line session may be aborted. Continue?',title: "Close the terminal session?"},function(index){
                                that.remove_term_other_view(data.id);
                                layer.close(index);
                            });
                        }}]
                    ]
                },function(){
                    $(document).unbind('contextmenu');
                });
                ev.preventDefault();
                $(document).contextmenu(function(e){
                    e.preventDefault();
                });
            }
        });

        // 添加服务器和常用秘钥
        $('.term_tootls .tootls_tab a').click(function(){
            var type = $(this).data('type');
            if(type == 'host'){
                that.editor_host_view();
            }else{
                that.editor_command_view();
            }
        });
        // var clientX = null,clientY = null;
        // $('.tootls_host_list').on('mousedown','li',function(e){
        //     clientX = e.clientX,clientY = e.clientY;
        // })
        // 模拟触发服务器列表点击事件
        // $('.tootls_host_list').on('mouseup','li',function(e){
        //     if(e.button == 0){
        //         if(clientX == e.clientX && clientY == e.clientY){

        //         }
        //     }
        // });

        $('.tootls_host_list').on('click','li',function(e){
            var index = $(this).index(),host = $(this).data('host');
            $(this).find('i').addClass('active');
            if($('.item[data-host="'+ host +'"]').length > 0){
                layer.msg('For multi session window, right click the terminal title to copy the session!',{icon:0,time:3000})
            }else{
                that.open_term_view(that.host_list[index]);
            }
        });
        // 服务器列表拖动
        $('.tootls_host_list').dragsort({
            dragSelector:'li i',
            dragEnd:function(){
                clearTimeout(that.sort_time);
                that.sort_time = setTimeout(function(){
                    var sort_list = {};
                    $('.tootls_host_list li').each(function(index,el){
                        sort_list[$(this).data('host')] = index;
                    });
                    that.set_sort(sort_list,function(rdata){
                        if(!rdata.status){
                            bt.msg(rdata);
                        }
                    });
                },500);
            },
            dragBetween:false,
        });
        this.reader_host_list();
        this.reader_command_list();
    },
     // 判断全屏状态
    isFullScreen:function() {
        var is_full = document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen;
        this.is_full = is_full
        return is_full;
    },

    // 进入全屏
    requestFullScreen:function(element){
        if(element == undefined) element = document.documentElement;
        // 判断各种浏览器，找到正确的方法
        var requestMethod = element.requestFullScreen || //W3C
            element.webkitRequestFullScreen || //FireFox
            element.mozRequestFullScreen || //Chrome等
            element.msRequestFullScreen; //IE11
        if (requestMethod) {
            requestMethod.call(element);
        } else if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript !== null) {
                wscript.SendKeys("{F11}");
            }
        }
        this.is_full = true;
    },
    // 退出全屏
    exitFullscreen:function(element) {
        if(element == undefined) element = document.documentElement;
        // 判断各种浏览器，找到正确的方法
        var exitMethod = document.exitFullscreen || //W3C
            document.mozCancelFullScreen || //FireFox
            document.webkitExitFullscreen || //Chrome等
            document.webkitExitFullscreen; //IE11
        if (exitMethod) {
            exitMethod.call(document);
        } else if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript !== null) {
                wscript.SendKeys("{F11}");
            }
        }
        this.is_full = false;
    },

    on_resize:function(that){
        var win = $(window)[0],win_width = win.innerHeight,win_height = win.innerHeight,host_commonly = win_height - 185;
        if(that.isFullScreen()){
            $('.main-content .safe').height(win_height);
            $('#term_box_view,.term_tootls').height(win_height);
            $('.tootls_host_list').height((win_height - 80) * .75);
            $('.tootls_commonly_list').height((win_height - 80) * .25);
        }else{
            $('.main-content .safe').height(win_height - 105);
            $('#term_box_view,.term_tootls').height(win_height - 105);
            $('.tootls_host_list').height(host_commonly * .75);
            $('.tootls_commonly_list').height(host_commonly * .25);
        }
        var id = $('.term_item_tab .active').data('id');
        var item_term = that.host_term[id].term;
        item_term.FitAddon.fit();
        that.host_term[id].resize({cols:item_term.cols, rows:item_term.rows});
    },

    /**
     * @name 本地服务器登录表单 
     * @author chudong<2020-08-10>
     * @return void
    */
	localhost_login_form: function (result) {
		var host_form_view = $('#host_form_view').html()
		if (!host_form_view) return
        var that = this,form = $(this.render_template({html:host_form_view,data:{form:$.extend(that.host_form,{host:'127.0.0.1'})}})),id = $('.localhost_item').data('id')
        form.find('.ssh_ps_tips').remove();
        form.prepend('<div class="localhost-form-title"><i class="localhost-form_tip"></i><span style="vertical-align: middle;">Login failed, please fill the local server information!</span></div>');
        form.append('<button type="submit" class="btn btn-sm btn-success">Login</button>');
        $('#'+id).append('<div class="localhost-form-shade"><div class="localhost-form-view bt-form-2x">'+ form[0].innerHTML +'</div></div>');
        if(result){
            if(result.indexOf('@127.0.0.1') != -1){
                var user = result.split('@')[0].split(',')[1];
                var port = result.split('1:')[1]
                $("input[name='username']").val(user);
                $("input[name='port']").val(port);
                
            }
            
        }
        $('.auth_type_checkbox').click(function(){
            var index = $(this).index();
            $(this).addClass('btn-success').removeClass('btn-default').siblings().removeClass('btn-success').addClass('btn-default')
            switch(index){
                case 0:
                    $('.c_password_view').addClass('show').removeClass('hidden');
                    $('.c_pkey_view').addClass('hidden').removeClass('show').find('input').val('');
                    $('.key_pwd_line').addClass('hidden').removeClass('show');
                break;
                case 1:
                    $('.c_password_view').addClass('hidden').removeClass('show').find('input').val('');
                    $('.c_pkey_view').addClass('show').removeClass('hidden');
                    $('.key_pwd_line').addClass('show').removeClass('hidden');
                break;
            }
        });
        $('.localhost-form-view > button').click(function(){
            var form = {};
            $('.localhost-form-view input,.localhost-form-view textarea').each(function(index,el){
                var name = $(this).attr('name'),value = $(this).val();
                form[name] = value;
                switch(name){
                    case 'port':
                        if(!bt.check_port(value)){
                            bt.msg({status:false,msg:'Server port format error!'});
                            return false;
                        }
                    break;
                    case 'username':
                        if(value == ''){
                            bt.msg({status:false,msg:'Server user name cannot be empty!'});
                            return false;
                        }
                    break;
                    case 'password':
                        if(value == '' && $('.c_password_view').hasClass('show')){
                            bt.msg({status:false,msg:'Server password cannot be empty!'});
                            return false;
                        }
                    break;   
                    case 'pkey':
                        if(value == '' && $('.c_pkey_view').hasClass('show')){
                            bt.msg({status:false,msg:'The server key cannot be empty!'});
                            return false;
                        }
                    break;
                }
            });
            delete form.sort
            form.ps = 'Local server';
            that.create_host(form,function(res){
                bt.msg(res);
                if(res.status){
                    bt.msg({status:true,msg:'Login successful!'});
                    $('.localhost_item .icon-trem-close').click();
                    that.open_term_view();
                }
            });
        });
        $('.localhost-form-view [name="password"]').keyup(function(e){
            if(e.keyCode == 13){
                $('.localhost-form-view > button').click();
            }
        }).focus();
    },
    
    reader_right_menu:function(config,callback){
        var menu = $('<ul class="menu_right_list" id="term_title_menu"></ul>').css({'top':config.position[1],'left':config.position[0]}),html = '';
        bt.each(config.list,function(index,item){
            bt.each(item,function(indexs,items){
                (function(items){
                    menu.append($('<li></li>').append($('<a href="javascript:;" title="'+ items.title +'">'+ items.title +'</a>').click(function(e){
                        if(items.event) items.event(config.el,$(config.el).data())
                        menu.remove();
                        if(callback) callback();
                    })));
                }(items));
            });
            if(index != config.list.length - 1){
                menu.append('<li class="split_line"></li>');
            }
        });
        if(!$('#term_title_menu').length){
            $('body').append(menu);
        }else{
            $('#term_title_menu').replaceWith(menu);
        }
        $(document).click(function(e){
            menu.remove();
            $(this).unbind('click');
            if(callback) callback();
        })
    },
    /**
     * @name 主机信息添加或编辑
     * @author chudong<2020-08-10>
     * @param {Objeact} obj 需要编辑的form数据,可以为空，为空则添加
     * @return void 
    */
    editor_host_view:function(obj){
        var that = this;
        if (!obj) {
            obj = {
                form: this.host_form,
                config: {
                    btn: 'Submit', title: 'Add host information'
                }
            }
        }
        this.render_template({
            html: host_form_view.innerHTML,
            data: obj
        }, function (html) {
            layer.open({
                type: 1 //Page层类型
                , area: '510px'
                , closeBtn: 2
                , title: obj.config.title
                , btn: [obj.config.btn, 'Cancel']
                , content: html
                , success: function (layers, index) {
                    $('.auth_type_checkbox').click(function () {
                        var index = $(this).index();
                        $(this).addClass('btn-success').removeClass('btn-default').siblings().removeClass('btn-success').addClass('btn-default')
                        switch (index) {
                            case 0:
                                $('.c_password_view').addClass('show').removeClass('hidden');
                                $('.c_pkey_view').addClass('hidden').removeClass('show').find('input').val('');
                                $('.key_pwd_line').addClass('hidden').removeClass('show');
                              break;
                          case 1:
                            $('.c_password_view').addClass('hidden').removeClass('show').find('input').val('');
                            $('.c_pkey_view').addClass('show').removeClass('hidden');
                            $('.key_pwd_line').addClass('show').removeClass('hidden');
                            break;
                        }
                    });

                    $('[name="host"]').on('change',function(){
                        var host_val = $(this).val();
                        if(!host_val) return;

                        var s_host,s_port,s_username,s_password;
                        s_host = host_val;
                        if(host_val.indexOf('@') != -1){
                            var tmp = host_val.split('@')
                            s_host = tmp[1]
                            s_username = tmp[0]

                            if (s_username.indexOf(':') != -1){
                                var tmp = s_username.split(':')
                                s_username = tmp[0]
                                s_password = tmp[1]
                            }
                        }
                        if(s_host.indexOf(':')!=-1){
                            var tmp = s_host.split(':')
                            s_host = tmp[0]
                            s_port = tmp[1]
                        }

                        if(s_host) {
                            $(this).val(s_host);
                            $('[name="ps"]').val(s_host);
                        }
                        if(s_port) $('[name="port"]').val(s_port);
                        if(s_username) $('[name="username"]').val(s_username);
                        if(s_password) $('[name="password"]').val(s_password);
                    });

                    $('[name="host"]').on('input',function(){
                        $('[name="ps"]').val($(this).val());
                    });
                    $('[name="password"],[name="ps"]').keyup(function(e){
                        if(e.keyCode === 13){
                            $('#layui-layer'+ index +' .layui-layer-btn0').click();
                        }
                    });
                },
                yes:function(indexs,layero){
                    var form = {};
                    $('.bt-form input,.bt-form textarea').each(function(index,el){
                        var name = $(this).attr('name'),value = $(this).val();
                        form[name] = value;
                        switch(name){
                            // case 'host':
                            //     if(!bt.check_ip(value)){
                            //         bt.msg({status:false,msg:'服务器ip地址格式错误！'});
                            //         return false;
                            //     }
                            // break;
                            case 'port':
                                if(!bt.check_port(value)){
                                    bt.msg({status:false,msg:'Server port format error!'});
                                    return false;
                                }
                            break;
                            case 'username':
                                if(value == ''){
                                    bt.msg({status:false,msg:'Server user name cannot be empty!'});
                                    return false;
                                }
                            break;
                            case 'password':
                                if(value == '' && $('.c_password_view').hasClass('show')){
                                    bt.msg({status:false,msg:'Server password cannot be empty!'});
                                    return false;
                                }
                            break;   
                            case 'pkey':
                                if(value == '' && $('.c_pkey_view').hasClass('show')){
                                    bt.msg({status:false,msg:'Server key cannot be empty!'});
                                    return false;
                                }
                            break;
                        }
                    });
                    if(!obj.form.sort){
                        delete form.sort;
                        that.create_host(form,function(res){
                            if(res.status){
                                that.open_term_view(form);
                                layer.close(indexs)
                                that.reader_host_list(function(){
                                    bt.msg(res);
                                })
                            }
                        });
                    }else{
                        form.new_host = form.host;
                        form.host = obj.form.host;
                        that.modify_host(form,function(res){
                            if(res.status){
                                layer.close(indexs)
                                that.reader_host_list(function(){
                                    bt.msg(res);
                                })
                            }
                        })
                    }
                }
            });
        });
    },

    /**
     * @name 常用信息添加或编辑
     * @author chudong<2020-08-10>
     * @param {Objeact} obj 需要编辑的form数据,可以为空，为空则添加
     * @return void
     */
    editor_command_view: function (obj) {
        var that = this;
        if (!obj) {
            obj = {
                form: this.command_form,
                config: {
                    btn: 'Submit', title: 'Add command information'
                }
            };
        }
        this.render_template({
            html: shell_form_view.innerHTML,
            data: obj
        }, function (html) {
            layer.open({
                type: 1 //Page层类型
                , area: '510px'
                , closeBtn: 2
                , title: obj.config.title
                , btn: [obj.config.btn, 'Cancel']
                , content: html
                , yes: function (indexs, layero) {
                    var shell = $('[name="shell"]').val(), title = $('[name="title"]').val();
                    if (title == '') {
                        bt.msg({status: false, msg: 'Command description cannot be empty!'});
                        return false;
                    }
                    if (shell == '') {
                        bt.msg({status: false, msg: 'Command cannot be empty!'});
                        return false;
                    }

                    if(!obj.form.title){
                        that.create_command({shell:shell,title:title},function(res){
                            if(res.status){
                                layer.close(indexs);
                                that.reader_command_list(function(){
                                    bt.msg(res);
                                });
                            }
                        });
                    }else{
                        that.modify_command({new_title:title,title:obj.form.title,shell:shell},function(res){
                            if(res.status){
                                layer.close(indexs);
                                that.reader_command_list(function(){
                                    bt.msg(res);
                                });
                            }
                        });
                    }
                },

            });
        });
    },
    /**
     * @name 设置终端标题状态
     * @author chudong<2020-08-10>
     * @param {String} id 终端ID
     * @param {number} status 终端状态
     * @return void 
    */
    set_term_icon:function(id,status){
        var icon_list = ['icon-warning','icon-sucess','icon-info'];
        $("[data-id='"+ id +"']").find('.icon').removeAttr('class').addClass(icon_list[status]+' icon');
    },
    /**
     * @name 打开终端显示视图
     * @author chudong<2020-08-10>
     * @param {Objeact} info 终端数据 {
     *  ps:已添加的备注,
     *  host:已添加的服务器ip
     * }
     * @return void 
    */
    open_term_view:function(info){
        if(typeof info  === "undefined") info = {host:'127.0.0.1',ps:'Local server'}
        var random = bt.get_random(9),tab_content = $('.term_content_tab'),item_list = $('.term_item_tab .list');
        tab_content.find('.term_item').removeClass('active').siblings().removeClass('active');
        tab_content.append('<div class="term_item active" id="'+ random +'" data-host="'+ info.host +'"></div>');
        item_list.find('.item').removeClass('active');
        item_list.append('<span class="active item '+ (info.host =='127.0.0.1'?'localhost_item':'') +'" data-host="'+ info.host +'" data-id="'+ random +'"><i class="icon icon-sucess"></i><div class="content"><span>'+ info.ps +'</span></div><span class="icon-trem-close"></span></span>');
        this.host_term[random] = new Terms('#'+random,{ssh_info:{host:info.host,ps:info.ps,id:random}});
    },
    /**
     * @name 关闭终端显示视图
     * @author chudong<2020-08-10>
     * @param {String} id  终端id
     * @return void 
    */
    remove_term_view:function(id){
        var item  = $('[data-id="'+ id +'"]'),next = item.next(),prev = item.prev();
        $('#'+id).remove();
        item.remove();
        try {
            this.host_term[id].bws.close();
        } catch (error) {
        }
        delete this.host_term[id];
        if(item.hasClass('active')){
            if(next.length > 0){
                next.click();
            }else{
                prev.click();
            }
        }
    },
        /**
     * @name 关闭选中右侧终端显示视图
     * @author chudong<2020-08-10>
     * @param {String} id  终端id
     * @return void 
    */
    remove_term_right_view:function(id){
        var arry = [],item  = $('[data-id="'+ id +'"]'),nextAll = item.nextAll(),that = this;
        if(!nextAll.length){
            return false;
        }
        nextAll.each(function(index,el){
            var data = $(this).data();
            try {
                that.host_term[data.id].bws.close();
            } catch (error) {
            }
            delete that.host_term[data.id];
        });
        nextAll.remove();
        item.addClass('active');
        $('#'+id).addClass('active').nextAll().remove();
    },
    /**
     * @name 关闭其他终端显示视图
     * @author chudong<2020-08-10>
     * @param {String} id  终端id
     * @return void 
    */
    remove_term_other_view:function(id){
        var arry = [],item  = $('[data-id="'+ id +'"]'),siblings = item.siblings(),that = this;
        if(!siblings.length){
            return false;
        }
        siblings.each(function(index,el){
            var data = $(this).data();
            try {
                that.host_term[data.id].bws.close();
            } catch (error) {
            }
            delete that.host_term[data.id];
        });
        siblings.remove();
        item.addClass('active');
        $('#'+id).addClass('active').siblings().remove();
    },
        /**
     * @name 渲染常用命令列表
     * @author chudong<2020-08-10>
     * @param {Objeact} callback 回调函数，回调参数1:当前请求内容
     * @return void 
    */
    reader_command_list:function(callback){
        var that = this,html = '';
        this.get_command_list(function(rdata){
            bt.each(rdata,function(index,item){
                html += '<li data-title="'+ item.title +'" data-index="'+ index +'" data-clipboard-text="'+ item.shell +'"><i></i><span>'+ item.title +'</span><span class="tootls">'+
                    '<span class="glyphicon glyphicon-edit" aria-hidden="true" title="Edit common command information"></span>'+
                    '<span class="glyphicon glyphicon-trash" aria-hidden="true" title="Delete common command information"></span>'+
                '</span></li>';
            });
            $('.tootls_commonly_list').html(html);
            var clipboard = new ClipboardJS('.tootls_commonly_list li');
            clipboard.on('success', function(e) {
                layer.msg('Copy succeeded!',{icon:1});
                e.clearSelection();
            });

            clipboard.on('error', function(e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });
            that.command_list = rdata;
            if(callback) callback(rdata)
        });
    },



    /**
     * @name 渲染主机视图列表
     * @author chudong<2020-08-10>
     * @param {Objeact} callback 回调函数，回调参数1:当前请求内容
     * @return void 
    */
    reader_host_list:function(callback){
        var that = this,html = '';
        this.get_host_list(function(rdata){
            bt.each(rdata,function(index,item){
                html += '<li data-host="'+ item.host +'" data-index="'+ index +'"><i></i><span>'+ (item.ps == item.host?item.ps:(item.ps +'【'+ item.host +'】')) +'</span><span class="tootls">'+
                    '<span class="glyphicon glyphicon-edit" aria-hidden="true" title="Edit server information"></span>'+
                    '<span class="glyphicon glyphicon-trash" aria-hidden="true" title="Delete server information"></span>'+
                '</span></li>';
            });
            $('.tootls_host_list').html(html);
            that.host_list = rdata;
            if(callback) callback()
        });
    },
    /**
     * @name 获取host列表
     * @author chudong<2020-08-010>
     * @param {Objeact} callback 回调函数，回调参数1:当前请求内容
     * @return void 
     */
    get_host_list:function(callback){
        var loadT = bt.load('Getting server list, please wait...');
        this.post('get_host_list',{},function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },

    /**
     * @name 获取指定host信息
     * @author hwliang<2020-08-07>
     * @param host string host地址 
     * @return void
     */
    get_host_find:function(host,callback){
        var loadT = bt.load('Getting the specified server information, please wait...');
        this.post('get_host_find',{host:host},function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },


    /**
     * @name 创建新的host信息
     * @author hwliang<2020-08-07>
     * @param ssh_info array ssh信息对象 {
     *      host: 主机地址,
            port: 端口
            ps: 备注
            username: 用户名
            password: 密码
            pkey: 密钥(如果不为空，将使用密钥连接)
     * }
     * @return void
     */
     create_host:function(ssh_info,callback){
        var loadT = bt.load('Adding server information, please wait...');
        this.post('create_host',ssh_info,function(rdata){
            loadT.close();
            if(!rdata.status){
                bt.msg(rdata);
                return false;
            }
            if(callback) callback(rdata);
        });
    },

    /**
     * @name 修改host信息
     * @author hwliang<2020-08-07>
     * @param ssh_info array ssh信息对象 {
     *      host: 主机地址,
            port: 端口
            ps: 备注
            sort: 排序(可选，默认0)
            username: 用户名
            password: 密码
            pkey: 密钥(如果不为空，将使用密钥连接)
     * }
     * @return void
     */
     modify_host:function(ssh_info,callback){
        var loadT = bt.load('Modifying the specified server information, please wait...');
        this.post('modify_host',ssh_info,function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },


    /**
     * @name 删除host信息
     * @author hwliang<2020-08-07>
     * @param host string host地址 
     * @return void
     */
     remove_host:function(host,callback){
        var loadT = bt.load('Deleting specified server information, please wait...');
        this.post('remove_host',{host:host},function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },


    /**
     * @name 设置host排序(使用降序)
     * @author hwliang<2020-08-07>
     * @param sort_list array 排序对象{
     *      "127.0.0.1":3,
     *      "192.168.1.254":2
     * } 
     * @return void
     */
     set_sort:function(sort_list,callabck){
        this.post('set_sort',{sort_list:JSON.stringify(sort_list)},function(rdata){
            if(callabck) callabck(rdata);
        });
    },

    
    /**
     * @name 获取常用命令列表
     * @author hwliang<2020-08-08>
     * @return void
     */
    get_command_list: function(callback){
        var loadT = bt.load('Getting list of frequently used commands, please wait...');
        this.post('get_command_list',{},function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },

    /**
     * @name 创建常用命令
     * @author hwliang<2020-08-08>
     * @param {title} string 命令标题
     * @parma {shell} string 命令文本
     * @return void
     */
    create_command: function(obj,callback){
        var loadT = bt.load('Creating common commands, please wait...');
        this.post('create_command',obj,function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },


    /**
     * @name 获取指定常用命令
     * @author hwliang<2020-08-08>
     * @param {title} string 命令标题
     * @return void
     */
    get_command_find: function(title,callback){
        var loadT = bt.load('Getting specified common command data, please wait...');
        this.post('get_command_find',{title:title},function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },

    /**
     * @name 修改常用命令
     * @author hwliang<2020-08-08>
     * @param {title} string 命令标题
     * @param {new_title} string 新的命令标题
     * @parma {shell} string 命令文本
     * @return void
     */
    modify_command: function(obj,callback){
        var loadT = bt.load('Modifying specified common commands, please wait...');
        this.post('modify_command',obj,function(rdata){
            loadT.close();
            if(callback) callback(rdata);
        });
    },

    /**
     * @name 删除指定常用命令
     * @author hwliang<2020-08-08>
     * @param {title} string 命令标题
     * @return void
     */
    remove_command: function(title,callback){
        var loadT = bt.load('Deleting specified common commands, please wait...');
        this.post('remove_command',{title:title},function(rdata){
            loadT.close();
            // console.log(rdata)
            if(callback) callback(rdata);
        });
    },


    /**
     * @name 请求到后端
     * @author hwliang<2020-08-07>
     * @param fun_name string 要访问的方法名称
     * @param pdata array POST数据
     * @param callback function 回调函数 
     * @return void
     */
    post:function(fun_name,pdata,callback){
        bt.send(fun_name,'xterm/'+fun_name,pdata,callback);
    },

    /**
     * @author chudong<2020-08-08>
     * @param {Object} obj  需要渲染的配置对象
     * @param {*} callback  渲染完成的回调方法
     */
    render_template:function(obj, callback) {
        if (!obj.html) return '缺少模板HTML';
        var re = /<%([^%>]+)?%>/g, reExp = /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g, code = 'var r=[];\n',
            cursor = 0;
        var add = function (line, js) {
            js ? (code += line.match(reExp) ? line + '\n' : 'r.push(' + line + ');\n') :
                (code += line != '' ? 'r.push("' + line.replace(/"/g, '\\"') + '");\n' : '');
            return add;
        }
        while (match = re.exec(obj.html)) {
            add(obj.html.slice(cursor, match.index))(match[1], true);
            cursor = match.index + match[0].length;
        }
        add(obj.html.substr(cursor, obj.html.length - cursor));
        code += 'return r.join("");';
        if (callback) {
            callback(new Function(code.replace(/[\r\t\n]/g, '')).apply(obj.data));
        } else {
            return new Function(code.replace(/[\r\t\n]/g, '')).apply(obj.data);
        }
    }
}
host_trem.init();