hummingbird-me/kitsu-web

import Controller from '@ember/controller';
import { get, set } from '@ember/object';
import { filterBy } from '@ember/object/computed';
import QueryParams from 'ember-parachute';
import { task, timeout } from 'ember-concurrency';
import { storageFor } from 'ember-local-storage';
import { concat } from 'client/utils/computed-macros';
import { LIBRARY_STATUSES } from 'client/models/library-entry';

const queryParams = new QueryParams({
  media: {
    defaultValue: 'anime',
    refresh: true
  },
  status: {
    defaultValue: 'all',
    refresh: true
  },
  sort: {
    defaultValue: 'watched',
    refresh: true
  },
  direction: {
    defaultValue: 'desc',
    refresh: true
  },
  title: {
    defaultValue: '',
    refresh: true
  },
  preserveScrollPosition: {
    defaultValue: true
  }
});

export default Controller.extend(queryParams.Mixin, {
  cache: storageFor('last-used'),
  libraryEntries: concat('model.taskInstance.value', 'model.paginatedRecords'),
  filteredLibraryEntries: filterBy('libraryEntries', 'isDeleted', false),

  init() {
    this._super(...arguments);
    set(this, 'mediaTypes', ['anime', 'manga']);
    set(this, 'statuses', ['all', ...LIBRARY_STATUSES]);
    set(this, 'layoutStyle', get(this, 'cache.libraryLayout') || 'grid');
  },

  queryParamsDidChange({ shouldRefresh, changed }) {
    // save to cache
    if (get(this, 'session').isCurrentUser(get(this, 'user'))) {
      const cache = get(this, 'cache');
      if ('media' in changed) {
        set(cache, 'libraryType', get(changed, 'media'));
      }
      if ('sort' in changed) {
        set(cache, 'librarySort', get(changed, 'sort'));
      }
    }

    // refresh data
    if (shouldRefresh) {
      this.send('refreshModel');
    }
  },

  searchTask: task(function* (query) {
    yield timeout(500);
    set(this, 'title', query);
  }).restartable(),

  actions: {
    updateLayout(layout) {
      set(this, 'layoutStyle', layout);
      const cache = get(this, 'cache');
      set(cache, 'libraryLayout', layout);
    }
  }
});