From b93f0254a65f1a83bd3676f4c8eeea2d903bc435 Mon Sep 17 00:00:00 2001
From: Torsten <torsten.schneider@programmschmiede.de>
Date: Wed, 5 Feb 2020 09:52:08 +0100
Subject: [PATCH] Started working on File Uploader, Vue part

---
 motorradig/.idea/workspace.xml           |  28 +-
 motorradig/public/js/Icon.js             |   2 +-
 motorradig/public/js/app.js              | 349 ++++++++++++++++++++++-
 motorradig/resources/js/routes.js        |   2 +
 motorradig/resources/js/views/Main.vue   | Bin 4952 -> 5015 bytes
 motorradig/resources/js/views/Upload.vue | 131 +++++++++
 6 files changed, 492 insertions(+), 20 deletions(-)
 create mode 100644 motorradig/resources/js/views/Upload.vue

diff --git a/motorradig/.idea/workspace.xml b/motorradig/.idea/workspace.xml
index 9b61d34..48ef149 100644
--- a/motorradig/.idea/workspace.xml
+++ b/motorradig/.idea/workspace.xml
@@ -2,13 +2,12 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="eed7de89-f054-487c-bf59-36356758942b" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/resources/js/views/Upload.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/Http/Controllers/AuthController.php" beforeDir="false" afterPath="$PROJECT_DIR$/app/Http/Controllers/AuthController.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/js/Icon.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/Icon.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/public/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/app.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/resources/js/routes.js" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/routes.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/resources/js/views/UserList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/UserList.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/routes/api.php" beforeDir="false" afterPath="$PROJECT_DIR$/routes/api.php" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/routes/web.php" beforeDir="false" afterPath="$PROJECT_DIR$/routes/web.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/views/Main.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/Main.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -153,17 +152,17 @@
     <property name="settings.editor.selected.configurable" value="preferences.general" />
   </component>
   <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/resources/js/views" />
+      <recent name="D:\repos\motorradig\motorradig\resources\js\views" />
+      <recent name="D:\repos\motorradig\motorradig\resources\js" />
+      <recent name="$PROJECT_DIR$/app/Http/Controllers" />
+      <recent name="$PROJECT_DIR$/resources/js" />
+    </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/resources/views" />
       <recent name="$PROJECT_DIR$/public" />
     </key>
-    <key name="CopyFile.RECENT_KEYS">
-      <recent name="D:\repos\motorradig\motorradig\resources\js\views" />
-      <recent name="D:\repos\motorradig\motorradig\resources\js" />
-      <recent name="$PROJECT_DIR$/resources/js/views" />
-      <recent name="$PROJECT_DIR$/app/Http/Controllers" />
-      <recent name="$PROJECT_DIR$/resources/js" />
-    </key>
   </component>
   <component name="RunManager" selected="Node.js.app.js">
     <configuration name="app.js" type="NodeJSConfigurationType" temporary="true" nameIsGenerated="true" path-to-js-file="$PROJECT_DIR$/public/js/app.js" working-dir="$PROJECT_DIR$/public/js">
@@ -234,6 +233,8 @@
       <workItem from="1580564326421" duration="3051000" />
       <workItem from="1580650898570" duration="4205000" />
       <workItem from="1580726763967" duration="4887000" />
+      <workItem from="1580891513768" duration="68000" />
+      <workItem from="1580891625747" duration="947000" />
     </task>
     <servers />
   </component>
@@ -257,10 +258,11 @@
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
   </component>
   <component name="WindowStateProjectService">
-    <state x="629" y="273" key="#com.intellij.openapi.updateSettings.impl.PluginUpdateInfoDialog" timestamp="1580564280549">
-      <screen x="0" y="0" width="1920" height="1080" />
+    <state x="419" y="219" key="#com.intellij.openapi.updateSettings.impl.PluginUpdateInfoDialog" timestamp="1580891589354">
+      <screen x="0" y="23" width="1280" height="777" />
     </state>
     <state x="629" y="273" key="#com.intellij.openapi.updateSettings.impl.PluginUpdateInfoDialog/0.0.1920.1080@0.0.1920.1080" timestamp="1580564280549" />
