Quasar v0.15 - Material theme

You can use it to submit Github tickets for Quasar v0.15.

by WILLIAM CORREA

HTML

<link rel="stylesheet" href="https://unpkg.com/quasar-extras@latest/material-icons/material-icons.css">
<script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/quasar-framework@^0.17.0/dist/umd/quasar.mat.min.css">
<script src="https://unpkg.com/quasar-framework@^0.17.0/dist/umd/quasar.mat.umd.min.js"></script>

<div id="q-app">
  <q-ajax-bar size="10px" color="positive" position="bottom"></q-ajax-bar>
  <div class="q-ma-md">
    Fork and make your own!
    Do NOT use self-closing tags here on jsFiddle.
  </div>

  <q-btn color="primary" icon="warning" label="Notify" @click="notify" class="q-ma-md"></q-btn>

  <div class="q-ma-md">
    Running Quasar v{{ version }}
  </div>
</div>

JavaScript

new Vue({
  el: '#q-app',
  data: function () {
    return {
      version: Quasar.version
    }
  },
  methods: {
  	notify: function () {
      this.$q.notify('Running on Quasar v' + this.$q.version)

      var xhr = new XMLHttpRequest();
      xhr.open('GET', 'https://swapi.co/api/people', true);
      xhr.onprogress = function () {
        console.log('LOADING', xhr.readyState);
      };
      xhr.onload = function () {
        console.log('DONE', xhr.readyState);
      };
      xhr.send(null);
    }
	},
  created () {
    this.notify()
  }
})