/*
 * @Author: zhangfeifei zff_607@163.com
 * @Date: 2023-03-30 09:21:36
 * @LastEditors: zhangfeifei zff_607@163.com
 * @LastEditTime: 2023-04-04 11:05:16
 * @FilePath: \institute-of-technology\js\talent-recruitment.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
(function (doc, win) {
  var docEl = doc.documentElement,
    resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
    recalc = function () {
      var width = docEl.clientWidth / docEl.clientHeight;
      docEl.style.fontSize = width + "px";
    };
  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener("DOMContentLoaded", recalc, false);
})(document, window);

$(function () {
  $(".bottom_LI").mouseover(function () {
    // let Num_LI = "show_tow-nav" + $(this).index();
    $(this).addClass("top_LI_action");
    $(this).siblings(".bottom_LI");
    $(this).children(".nav-tow").addClass("show_tow-nav");
  });
  $(".bottom_LI").mouseout(function () {
    // let Num_LI = "show_tow-nav" + $(this).index();
    $(this).removeClass("top_LI_action");
    $(this).children(".nav-tow").removeClass("show_tow-nav");
  });
  $(".bottom_LI").click(function () {
    $(this).siblings().removeClass("_action_");
    $(this).addClass("_action_");
  });
  $(".bottom_LI .nav-tow > div").mouseover(function () {
    $(this).siblings().removeClass("nav-tow_action");
    $(this).addClass("nav-tow_action");
  });
  $(".bottom_LI .nav-tow > div").mouseout(function () {
    $(this).removeClass("nav-tow_action");
  });
  $(".talent-item-se").mouseover(function () {
    $(this).addClass("talent-item-action-se");
  });
  $(".talent-item-se").mouseout(function () {
    $(this).removeClass("talent-item-action-se");
  });
});

$(function () {
  $(".dean-link").mouseover(function () {
    $(this).addClass("dean-link-select");
  });
  $(".dean-link").mouseout(function () {
    $(this).removeClass("dean-link-select");
  });
  $(".Secretary-link").mouseover(function () {
    $(this).addClass("Secretary-link-select");
  });
  $(".Secretary-link").mouseout(function () {
    $(this).removeClass("Secretary-link-select");
  });
});

//分页功能
$(".box-paging").pagination({
  // 更换数据源
  dataSource: [
    {
      title:
        "理学院组织师生参理学院组织师生参加企业开放日活动理学院组织师生参理学院组织师生参加企业开放日活动理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
    {
      title: "理学院组织师生参理学院组织师生参加企业开放日活动",
      time: "2023-03-23",
    },
  ],
  pageCount: 10, //每页条数
  jump: true,
  coping: true,
  // totalNumber: 100,
  homePage: "1",
  endPage: "" + 10,
  prevText: "上页",
  nextText: "下页",
  // 动态条数
  // totalNumberLocator: function(response) {
  //     // you can return totalNumber by analyzing response content
  //     return Math.floor(Math.random() * (1000 - 100)) + 100;
  // },
  callback: function (data, pagination) {
    // template method of yourself
    console.log(data, pagination);
    boxPagingTemplate(data);
  },
});

function boxPagingTemplate(data) {
  let strHtml = "";
  for (let i = 0; i < data.length; i++) {
    strHtml +=
      '<li><a href="./recruitment-details.html"><div class="title_list-icon clearfix"><div class="title-icon"></div><div class="title-list">' +
      data[i].title +
      '</div></div><div class="time-list-icon clearfix"><div class="title-time">' +
      data[i].time +
      '</div><div class="time-icon"></div></div></a></li>';
  }
  $(".list-warp ul").html(strHtml);
  setTimeout(() => {
    $(".notice-list .list-warp ul li").mouseover(function () {
      $(this).addClass("_action");
    });
    $(".notice-list .list-warp ul li").mouseout(function () {
      $(this).removeClass("_action");
    });
  }, 200);

  $(".recruitment-nav-icon").click(function () {
    let iconkey = $(this).hasClass("recruitment-nav-icon-phone");
    if (iconkey) {
      $('.talent-item-warp').css('display', 'none') 
      $(this).removeClass("recruitment-nav-icon-phone");
    } else {
      $('.talent-item-warp').css('display', 'block') 
      $(this).addClass("recruitment-nav-icon-phone");
    }
  });
}