<template>
      <tr v-if="!ready">
        <td colspan="3"><i class="fa fa-spinner fa-spin"></i>
      </tr>

      <tr v-for="(button, index) in buttons" v-show="ready">
        <td>{{ button.id }} <button v-on:click="remove(index)">delete</button></td>
        <td>
          <select v-model="button.status" v-on:change="update(index)">
            <option value="0">Inventory</option>
            <option value="1">Active</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
          </select>
        </td>
        <td>{{ button.last_pressed }}</td>
      </tr>
</template>
