$(function () {
  var viewer = new Viewer(document.getElementById("viewer"), {
    button: true,
    inline: false,
    zoomable: true,
    title: true,
    tooltip: true,
    minZoomRatio: 0.5,
    maxZoomRatio: 100,
    movable: true,
    interval: 2000,
    navbar: true,
    loading: true,
  });

  // 点击显示图片 box-item
  $(".box-item").click(function () {
    // 设置图片
    $("#viewer").attr("src", $(this).find("img").attr("src"));
    viewer.show();
  });

  // 获取通用配置信息（关于页：用插件覆盖 honor/partner）
  function getCommentInfo() {
    $.ajax({
      url: "/console/v1/common",
      method: "get",
      headers: {
        Authorization: "Bearer" + " " + localStorage.jwt,
      },
      success: function (res) {
        if (!res || res.status !== 200 || !res.data) {
          return;
        }
        var baseData = res.data || {};

        $.ajax({
          url: "/console/v1/theme/config",
          method: "get",
          headers: {
            Authorization: "Bearer" + " " + localStorage.jwt,
          },
          success: function (pluginRes) {
            if (pluginRes && pluginRes.status === 200 && pluginRes.data) {
              var cfg = pluginRes.data || {};
              if (cfg.honor) {
                baseData.honor = cfg.honor;
              }
              if (cfg.partner) {
                baseData.partner = cfg.partner;
              }
            }
            sessionStorage.commentData = JSON.stringify(baseData);
            setIndexData();
          },
          error: function () {
            sessionStorage.commentData = JSON.stringify(baseData);
            setIndexData();
          },
        });
      },
    });
  }
  // 获取首页数据
  getCommentInfo();

  // 设置首页函数
  function setIndexData() {
    const commentObj = JSON.parse(sessionStorage.commentData);
    if (commentObj.honor.length > 0) {
      commentObj.honor.forEach((item) => {
        $("#honor-box").append(`
                    <div class="box-item">
                        <img src=${item.img} alt="">
                        <p class="font-16 mt-20">${item.name}</p>
                    </div>
                `);
      });
    }
    commentObj.partner.forEach((item) => {
      $("#partner-box").append(`      
                <div class="box-item">
                    <img src="${item.img}" alt="">
                    <h4 class="mt-30">${item.name}</h4>
                    <p class="mt-20">${item.description}</p>
                </div>
             `);
    });
  }
});