/* eslint-disable quotes */
import { systemList } from "./system";
// import { DwHttpApiInterceptor } from "@webdpt/framework/http";
/* eslint-disable quotes */
import { AfterViewInit, Component, ElementRef, OnInit, Renderer2 } from "@angular/core";
import {
  DigiMiddlewareAuthApp,
  DigiMiddlewareAuthUser,
} from "app/config/app-auth-token";
import { CommonService } from "../service/common.service";

@Component({
  selector: "app-layout",
  templateUrl: "./layout.component.html",
  styleUrls: ["./layout.component.less"],
})
export class LayoutComponent implements OnInit, AfterViewInit {
  // 登出： https://iam-test.digiwincloud.com.cn/api/iam/v2/identity/logout
  systemMaps = {};
  queryDisplayList = [];
  USER_ID = '';

  dragEnable: boolean = false;

  isDragging: boolean = false;

  layoutUsers = ['digiwin0001', 'digiwin0002', 'digiwin0003', 'digiwin0004', 'digiwin0005', 'default', 'digiwinSummit',
    'digiwin0006', 'digiwin0007', 'digiwin0008', 'digiwin0009', 'digiwin0010', 'dongsk@digiwin.com'];

  divContent = {
    sysId: '',
    top: '',
    left: '',
    height: '',
    width: '',
    userId: 'default',
    tenantId: '',
    topPercent: '',
    leftPercent: '',
    heightPercent: '',
    widthPercent: ''
  };


  constructor(private commonService: CommonService, private el: ElementRef, private renderer: Renderer2) { }
  ngOnInit(): void {
    this.systemMaps = systemList;
    this.initSystemBySemcSSO();

  }

  ngAfterViewInit() {
    // const divElement = this.el.nativeElement.querySelector('.layout-body');

  }

