add: tokenize method

Author: 10zinten

frontend/src/components/Navbar.vue

@@ -9,6 +9,9 @@
       :title="$t('Toggle Menu')"
       @click="$emit('toggleMenu')"
     />
+    <q-separator class="q-ml-md" vertical inset />
+
+    <q-btn dense flat rouned icon="content_cut" @click="tokenize" />
   </q-toolbar>
 </template>
 
@@ -24,6 +27,12 @@ export default {
         : "bg-white text-grey-7 shadow-white";
     },
   },
+
+  methods: {
+    tokenize() {
+      this.$store.dispatch("editor/tokenizeContent");
+    },
+  },
 };
 </script>
 

frontend/src/pages/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-page padding class="column full-height" @click="onFocus">
+  <q-page class="column full-height" @click="onFocus">
     <editor ref="editor" class="col" />
   </q-page>
 </template>

frontend/src/store/editor/actions.js

@@ -1,3 +1,5 @@
+import { api } from "boot/axios"
+
 export function updateContent({ commit, dispatch}, html) {
     commit('setContentHTML', html)
     commit('setLastChange', new Date())
@@ -19,3 +21,11 @@ export function saveFile({ commit }) {
     commit('saveContentHTML')
     commit('setLastSave')
 }
+
+export async function tokenizeContent({ commit, state }) {
+    console.log(state.contentHTML)
+    const response = await api.post("/tokens/",
+        {content: state.contentHTML}
+    )
+    console.log(response.data)
+}