import { API_HOST, SERVICE_HOST } from '../../libs/config';
import { GET, POST } from '../../libs/request';
import { parseBrandListData, cancelFilterSelectState } from '../../utils/productList';
import objectAssign from '../../vendors/object-assign';
import { shouldDiscardTap } from '../../utils/util';
import {
  logEvent,
  YB_PAGE_OPEN_L,
} from '../../libs/analytics.js'

//获取应用实例
let app = getApp();

const screenHeight = app.globalData.systemInfo.screenHeight;
const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;

const DEVICE_WIDTH_RATIO = windowWidth / 320;

let listWidth = Math.ceil(137.5 * DEVICE_WIDTH_RATIO);
let listHeight = Math.ceil(254 * DEVICE_WIDTH_RATIO);

const BANNER_RATIO = 234 / 750;
let bannerWidth = windowWidth;
let bannerHeight = bannerWidth * BANNER_RATIO;

const IMAGE_WIDTH = 145;
const IMAGE_HEIGHT = 193;
const IMAGE_RATIO = IMAGE_HEIGHT / IMAGE_WIDTH;
let listImageTop = 31;
let listImageWidth = listWidth;
let listImageHeight = Math.ceil(listWidth * IMAGE_RATIO);

let listMarginHorizontal = (windowWidth - listWidth * 2) / 3;