  /**
   * 通过请求queryDisplayList接口登录
   */
  initSystemBySemcSSO() {


    const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));

    this.USER_ID = DwUserInfo.userId;
    this.dragEnable = this.USER_ID === 'dongsk@digiwin.com';

    console.log(this.dragEnable);

    const headers = {
      "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
      "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
    };
    const url = this.commonService.semcUrl + "/tenant/semc/applink/queryDisplayList";
    this.commonService.getRequestWithHeaders(url, headers).then((res) => {
      this.queryDisplayList = res.response;
      this.queryDisplayList.forEach(item => {
        this.systemMaps["SSO_" + item.id] = {
          key: item.id,
          id: item.id,
          title: item.name,
          mockLogin: false,
          ssoLogin: true,
          callBackUrl: item.callBackUrl,
          url: item.cloudwebsite,
          applicationAppId: item.applicationAppId
        };

        // 非管理员加载
        this.divContent.userId = this.USER_ID;
        if (this.USER_ID === 'dongsk@digiwin.com') {
          this.divContent.userId = "default";
        }

      });

      // 初始化布局
      this.initSysLayout();
      console.log("systemMaps", this.systemMaps);

    }).catch((error) => console.error(error));
  }


  initSysLayout() {

    if (!this.layoutUsers.includes(this.divContent.userId)) {
      return;
    }
    const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));
    this.commonService.postWithHeaders(this.commonService.apiUrl + "/restful/standard/demo/api/517/config/list",
      {
        userId: this.divContent.userId,
        tenantId: DwUserInfo.tenantId,
        sysId: ''
      },
      {
        "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
        "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
      }
    ).then(res => {
      if (res && res.response) {
        res.response.forEach(item => {
          // console.log(item);
          const sysEL = this.el.nativeElement.querySelector('#' + item.sysId);
          // this.renderer.setStyle(sysEL, 'top', item.top);
          // this.renderer.setStyle(sysEL, 'left', item.left);
          // this.renderer.setStyle(sysEL, 'width', item.width);
          // this.renderer.setStyle(sysEL, 'height', item.height);

          this.renderer.setStyle(sysEL, 'top', item.topPercent);
          this.renderer.setStyle(sysEL, 'left', item.leftPercent);
          this.renderer.setStyle(sysEL, 'width', item.widthPercent);
          this.renderer.setStyle(sysEL, 'height', item.heightPercent);
        });
      }
    });
  }

  jumpToSystem(key: string) {


    const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));

    if (DwUserInfo.userId === 'dongsk@digiwin.com') {
      return;
    }

    if (this.systemMaps[key] == null) {
      return;
    }

    const item = this.systemMaps[key];

    // 免密跳转
    if (item.linkLogin) {
      window.open(item.url, '_blank');
      return;
    }

    const headers = {
      "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
      "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
    };

    // 单点登录
    if (item.ssoLogin) {

      this.commonService.postWithHeaders(this.commonService.iamUrl + "/api/iam/v2/oauth2/authorize",
        {
          "appId": item.applicationAppId,
          "callbackUrl": item.callBackUrl
        },
        headers
      ).then(res => {
        if (res && res.data && res.data.code) {
          window.open(item.url + "&code=" + res.data.code);
        }
      });
      return;
    }

    // 模拟登录
    if (item.mockLogin) {

      this.commonService.postWithHeaders(this.commonService.apiUrl + "/restful/standard/demo/api/default/login",
        {
          userId: DwUserInfo.userId,
          tenantId: DwUserInfo.tenantId,
          productKey: item.id
        }, headers
      ).then(res => {
        if (res && res.response) {
          window.open(item.url + "/sso-login?userToken=" + res.response.user_token);
        }
      });

    } else {

      // 切换租户登录
      this.commonService.postWithHeaders(this.commonService.iamUrl + "/api/iam/v2/identity/token/refresh/tenant",
        { tenantSid: item.sid },
        headers
      ).then(res => {
        if (res) {
          window.open(item.url + "/sso-login?userToken=" + res.user_token);
        }
      });
    }
  }

  handleElementDrag(data: any) {
    // console.log(data);

    if (data.type === 'mousedown') {
      this.isDragging = true;
      this.divContent.height = data.height;
      this.divContent.width = data.width;
      this.divContent.top = data.top;
      this.divContent.left = data.left;
      this.divContent.sysId = data.id;
    }

    if (data.type !== 'mouseup') {
      return;
    }

    if (data.left === '' || data.top === '') {
      return;
    }

    const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));

    this.divContent.sysId = data.id;
    this.divContent.top = data.top;
    this.divContent.left = data.left;
    this.divContent.height = data.height;
    this.divContent.width = data.width;
    this.divContent.tenantId = DwUserInfo.tenantId;

    console.log(this.divContent);
    // this.commonService.postWithHeaders(this.commonService.apiUrl + "/restful/standard/demo/api/517/config/save",
    //   divContentX,
    //   {
    //     "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
    //     "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
    //   }
    // ).then(res => {
    //   if (res && res.response) {
    //     alert('sucess!');
    //   }
    // });
    this.isDragging = false;

  }

  changeDiv(type: String) {

    const sysEL = this.el.nativeElement.querySelector('#' + this.divContent.sysId);
    if (sysEL === null) {
      return;
    }
    if (type === 'W') {
      this.renderer.setStyle(sysEL, 'width', this.divContent.width);
    }
    if (type === 'H') {
      this.renderer.setStyle(sysEL, 'height', this.divContent.width);
    }

  }

  save() {

    if (!this.layoutUsers.includes(this.divContent.userId)) {
      return;
    }

    if (this.divContent.left === '' || this.divContent.top === '' || this.divContent.sysId === '' ||
      this.divContent.width === '' || this.divContent.height === '') {
      return;
    }


    // 计算百分比
    const windowWidth: number = window.innerWidth;
    const windowHeight: number = window.innerHeight;

    const top = parseFloat(this.divContent.top.replace("px", ""));
    const left = parseFloat(this.divContent.left.replace("px", ""));
    const width = parseFloat(this.divContent.width.replace("px", ""));
    const height = parseFloat(this.divContent.height.replace("px", ""));

    this.divContent.topPercent = (Number((top / windowHeight).toFixed(4)) * 100).toString() + "%";
    this.divContent.leftPercent = (Number((left / windowWidth).toFixed(4)) * 100).toString() + "%";
    this.divContent.widthPercent = (Number((width / windowWidth).toFixed(4)) * 100).toString() + "%";
    this.divContent.heightPercent = (Number((height / windowHeight).toFixed(4)) * 100).toString() + "%";

    console.log('--save--divContent--', this.divContent);

    this.commonService.postWithHeaders(this.commonService.apiUrl + "/restful/standard/demo/api/517/config/save",
      this.divContent,
      {
        "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
        "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
      }
    ).then(res => {
      if (res && res.response) {
        alert('sucess!');
        this.divContent.sysId = '';
      }
    });

  }

}