+    <state x="419" y="219" key="#com.intellij.openapi.updateSettings.impl.PluginUpdateInfoDialog/0.23.1280.777@0.23.1280.777" timestamp="1580891589354" />
     <state x="450" y="179" key="SettingsEditor" timestamp="1580731664075">
       <screen x="0" y="0" width="1920" height="1080" />
     </state>
diff --git a/motorradig/public/js/Icon.js b/motorradig/public/js/Icon.js
index 9af7d34..f001292 100644
--- a/motorradig/public/js/Icon.js
+++ b/motorradig/public/js/Icon.js
@@ -391,7 +391,7 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterat
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! /mnt/d/repos/motorradig/motorradig/resources/js/Icon.js */"./resources/js/Icon.js");
+module.exports = __webpack_require__(/*! /Users/tschneider/dev/repo/motorradig/motorradig/resources/js/Icon.js */"./resources/js/Icon.js");
 
 
 /***/ })
diff --git a/motorradig/public/js/app.js b/motorradig/public/js/app.js
index 9813e9a..04e203d 100644
--- a/motorradig/public/js/app.js
+++ b/motorradig/public/js/app.js
@@ -2000,6 +2000,7 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
@@ -2039,6 +2040,9 @@ __webpack_require__.r(__webpack_exports__);
       console.log("Pushing to userlistPage!");
       this.$router.push('/userlist');
     },
