[rbdr/sorting-hat-renderer] / lib / components / status.js

import Vue from 'vue';
import DataService from '../services/data';

const internals = {};

/**
 * The status class, renders the winner during the poll stage, and a
 * message while waiting
 *
 * @class StatusComponent
 */
export default Vue.component('status', {
  template: '<div class="status-widget">' +
      '<transition name="fade">' +
      '<div v-if="state === 0" class="waiting-message">Waiting</div>' +
      '<div v-if="state === 2 && !winner" class="no-winner">Could not read you</div>' +
      '<div v-if="state === 2 && winner" class="winner" v-bind:class="[winner]">{{winner}}</div>' +
      '</transition>' +
      '</div>',

  data: DataService.data
});