WTF-Adventure/client/interface/profile/profile.js

import $ from 'jquery';
import _ from 'underscore';
import State from './state';
import Ability from './ability';
import Settings from './settings';
import Quest from './quest';
import Packets from '../../network/packets';

export default class Profile {
  constructor(game) {
    this.game = game;
    this.body = $('#profileDialog');
    this.button = $('#profileButton');
    this.next = $('#next');
    this.previous = $('#previous');
    this.activePage = null;
    this.activeIndex = 0;
    this.pages = [];
    this.loadProfile();
  }

  loadProfile() {
    this.button.click(() => {
      this.game.interface.hideAll();
      this.settings.hide();

      if (this.isVisible()) {
        this.hide();
        this.button.removeClass('active');
      } else {
        this.show();
        this.button.addClass('active');
      }

      if (!this.activePage.loaded) {
        this.activePage.loadPage();
      }

      this.game.socket.send(Packets.Click, [
        'profile',
        this.button.hasClass('active'),
      ]);
    });

    this.next.click(() => {
      if (this.activeIndex + 1 < this.pages.length) this.setPage(this.activeIndex + 1);
      else this.next.removeClass('enabled');
    });

    this.previous.click(() => {
      if (this.activeIndex > 0) this.setPage(this.activeIndex - 1);
      else this.previous.removeClass('enabled');
    });

    this.state = new State(this.game);
    this.ability = new Ability(this.game);
    this.settings = new Settings(this.game);
    this.quests = new Quest(this.game);
    this.pages.push(this.state, this.quests, this.ability);
    this.activePage = this.state;

    if (this.activeIndex === 0 && this.activeIndex !== this.pages.length) {
      this.next.addClass('enabled');
    }
  }

  update() {
    _.each(this.pages, (page) => {
      page.update();
    });
  }

  resize() {
    _.each(this.pages, (page) => {
      page.resize();
    });
  }

  setPage(index) {
    const page = this.pages[index];

    this.clear();

    if (page.isVisible()) {
      return;
    }

    this.activePage = page;
    this.activeIndex = index;

    if (this.activeIndex + 1 === this.pages.length) {
      this.next.removeClass('enabled');
    } else if (this.activeIndex === 0) {
      this.previous.removeClass('enabled');
    } else {
      this.previous.addClass('enabled');
      this.next.addClass('enabled');
    }

    page.show();
  }

  show() {
    this.body.fadeIn('slow');
    this.button.addClass('active');
  }

  hide() {
    this.body.fadeOut('fast');
    this.button.removeClass('active');

    if (this.settings) {
      this.settings.hide();
    }
  }

  isVisible() {
    return this.body.css('display') === 'block';
  }

  clear() {
    if (this.activePage) {
      this.activePage.hide();
    }
  }

  getScale() {
    return this.game.getScaleFactor();
  }
}