homework.ts

import { Component } from '@angular/core';
import {
  IonicPage,
  NavController,
  NavParams,
  AlertController,
  Loading,
  LoadingController,
  Refresher,
} from 'ionic-angular';
import { TranslateService } from '@ngx-translate/core';

import store, { connect } from '../../store';
import { log } from '../../providers/log';
import {
  getHomework,
  getHomeworkFilter,
  getHomeworkClasses,
} from '../../selectors';

import { expand } from '../../components/animations';

@IonicPage()
@Component({
  selector: 'page-homework',
  templateUrl: 'homework.html',
  animations: [ expand ]
})
export class Homework {
  classes: any[] = [];
  filter: string;
  hideChecked: boolean = true;
  loading: Loading = this.loadingCtrl.create();

  constructor(
    private translate: TranslateService,
    private alert: AlertController,
    private loadingCtrl: LoadingController,
  ){}

  public async ionViewDidEnter(){
    try {
      await this.loading.present();

      connect( ( state: any ) => ({
        homework: getHomework(state),
        filter: getHomeworkFilter(state),
        classes: getHomeworkClasses(state),
        today: state.today,
      }) )( this );

      store.dispatch({ type: 'LOAD', key: 'homework' });

      this.loading.dismiss();
    } catch(err){
      log.warn(err);
    }
  }
  popover(e){
    const buttons = this.classes
      .map( className => ({
        type: 'radio',
        label: className,
        value: className
      }) );
    buttons.push({
      type: 'radio',
      label: this.translate.instant('HOMEWORK.ALL_CLASSES'),
      value: 'ALL_CLASSES',
    });
    const inputs = buttons.map( button => ({
      ...button,
      checked: button.value === this.filter,
    }) );
    this.alert.create({
      title: this.translate.instant('HOMEWORK.TITLE'),
      buttons: [
        this.translate.instant('GLOBAL.CANCEL'),
        {
          text: this.translate.instant('GLOBAL.OK'),
          handler: filter => {
            store.dispatch({ type: 'HOMEWORK_SET_FILTER', filter });
          }
        }
      ],
      inputs,
    }).present();
  }
  check( item ){
    store.dispatch({ type: 'HOMEWORK_TOGGLE_CHECKED', id: item.lsn_id });
  }
  refresh( refresher: Refresher ){
    store.dispatch({ type: 'LOAD', key: 'homework', refresh: true });
    refresher.complete();
  }
}