+    upload: function upload() {
+      this.$router.push('/upload');
+    },
     loadPage: function loadPage(page_name) {
       var _this2 = this;
 
@@ -2075,6 +2079,114 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Upload.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/views/Upload.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var tiptap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tiptap */ "./node_modules/tiptap/dist/tiptap.esm.js");
+/* harmony import */ var tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tiptap-extensions */ "./node_modules/tiptap-extensions/dist/extensions.esm.js");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  components: {
+    EditorContent: tiptap__WEBPACK_IMPORTED_MODULE_0__["EditorContent"],
+    EditorMenuBar: tiptap__WEBPACK_IMPORTED_MODULE_0__["EditorMenuBar"]
+  },
+  data: function data() {
+    return {
+      editor: new tiptap__WEBPACK_IMPORTED_MODULE_0__["Editor"]({
+        extensions: [new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Blockquote"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["BulletList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["CodeBlock"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["HardBreak"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Heading"]({
+          levels: [1, 2, 3]
+        }), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["HorizontalRule"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["ListItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["OrderedList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Link"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Bold"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Code"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Italic"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Strike"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Underline"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["History"]()],
+        content: this.$store.state.page_content
+      })
+    };
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.editor.destroy();
+  },
+  methods: {
+    showContent: function showContent() {
+      console.log(">>"); //console.log(this.editor.view.dom.innerText);
+      //console.log(this.editor.docView.dom.innerHTML);
+
+      console.log(this.editor.view.docView.dom.innerHTML);
+    },
+    savePage: function savePage() {
+      var _this = this;
+
+      console.log('Saving to page:' + this.$store.state.page_name);
+      axios.post('http://localhost:8000/api/v1/auth/save_page', {
+        page: this.$store.state.page_name,
+        body: this.editor.view.docView.dom.innerHTML
+      }, {
+        headers: {
+          'Authorization': 'Bearer ' + this.$store.state.user_token
+        }
+      }).then(function (res) {
+        console.log("savePage success: Wrote " + _this.$store.state.page_name);
+        console.log("Going back to main view");
+
+        _this.$router.push("/");
+      });
+    },
+    onFileSelected: function onFileSelected(event) {
+      console.log("File changed:");
+      console.log(event.target.files[0].name);
+    }
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/UserList.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/views/UserList.vue?vue&type=script&lang=js& ***!
@@ -31300,6 +31412,23 @@ var render = function() {
           ])
         : _vm._e(),
       _vm._v(" "),
+      this.$store.state.user.role === "ADMIN"
+        ? _c("span", [
+            _c(
+              "button",
+              {
+                staticClass: "button",
+                on: {
+                  click: function($event) {
+                    return _vm.upload()
+                  }
+                }
+              },
+              [_vm._v("Upload")]
+            )
+          ])
+        : _vm._e(),
+      _vm._v(" "),
       _c(
         "button",
         { staticClass: "button", on: { click: function($event) {} } },
@@ -31407,6 +31536,139 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Upload.vue?vue&type=template&id=b0004140&":
+/*!****************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/views/Upload.vue?vue&type=template&id=b0004140& ***!
+  \****************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { attrs: { id: "root" } }, [
+    _c("div", { staticClass: "title level-item has-text-centered" }, [
+      _vm._v("Motorrad IG\n    ")
+    ]),
+    _vm._v(" "),
+    _c(
+      "div",
+      { staticClass: "has-text-centered" },
+      [
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Über uns")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Aktuelles")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Mitgliedsantrag")]
+        ),
+        _vm._v(" "),
+        !this.$store.state.user.hasOwnProperty("role")
+          ? _c("span", [
+              _c(
+                "button",
+                { staticClass: "button", on: { click: function($event) {} } },
+                [_vm._v("Tourplan (Beispiel)")]
+              )
+            ])
+          : this.$store.state.user.role === "GUEST"
+          ? _c("span", [
+              _c(
+                "button",
+                { staticClass: "button", on: { click: function($event) {} } },
+                [_vm._v("Tourplan (Gast)")]
+              )
+            ])
+          : this.$store.state.user.role === "MEMBER"
+          ? _c("span", [
+              _c(
+                "button",
+                { staticClass: "button", on: { click: function($event) {} } },
+                [_vm._v("Tourplan (komplett)")]
+              )
+            ])
+          : this.$store.state.user.role === "ADMIN"
+          ? _c("span", [
+              _c(
+                "button",
+                { staticClass: "button", on: { click: function($event) {} } },
+                [_vm._v("Tourplan (komplett)")]
+              )
+            ])
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Wetter")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Links")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          { staticClass: "button", on: { click: function($event) {} } },
+          [_vm._v("Impressum")]
+        ),
+        _vm._v(" "),
+        _c(
+          "button",
+          {
+            staticClass: "button",
+            on: {
+              click: function($event) {
+                return _vm.showContent()
+              }
+            }
+          },
+          [_vm._v("Show content")]
+        ),
+        _vm._v(" "),
+        _c(
+          "router-link",
+          { staticClass: "button", attrs: { to: { name: "Login" } } },
+          [_vm._v("Log-In")]
+        ),
+        _vm._v(" "),
+        _c("div", [
+          _c("span", [_vm._v("UPLOAD:")]),
+          _vm._v(" "),
+          _c("input", {
+            attrs: { name: "filename", type: "file" },
+            on: { change: _vm.onFileSelected }
+          })
+        ])
+      ],
+      1
+    )
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/UserList.vue?vue&type=template&id=6d878aa8&":
@@ -48341,9 +48603,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _views_Main__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./views/Main */ "./resources/js/views/Main.vue");
 /* harmony import */ var _views_EditPage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./views/EditPage */ "./resources/js/views/EditPage.vue");
 /* harmony import */ var _views_UserList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./views/UserList */ "./resources/js/views/UserList.vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm.js");
+/* harmony import */ var _views_Upload__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./views/Upload */ "./resources/js/views/Upload.vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm.js");
+
 
 
 
@@ -48371,8 +48635,12 @@ var routes = [{
   path: '/userlist',
   name: 'userlist',
   component: _views_UserList__WEBPACK_IMPORTED_MODULE_4__["default"]
+}, {
+  path: '/upload',
+  name: 'upload',
+  component: _views_Upload__WEBPACK_IMPORTED_MODULE_5__["default"]
 }];
