"use strict";

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var mainScroll = undefined;
if (!isMobile) {
  mainScroll = new IScroll($(".main .iscroll").get(0), {
    scrollbars: true,
    bounce: true,
    scrollX: false,
    scrollY: true,
    mouseWheelSpeed: 20,
    mouseWheel: true,
    passOut: true
  });
}

// eventPassthrough: true,
// preventDefault: false,
$(document).ready(function () {
  var target = $(".iscroll .items");
  var textTpl = "\n    {{each list}}\n    <a class=\"item-text i{{$index % 2}}\" href=\"{{$value.url}}\" target=\"{{if $value.ttype > 2}}_blank{{/if}}\">\n      <div class=\"t1\">{{$value.title}}</div>\n      <div class=\"t2\">{{@ $value.desc}}</div>\n      <div class=\"t3\">\n        <div>{{$value.date[1]}}-{{$value.date[2]}}</div>\n        <div>{{$value.date[0]}}</div>\n      </div>\n    </a>\n    {{/each}}\n  ";
  var tpl = "\n  {{each list}}\n  {{if $value.type === 'video'}}\n    <div class=\"item i{{$index % 2}}\"\n    data-video-url=\"{{$value.video}}\"\n    data-video-type=\"{{$value.video_type}}\"\n    >\n      <div class=\"img\"><div style=\"background-image:url('{{ $value.image }}')\"></div></div>\n\n      <div class=\"t1\">{{$value.title}}</div>\n\n      <div class=\"t2\">\n        <div>{{$value.title}}</div>\n        <div>{{$value.date}}</div>\n      </div>\n    </div>\n  {{/if}}\n\n  {{if $value.type !== 'video'}}\n    <a class=\"item i{{$index % 2}}\" href=\"{{$value.url}}\" target=\"{{if $value.ttype > 2}}_blank{{/if}}\">\n      <div class=\"img\"><div style=\"background-image:url('{{ $value.image }}')\"></div></div>\n\n      <div class=\"t1\">{{$value.title}}</div>\n\n      <div class=\"t2\">\n        <div>{{$value.title}}</div>\n        <div>{{$value.date}}</div>\n      </div>\n    </a>\n  {{/if}}\n\n  {{/each}}\n";

  var page = new Page(_extends({
    iscroll: function iscroll() {
      return mainScroll;
    },
      url: "/News/GetNewsList"
      , limit: 20
  }, window.searchParams, {
    moreElement: "#more",
    type: $(".main .tab .tab__item.active").attr("data-type"),
    moreCallback: function moreCallback(data) {
      renderData(data);
    }
  }));

  page.init().then(function (data) {
    return renderData(data);
  });

  function renderData(data) {
    var isText = $(".main .tab .tab__item.active").attr("data-text") !== undefined;

    if (isText) {
      $('.iscroll').addClass('list--text');
    } else {
      $('.iscroll').removeClass('list--text');
    }
    $(".main .swiper-total > span").eq(0).html(("" + data.page).length > 1 ? data.page : "0" + data.page);
    $(".main .swiper-total > span").eq(2).html(("" + data.size).length > 1 ? data.size : "0" + data.size);

    target.append(template.render(isText ? textTpl : tpl, {
      list: data.list.map(function (item) {
        if (isText) {
          item.date = item.date.split('-');
        }
        return item;
      })
    }));
    updateAnimate();
    bindVideoDialog();

    mainScroll && mainScroll.refresh();
  }

  $(".main .tab .tab__item, .second-nav li").on("click", function () {
    $('.main .tab .tab__item').eq($(this).index()).addClass("active").siblings().removeClass("active");
    $('.second-nav li').eq($(this).index()).addClass("active").siblings().removeClass("active");
    target.html("");
    mainScroll && mainScroll.scrollTo(0, 0, 0);
    checkSecondNavCenter();
    page.reset({
        url:  "/News/GetNewsList",
        colId: $(".main .tab .tab__item.active").attr("data-type")
    }).then(function (data) {
      return renderData(data);
    });
  });
});