{template "web/common/header"}
<div class="layui-fluid">
    <div class="main-content">
        <h2>WEBSOCKET</h2>
        <div class="layui-tab fui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">参数配置</li>
                {if $this->settings['type']=='local'}<li><a href="{php echo $this->url('domain')}">域名白名单</a></li>{/if}
                <li><a href="{php echo $this->url('help')}">本地安装步骤</a></li>
            </ul>
        </div>
        <div class="layui-card fui-card">
            <div class="layui-card-header">
                {if !empty($setting['server'])}<button type="button" class="layui-btn layui-btn-normal fr" onclick="WssTest('{$userSign}')">测试SOCKET连接</button>{/if}
                <span class="title">SOCKET配置</span>
            </div>
            <div class="layui-card-body">
                <form action="{php echo $this->url('saveSet')}" method="post" class="layui-form">
                    {csrftoken}
                    <input type="hidden" name="op" value="socketset">
                    <div class="layui-form-item">
                        <label class="layui-form-label">连接方式</label>
                        <div class="layui-input-block">
                            <input type="radio" value="remote" name="data[type]" title="远程SOCKET"{php echo $setting['type']=='local' ? '' : ' checked="checked"';} />
                            <input type="radio" value="local" name="data[type]" title="本地SOCKET"{php echo $setting['type']=='local' ? ' checked="checked"' : '';} />
                        </div>
                    </div>
                    <div class="layui-form-item must">
                        <label class="layui-form-label">WS服务器</label>
                        <div class="layui-input-block">
                            <input type="text" id="wsServer" required lay-verify="required" name="data[server]" value="{$setting['server']}" placeholder="请输入SOCKET服务器地址" autocomplete="off" class="layui-input">
                            {if $setting['type']=='local'}
                            <div class="layui-word-aux">请修改为您本地的自定义SOCKET域名，<strong class="text-black">必须以ws{php echo $_W['ishttps']?'s':'';}://开头</strong></div>
                            {/if}
                        </div>
                    </div>
                    <div class="layui-form-item must">
                        <label class="layui-form-label">WEB推送接口</label>
                        <div class="layui-input-block">
                            <input type="text" required lay-verify="required" name="data[api]" value="{$setting['api']}" placeholder="请输入WEB消息推送接口" autocomplete="off" class="layui-input">
                            {if $setting['type']=='local'}
                            <div class="layui-word-aux">请修改为您本地的自定义接口地址(只需要修改域名部分)</div>
                            {/if}
                        </div>
                    </div>
                    <div class="layui-form-item must">
                        <label class="layui-form-label">状态通知接口</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid">
                                <a href="javascript:;" class="text-blue js-clip" data-url="{php echo $this->api('notify')}">{php echo $this->api('notify')}</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn layui-btn-normal" lay-submit type="submit" value="true" name="savedata">保存</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重填</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/js/swasocket.js?v={TIMESTAMP}"></script>
<script type="text/javascript">
    var WsSocket, WsServer = "{$setting['server']}";
    function WssTest(UserSign){
        let server = $('#wsServer').val();
        if (server==="") return Core.toast("请输入WS服务器地址");
        let onConnect = function (res){
            WsServer = server;
            console.log("SOCKET连接成功：", res);
            layer.msg("SOCKET连接成功!", {icon:1});
        };
        if(Swaws.io!=null){
            if(server===WsServer) return onConnect({});
            Swaws.io.close(10000);
        }
        Swaws.onConnect = onConnect;
        WsSocket = Swaws.init(UserSign, server, function (res){
            console.log("接收到SOCKET数据：", res);
        }, function (e){
            console.log("SOCKET连接失败：", e);
            layer.msg("SOCKET连接失败", {icon:2});
        });
    }
</script>
{template "web/common/footer"}