hummingbird-me/hummingbird

import Ember from 'ember';
import PreloadStore from '../utils/preload-store';

export default Ember.Component.extend({
  loading: true,
  page: 1,
  libraryEntries: [],
  canGoBack: Ember.computed.gt('page', 1),
  canGoForward: function() {
    return !this.get('loading') && this.get('libraryEntries.length') === 6;
  }.property('loading', 'libraryEntries.length'),

  fetchPage: function(page) {
    var store = this.get('targetObject.store'),
        self = this;

    this.set('page', page);
    this.set('loading', true);

    PreloadStore.popEmberData("recent_library_entries", "library_entries", "libraryEntry", store, function() {
      return store.find('libraryEntry', {recent: true, page: page});
    }).then(function(entries) {
      self.set('libraryEntries', entries);
      self.set('loading', false);
    });
  },

  fetchFirstPage: function() {
    this.fetchPage(1);
  }.on('didInsertElement'),

  setLoaderHeight: function() {
    var watchedSeries = this.$(".watched-series"),
        height = watchedSeries.width() * 290 / 200;

    Ember.$("<div />", {
      html: "<style>.update-loading { height: " + height + "px; line-height: " + height + "px; }</style>"
    }).appendTo("body");
  }.on('didInsertElement'),

  actions: {
    goBack: function() {
      if (!this.get('canGoBack')) { return; }
      this.fetchPage(this.get('page') - 1);
    },

    goForward: function() {
      if (!this.get('canGoForward')) { return; }
      this.fetchPage(this.get('page') + 1);
    }
  }
});