-vue__WEBPACK_IMPORTED_MODULE_5___default.a.use(vue_router__WEBPACK_IMPORTED_MODULE_6__["default"]);
+vue__WEBPACK_IMPORTED_MODULE_6___default.a.use(vue_router__WEBPACK_IMPORTED_MODULE_7__["default"]);
 
 /***/ }),
 
@@ -48540,6 +48808,75 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/views/Upload.vue":
+/*!***************************************!*\
+  !*** ./resources/js/views/Upload.vue ***!
+  \***************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upload.vue?vue&type=template&id=b0004140& */ "./resources/js/views/Upload.vue?vue&type=template&id=b0004140&");
+/* harmony import */ var _Upload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Upload.vue?vue&type=script&lang=js& */ "./resources/js/views/Upload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _Upload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/views/Upload.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/views/Upload.vue?vue&type=script&lang=js&":
+/*!****************************************************************!*\
+  !*** ./resources/js/views/Upload.vue?vue&type=script&lang=js& ***!
+  \****************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Upload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./Upload.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Upload.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Upload_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/views/Upload.vue?vue&type=template&id=b0004140&":
+/*!**********************************************************************!*\
+  !*** ./resources/js/views/Upload.vue?vue&type=template&id=b0004140& ***!
+  \**********************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./Upload.vue?vue&type=template&id=b0004140& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Upload.vue?vue&type=template&id=b0004140&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upload_vue_vue_type_template_id_b0004140___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/js/views/UserList.vue":
@@ -48767,8 +49104,8 @@ __webpack_require__.r(__webpack_exports__);
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(/*! /mnt/d/repos/motorradig/motorradig/resources/js/app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! /mnt/d/repos/motorradig/motorradig/resources/sass/app.scss */"./resources/sass/app.scss");
+__webpack_require__(/*! /Users/tschneider/dev/repo/motorradig/motorradig/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /Users/tschneider/dev/repo/motorradig/motorradig/resources/sass/app.scss */"./resources/sass/app.scss");
 
 
 /***/ })
diff --git a/motorradig/resources/js/routes.js b/motorradig/resources/js/routes.js
index 30e3021..0b2139e 100644
--- a/motorradig/resources/js/routes.js
+++ b/motorradig/resources/js/routes.js
@@ -3,6 +3,7 @@ import Register     from "./views/auth/Register";
 import Main         from "./views/Main";
 import EditPage     from "./views/EditPage";
 import UserList     from "./views/UserList";
+import Upload     from "./views/Upload";
 
 import Vue from 'vue';
 import VueRouter from "vue-router";
@@ -13,6 +14,7 @@ export const routes= [
     {   path:'/register', name : 'register', component: Register },
     {   path:'/edit_page', name : 'edit_page', component: EditPage },
     {   path:'/userlist', name : 'userlist', component: UserList },
+    {   path:'/upload', name : 'upload', component: Upload },
 
 ];
 
