import { NamedPage } from 'vj/misc/Page';
import Calendar from 'vj/components/calendar';
import i18n from 'vj/utils/i18n';
import { parse as parseMongoId } from 'vj/utils/mongoId';

const page = new NamedPage('homework_main', () => {
  // Homework Calendar
  if (UiContext.docs) {
    const events = UiContext.docs.map((doc) => ({
      beginAt: doc.beginAt,
      endAt: doc.endAt,
      title: doc.title,
      maskFrom: doc.penaltySince ? doc.penaltySince : null,
      maskTitle: i18n('Time Extension'),
      colorIndex: parseMongoId(doc._id).timestamp % 12,
      link: doc.url,
    }));
    const calendar = new Calendar(events);
    calendar.getDom().appendTo('[name="calendar_entry"]');
    $('[name="homework_display"]').change((ev) => {
      switch (ev.currentTarget.value) {
      case 'calendar':
        $('.homework__list').hide();
        $('[name="calendar_entry"]').show();
        break;
      case 'list':
        $('.homework__list').show();
        $('[name="calendar_entry"]').hide();
        break;
      default:
        throw new Error('Unexpected display parameter');
      }
    });
  }
});

export default page;