frontend/src/more-infos/more-info-sun.js

import Polymer from '../polymer';

export default new Polymer({
  is: 'more-info-sun',

  properties: {
    stateObj: {
      type: Object,
    },

    risingDate: {
      type: Object,
      computed: 'computeRising(stateObj)',
    },

    settingDate: {
      type: Object,
      computed: 'computeSetting(stateObj)',
    },
  },

  computeRising(stateObj) {
    return new Date(stateObj.attributes.next_rising);
  },

  computeSetting(stateObj) {
    return new Date(stateObj.attributes.next_setting);
  },

  computeOrder(risingDate, settingDate) {
    return risingDate > settingDate ? ['set', 'ris'] : ['ris', 'set'];
  },

  itemCaption(type) {
    return type === 'ris' ? 'Rising ' : 'Setting ';
  },

  itemDate(type) {
    return type === 'ris' ? this.risingDate : this.settingDate;
  },

  itemValue(type) {
    return window.hassUtil.formatTime(this.itemDate(type));
  },
});