(function (window, mars3d) {
  //创建widget类，需要继承BaseWidget
  class MyWidget extends mars3d.widget.BaseWidget {
    //弹窗配置
    get view() {
      return {
        type: "divwindow",
        url: "view.html",
        windowOptions: {
          width: 400,
          height: 110,
        },
      };
    }

    //每个窗口创建完成后调用
    winCreateOK(opt, result) {
      var that = this;

      var lasturl = haoutil.storage.get("plot_ws");
      if (lasturl) {
        $("#txtWSUrl").val(lasturl);
        that.connectionWS(lasturl);
      }

      $("#txtCoonWS").click(function () {
        var url = $("#txtWSUrl").val();
        haoutil.storage.add("plot_ws", url);

        that.connectionWS(url);
      });

      $("#txtColseWS").click(function () {
        that.closeSocket();
      });
    }
    //激活插件
    activate() {}
    //释放插件
    disable() {
      this.viewWindow = null;
    }
    showMsg(msg) {
      $("#lblMsg").html(msg);
    }
    /**
     * WebSocket客户端
     * 使用说明：
     * 1、WebSocket客户端通过回调函数来接收服务端消息。例如：webSocket.onmessage
     * 2、WebSocket客户端通过send方法来发送消息给服务端。例如：webSocket.send();
     */
    connectionWS(webSocketUrl) {
      var that = this;

      this.closeSocket();

      /**  WebSocket客户端 PS：URL开头表示WebSocket协议 中间是域名端口 结尾是服务端映射地址 */
      var webSocket = new WebSocket(webSocketUrl);

      /** 当服务端打开连接 */
      webSocket.onopen = function (event) {
        console.log("WebSocket打开连接");
        that.showMsg("已连接");
      };
      /** 通信失败   */
      webSocket.onerror = function (event) {
        console.log("WebSocket发生异常");
        that.showMsg("连接发生异常");
      };
      /** 关闭连接 */
      webSocket.onclose = function (event) {
        console.log("WebSocket关闭连接");
        that.showMsg("连接已关闭");
      };
      /** 当服务端发来消息：1.广播消息 2.更新在线人数  */
      webSocket.onmessage = function (event) {
        console.log("WebSocket接收到消息");
        console.log(event.data);

        var data = JSON.parse(event.data);
        that.config.updateAttr(data);
      };
      this.webSocket = webSocket;

      return webSocket;
    }
    closeSocket() {
      if (this.webSocket) {
        this.webSocket.close();
        delete this.webSocket;
      }
    }
    sendSocket(json) {
      if (!this.webSocket) {
        return;
      }

      console.log("发送了WebSocket消息");
      console.log(json);

      this.webSocket.send(JSON.stringify(json));
    }
  }

  //注册到widget管理器中。
  mars3d.widget.bindClass(MyWidget);

  //每个widet之间都是直接引入到index.html中，会存在彼此命名冲突，所以闭包处理下。
})(window, mars3d);