lass="statusClass">
        <i class="fa fa-circle" aria-hidden="true"></i>
      </span>
      <span class="x-status-badge-text">{{ text }}</span>
    </div>
  </div>
</template>


<script>
  var StatusBadge = Vue.extend({
    template: "#x-status-badge",
    props: ["config", "canvasClass"],
    data: function() {
      return {
        status: "none",
        text: "",
        uid: Uid.num()
      };
    },
    computed: {
      statusClass: function() {
        switch(this.status) {
          case "ok":