import { deviceStatusForm } from '../device-info-items.js';
import {
  fetchDeviceStatus,
  uploadDeviceStatus,
} from '../../../../../services/inspection/fetchDevice';

var defaultForm = deviceStatusForm();

Page({
  data: {
    formArray: [],
    showNewStatus: false,
    deviceStatusList: [],
  },

  onLoad(options) {
    this.getOpenerEventChannel().on('acceptDeviceStatusData', data => {
      if (data) {
        const { scene, type, deviceInfo } = data;
        defaultForm = deviceStatusForm({
          dlDeviceId: deviceInfo.diId,
          dlDeviceType: type,
          dlSceneGuid: scene.guid,
          dlSceneTypeId: scene.typeid,
        });
        // console.log(scene);
        // console.log(type);
        // console.log(deviceInfo);
      }
    });
  },

  onAddStatus() {
    this.setData({
      showNewStatus: true,
      formArray: defaultForm
    });
  },

  saveNewStatus(e) {
    const { deviceStatusList } = this.data;
    const formObj = e.detail;
    deviceStatusList.push(formObj);
    uploadDeviceStatus(formObj);
    this.setData({
      showNewStatus: false,
      deviceStatusList,
    });
  },
  cancelNewStatus() {
    this.setData({
      showNewStatus: false,
    });
  },
});