var util = require('../../utils/util.js');
var api = require('../../config/api.js');

Page({
 data: {
  navList: [],
  goodsList: [],
  id: 0,
  currentCategory: {},
  scrollLeft: 0,
  scrollTop: 0,
  scrollHeight: 0,
  page: 1,
  size: 100
 },

 onLoad: function(options) {
  // 页面初始化 options为页面跳转所带来的参数
  var that = this;
  if (options.id) {
   that.setData({
    id: parseInt(options.id)
   });
  }

  wx.getSystemInfo({
   success: function(res) {
    that.setData({
     scrollHeight: res.windowHeight
    });
   }
  });

  this.getCategoryInfo();
 },

 onPullDownRefresh() {
  // wx.showNavigationBarLoading() //在标题栏中显示加载
  this.getCategoryInfo();
  // wx.hideNavigationBarLoading() //完成停止加载
  wx.stopPullDownRefresh() //停止下拉刷新
 },

 getCategoryInfo: function() {
  let that = this;
  util.request(api.GoodsCategory, {
    id: this.data.id
   })
   .then(function(res) {

    if (res.errno == 0) {
     that.setData({
      navList: res.data.brotherCategory,
      currentCategory: res.data.currentCategory
     });

     wx.setNavigationBarTitle({
      title: res.data.parentCategory.name
     })

     //nav位置
     let currentIndex = 0;
     let navListCount = that.data.navList.length;
     for (let i = 0; i < navListCount; i++) {
      currentIndex += 1;
      if (that.data.navList[i].id == that.data.id) {
       break;
      }
     }
     if (currentIndex > navListCount / 2 && navListCount > 5) {
      that.setData({
       scrollLeft: currentIndex * 60
      });
     }

     that.getGoodsList();
    } else {
     //显示错误信息
    }

   });
 },
 onReady: function() {
  // 页面渲染完成
 },
 onShow: function() {
  // 页面显示
  console.log(1);
 },
 onHide: function() {
  // 页面隐藏
 },
 getGoodsList: function() {
  wx.showLoading({
   title: '加载中',
  });

  setTimeout(function() {
   wx.hideLoading()
  }, 2000);

  var that = this;
  util.request(api.GoodsList, {
   categoryId: that.data.currentCategory.id,
    page: that.data.page,
    size: that.data.size
   })
   .then(function(res) {
    that.setData({
     goodsList: res.data.goodsList,
    });
    wx.hideLoading();
   });
 },
 onUnload: function() {
  // 页面关闭
 },
 switchCate: function(event) {
  if (this.data.id == event.currentTarget.dataset.id) {
   return false;
  }
  var that = this;
  var clientX = event.detail.x;
  var currentTarget = event.currentTarget;
  if (clientX < 60) {
   that.setData({
    scrollLeft: currentTarget.offsetLeft - 60
   });
  } else if (clientX > 330) {
   that.setData({
    scrollLeft: currentTarget.offsetLeft
   });
  }
  this.setData({
   id: event.currentTarget.dataset.id
  });

  this.getCategoryInfo();
 }
})