diff --git a/motorradig/resources/js/views/Main.vue b/motorradig/resources/js/views/Main.vue
index 1d1a16c2807378a4185834d6473239445e2fe586..ad26a8f043547abdf1995726d59f4f8d9aa454b1 100644
GIT binary patch
delta 82
zcmcbiHeG##H_PPZOd^vfu<K6#$1EpMkdvR7qM@mzU>6EzPCm#gKY2cj+~#tYiJWYu
d5V3k*(aC3dMLEDcbxrHZ|9E6JbMWnE0RXCD93%h$

delta 176
tcmbQPenV}8H_PNb%zTsOS>-l=XPL;k`3~Q1mU;%N11?fb6vL{R3jlN)3O)b;

diff --git a/motorradig/resources/js/views/Upload.vue b/motorradig/resources/js/views/Upload.vue
new file mode 100644
index 0000000..c4645a2
--- /dev/null
+++ b/motorradig/resources/js/views/Upload.vue
@@ -0,0 +1,131 @@
+<template>
+    <div id="root">
+
+        <div class="title level-item has-text-centered">Motorrad IG
+        </div>
+
+        <div class="has-text-centered">
+
+            <button class="button" @click=""       >Über uns</button>
+            <button class="button" @click=""      >Aktuelles</button>
+            <button class="button" @click="">Mitgliedsantrag</button>
+
+            <span v-if="!this.$store.state.user.hasOwnProperty('role')"><button class="button" @click="" >Tourplan (Beispiel)</button></span>
+            <span v-else-if="this.$store.state.user.role==='GUEST'"><button class="button" @click="" >Tourplan (Gast)</button></span>
+            <span v-else-if="this.$store.state.user.role==='MEMBER'"><button class="button" @click="" >Tourplan (komplett)</button></span>
+            <span v-else-if="this.$store.state.user.role==='ADMIN'"><button class="button" @click="" >Tourplan (komplett)</button></span>
+
+
+            <button class="button" @click=""         >Wetter</button>
+            <button class="button" @click=""          >Links</button>
+            <button class="button" @click=""      >Impressum</button>
+
+            <button class="button" @click="showContent()"      >Show content</button>
+
+
+            <router-link class="button" :to="{ name: 'Login' }">Log-In</router-link>
+
+
+
+
+            <div>
+
+                    <span>UPLOAD:</span>
+                    <input name="filename" type="file" @change="onFileSelected"></input>
+
+
+            </div>
+
+        </div>
+
+    </div>
+</template>
+
+<script>
+    import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
+    import {
+        Blockquote,
+        CodeBlock,
+        HardBreak,
+        Heading,
+        HorizontalRule,
+        OrderedList,
+        BulletList,
+        ListItem,
+        TodoItem,
+        TodoList,
+        Bold,
+        Code,
+        Italic,
+        Link,
+        Strike,
+        Underline,
+        History,
+    } from 'tiptap-extensions'
+    export default {
+        components: {
+            EditorContent,
+            EditorMenuBar,
+
+        },
+        data() {
+            return {
+                editor: new Editor({
+                    extensions: [
+                        new Blockquote(),
+                        new BulletList(),
+                        new CodeBlock(),
+                        new HardBreak(),
+                        new Heading({ levels: [1, 2, 3] }),
+                        new HorizontalRule(),
+                        new ListItem(),
+                        new OrderedList(),
+                        new TodoItem(),
+                        new TodoList(),
+                        new Link(),
+                        new Bold(),
+                        new Code(),
+                        new Italic(),
+                        new Strike(),
+                        new Underline(),
+                        new History(),
+                    ],
+                    content: this.$store.state.page_content,
+                }),
+            }
+        },
+        beforeDestroy() {
+            this.editor.destroy()
+        },
+        methods: {
+
+            showContent() {
+                console.log(">>" );
+                //console.log(this.editor.view.dom.innerText);
+                //console.log(this.editor.docView.dom.innerHTML);
+                console.log(this.editor.view.docView.dom.innerHTML);
+            },
+            savePage() {
+                console.log('Saving to page:'+this.$store.state.page_name);
+                axios.post('http://localhost:8000/api/v1/auth/save_page',{
+                    page: this.$store.state.page_name,
+                    body: this.editor.view.docView.dom.innerHTML
+                }, {
+                    headers: {
+                        'Authorization': 'Bearer ' + this.$store.state.user_token
+                    }
+                })
+                    .then(res => {
+                            console.log("savePage success: Wrote "+this.$store.state.page_name);
+                            console.log("Going back to main view");
+                            this.$router.push("/");
+                        }
+                    )
+            },
+            onFileSelected(event) {
+                console.log("File changed:");
+                console.log(event.target.files[0].name);
+            }
+        }
+    }
+</script>