pooted stuff into components

src/components/Toolbar.vue

@@ -0,0 +1,51 @@
+<template>
+  <md-toolbar class="md-primary">
+
+
+    <md-button class="md-icon-button" @click="showDrawerClicked">
+      <md-icon>menu</md-icon>
+    </md-button>
+    <span class="md-title">VideON</span>
+
+    <div class="md-toolbar-section-end">
+
+      <md-progress-spinner
+          v-if="processing"
+          class="md-accent"
+          md-mode="indeterminate"
+          :md-stroke="4"
+          :md-diameter="35" />
+
+      <md-button class="md-raised" :disabled="!applyEnabled" @click="applyClicked">Apply</md-button>
+
+    </div>
+  </md-toolbar>
+</template>
+
+<script>
+export default {
+  name: "ToolbarContent",
+  props: {
+    processing: {
+      type: Boolean,
+      default: false
+    },
+    applyEnabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    showDrawerClicked() {
+      this.$emit("showDrawerClicked");
+    },
+    applyClicked() {
+      this.$emit("applyClicked");
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>