Page({
  data: {
    lastTapTimeStamp: 0,
    bannerWidth,
    bannerHeight,

    screenHeight,
    listWidth,
    listHeight,
    listImageWidth,
    listImageHeight,
    listImageTop,
    listMarginHorizontal,

    from_page_name: '',
    from_page_param: '',
    current_page_name: 'activityDetail',
    current_page_param: '',

    bannerUrl: '',
    title: '',
    page_param: {},

    filter: {
      item1: {
        key: 'item1',
        name: '默认',
        asc: '',
        isRadio: true,
        selected: true,
      },
      item2: {
        key: 'item2',
        name: '新品',
        asc: 's_t_desc',
        isRadio: true,
        selected: false,
      },
      item3: {
        key: 'item3',
        name: '价格',
        defaults: 'asc',
        asc: 's_p_asc',
        desc: 's_p_desc',
        isRadio: false,
        isAsc: true,
        selected: false,
      },
      item4: {
        key: 'item4',
        name: '折扣',
        defaults: 'desc',
        asc: 'p_d_desc',
        desc: 'p_d_asc',
        isRadio: false,
        isAsc: false,
        selected: false,
      }
    },
    filterGenderItem: {
      key: 'filterGenderItem',
      name: '男生',
      isRadio: true,
      selected: true,
      hiddenGenderSelectView: true,
    },
    genderFilter: {
      item1: {
        key: 'item1',
        name: '男生/BOYS',
        selected: true,
        value: '1,3',
        title: '男生',
      },
      item2: {
        key: 'item2',
        name: '女生/GIRLS',
        selected: false,
        value: '2,4',
        title: '女生',
      }
    },
    list: {
      isLoading: false,
      error: null,
      data: null,
      pageSize: 60,
      currentPage: 0,
      pageCount: 0,
      total: 0,
      endReached: false,
    },
    fixedFilter: false,
    isShowIndicator: false,
    scrollTop: 0
  },
  resetChannelFilterInfo: function (gender) {
    let filterGenderItem = this.data.filterGenderItem;
    let genderFilter = this.data.genderFilter;
    filterGenderItem.name = gender;
    for (let itemKey in genderFilter) {
      if (genderFilter.hasOwnProperty(itemKey)) {
        if (genderFilter[itemKey].title == gender) {
          genderFilter[itemKey].selected = true;
        } else {
          genderFilter[itemKey].selected = false;
        }
      }
    }
    this.setData({ filterGenderItem, genderFilter });
  },
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
    let page_param = options;
    let title = options && options.title ? options.title:'';
    let from_page_name = options && options.page_name ? options.page_name : '';
    let from_page_param = options && options.page_param ? options.page_param : '';
    let image = options && options.bannerUrl ? options.bannerUrl : '';
    if(!image){
      image = options && options.cover_url ? options.cover_url:'';
    }
    let bannerUrl = image.replace(/{width}/g, bannerWidth).replace(/{height}/g, bannerHeight).replace('{mode}', 2);
    this.resetChannelFilterInfo('筛选');
    let originParams0 = options && options.param ? options.param : null;
    let originParams = originParams0 ? JSON.parse(originParams0) : [];
    if (originParams && originParams.length){
      page_param = Object.assign(page_param, originParams);
    }
    if (title == '') {
      title = originParams.title;
    }
    this.setData({
      from_page_name, from_page_param, title, bannerUrl, 
      fixedFilter: bannerUrl ? false : true,
      page_param
    });

    var pages = getCurrentPages()
    var currentPage = pages[pages.length - 1]
    var url = currentPage.route
    
    let params = {
      PAGE_NAME: this.data.current_page_name,
      PAGE_PARAM: this.data.current_page_param,
      FROM_PAGE_NAME: this.data.from_page_name,
      FROM_PAGE_PARAM: this.data.from_page_param,
      PAGE_PATH:url
    };
    logEvent(YB_PAGE_OPEN_L, params);

    this.fetchListData();

  },
  onReady: function () {
    // 生命周期函数--监听页面初次渲染完成
    wx.setNavigationBarTitle({
      title: this.data.title,
    });
  },
  onShow: function () {
    // 生命周期函数--监听页面显示

  },
  onHide: function () {
    // 生命周期函数--监听页面隐藏

  },
  onUnload: function () {
    // 生命周期函数--监听页面卸载

  },
  onPullDownRefresh: function () {
    // 页面相关事件处理函数--监听用户下拉动作
    let params = {
      PAGE_NAME: this.data.current_page_name,
      PAGE_PARAM: this.data.current_page_param,
      FROM_PAGE_NAME: this.data.from_page_name,
      FROM_PAGE_PARAM: this.data.from_page_param,
    };
    logEvent(YB_PAGE_OPEN_L, params);
  },
  loadMore: function () {
    // 页面上拉触底事件的处理函数
    this.fetchListData();
  },

  //根据关键词，查询商品列表
  fetchListData: function () {
    if (this.data.list.isLoading || this.data.list.endReached) {
      return;
    }

    let page = this.data.list.currentPage + 1;
    let originParams =  this.data.originParams;
    let specialsale_id = this.data.specialsale_id;
    let params = {
      method: 'app.search.li',
      page,
      limit: this.data.list.pageSize
    };
    
    let param = Object.assign(params, this.data.page_param);
    let list = objectAssign(this.data.list, { isLoading: true, });
    this.setData({ list });
    GET(API_HOST, param)
      .then(json => {

        if (!json || !json.code || json.code != 200) {
          let list = objectAssign(this.data.list, { isLoading: false, error: { code: json.code, message: json.message } });
          this.setData({ list });
          return;
        }

        json = json.data;

        let currentPage = json && json.page ? json.page : 1;
        let pageCount = json && json.page_total ? json.page_total : 0;
        let total = json && json.total ? json.total : 0;
        let endReached = currentPage == pageCount;

        let data = json.product_list;
        data = parseBrandListData(data, listImageWidth, listImageHeight);

        if (currentPage > 1) {
          let oldList = this.data.list.data;
          data = [...oldList, ...data];
        }

        let newList = {
          isLoading: false,
          data,
          currentPage,
          pageCount,
          total,
          endReached,
        };
        let list = objectAssign(this.data.list, newList);
        this.setData({ list });
      })
      .catch(error => {
        let list = objectAssign(this.data.list, { isLoading: false, error, });
        this.setData({ list });
      });
  },

  //商品点击进入商品详情
  productCellTapped: function (event) {
    if (shouldDiscardTap(event.timeStamp, this.data.lastTapTimeStamp)) {
      return;
    }
    this.setData({ lastTapTimeStamp: event.timeStamp });

    let data = event.currentTarget.dataset;
    let productSkn = data.productSkn;
    wx.navigateTo({
      url: '../goodsDetail/goodsDetail?productSkn=' + productSkn + '&page_name=' + this.data.current_page_name + '&page_param=' + this.data.current_page_param,
    });
  },

  //点击筛选
  filterTapped: function (event) {
    let data = event.currentTarget.dataset;
    let key = data.key;

    let item = this.data.filter[key];
    // 单选
    if (item.isRadio) {
      // 已选中 结束
      if (item.selected) {
        return;
      }

      // 选中当前filter
      item.selected = true;

      // 遍历所有filter，设置非当前filter为不选中
      let newFilters = cancelFilterSelectState(this.data.filter, key);
      newFilters[key] = item;

      let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
      let page_param = this.data.page_param;
      page_param.order = item.asc;
      this.setData({ filter: newFilters, page_param, list: newList });

      this.fetchListData();
      // 多选
    } else {

      // 已选中
      if (item.selected) {

        // 修改当前filter排序
        item.isAsc = !item.isAsc;
        let page_param = this.data.page_param;
        page_param.order = item.isAsc ? item.asc : item.desc;
        let newFilters = this.data.filter;
        newFilters[key] = item;

        let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
        this.setData({ page_param, filter: newFilters, list: newList });

        this.fetchListData();
        // 未选中
      } else {

        // 选中当前filter
        item.selected = true;
        // 读取当前filter默认排序
        let defaultKey = item.defaults;
        let page_param = this.data.page_param;
        page_param.order = item[defaultKey];
        item.isAsc = defaultKey == 'asc';
        
        // 遍历所有filter，设置非当前filter为不选中
        let newFilters = cancelFilterSelectState(this.data.filter, key);
        newFilters[key] = item;

        let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
        this.setData({ page_param, filter: newFilters, list: newList });

        this.fetchListData();
      }
    }
  },

  hiddenGenderFilter: function (event) {
    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.hiddenGenderSelectView = true;
    this.setData({ filterGenderItem });
  },
  filterGenderItemTapped: function (event) {
    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.hiddenGenderSelectView = !filterGenderItem.hiddenGenderSelectView;
    this.setData({ filterGenderItem });
  },

  maskTouchStart: function (event) {
    this.hiddenGenderFilter();
  },
  genderFilterTapped: function (event) {
    let data = event.currentTarget.dataset;
    let key = data.key;
    let item = this.data.genderFilter[key];

    if (item.selected) {
      this.hiddenGenderFilter();
      return;
    }

    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.name = item.title;
    // 选中当前filter
    item.selected = true;
    // 遍历所有filter，设置非当前filter为不选中
    let newFilters = cancelFilterSelectState(this.data.genderFilter, key);
    newFilters[key] = item;

    let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
    let page_param = this.data.page_param;
    page_param.gender = item.value;
    this.setData({ filterGenderItem, genderFilter: newFilters, list: newList, page_param });
    this.hiddenGenderFilter();
    this.fetchListData();

  },

  scroll: function (e) {
    var { scrollTop } = e.detail;
    var isShow = scrollTop > windowHeight * 2 ? true : false;
    if (isShow != this.data.isShowIndicator) {
      this.setData({
        isShowIndicator: isShow
      });
    }

    if (!this.data.bannerUrl) {
      return;
    }
    let y = scrollTop;
    this.setData({
      fixedFilter: y >= bannerHeight
    });
  },

  backToTop: function () {
    this.setData({
      scrollTop: 0
    })
  }
})