lib/components/status.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

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
});