matrix-public-archive/shared/viewmodels/CalendarViewModel.js

'use strict';

const { ViewModel } = require('hydrogen-view-sdk');

const assert = require('matrix-public-archive-shared/lib/assert');
const MatrixPublicArchiveURLCreator = require('matrix-public-archive-shared/lib/url-creator');

class CalendarViewModel extends ViewModel {
  constructor(options) {
    super(options);
    const { activeDate, calendarDate, room, basePath } = options;
    assert(activeDate);
    assert(calendarDate);
    assert(room);
    assert(basePath);

    this._activeDate = activeDate;
    this._calendarDate = calendarDate;
    this._room = room;
    this._matrixPublicArchiveURLCreator = new MatrixPublicArchiveURLCreator(basePath);
  }

  get activeDate() {
    return this._activeDate;
  }

  get calendarDate() {
    return this._calendarDate;
  }

  archiveUrlForDate(date) {
    return this._matrixPublicArchiveURLCreator.archiveUrlForDate(this._room.id, date);
  }

  prevMonth() {
    const prevMonthDate = new Date(this._calendarDate);
    prevMonthDate.setUTCMonth(this._calendarDate.getUTCMonth() - 1);
    this._calendarDate = prevMonthDate;
    this.emitChange('calendarDate');
  }

  nextMonth() {
    const nextMonthDate = new Date(this._calendarDate);
    nextMonthDate.setUTCMonth(this._calendarDate.getUTCMonth() + 1);
    console.log('nextMonthDate', nextMonthDate);
    this._calendarDate = nextMonthDate;
    this.emitChange('calendarDate');
  }

  onMonthInputChange(e) {
    this._calendarDate = e.target.valueAsDate;
    this.emitChange('calendarDate');
  }

  onYearFallbackSelectChange(e) {
    const selectedDate = new Date(this._calendarDate);
    selectedDate.setUTCFullYear(e.target.value);
    this._calendarDate = selectedDate;
    this.emitChange('calendarDate');
  }
}

module.exports = CalendarViewModel;