Loading page body from DB and display on main page.

This commit is contained in:
Torsten 2020-01-29 12:57:36 +01:00
parent 29058b37d0
commit fb0f00c184
6 changed files with 81 additions and 186 deletions

View file

@ -1891,6 +1891,10 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
@ -1904,12 +1908,20 @@ __webpack_require__.r(__webpack_exports__);
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: "\n <h2>\n Hi there,\n </h2>\n <p>\n this is a very <em>basic</em> example of tiptap.\n </p>\n <pre><code>body { display: none; }</code></pre>\n <ul>\n <li>\n A regular list\n </li>\n <li>\n With regular items \uD83D\uDC4F\n </li>\n </ul>\n <blockquote>\n It's amazing \uD83D\uDC4F\n <br />\n \u2013 mom\n </blockquote>\n "
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);
}
}
});
@ -1979,22 +1991,6 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
data: function data() {
return {
@ -2027,7 +2023,9 @@ __webpack_require__.r(__webpack_exports__);
this.$router.push('/edit_page');
},
loadPage: function loadPage() {
axios.post('http://localhost:8000/api/v1/auth/load_page', {
var _this2 = this;
axios.post('http://localhost:8000/api/v1/load_page', {
page: 'testpage'
}, {
headers: {
@ -2037,6 +2035,7 @@ __webpack_require__.r(__webpack_exports__);
console.log("savePage: Loading Testpage");
console.log("Body:");
console.log(res.data.body);
_this2.$store.state.page_content = res.data.body;
});
},
savePage: function savePage() {
@ -30997,6 +30996,19 @@ var render = function() {
[_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" } } },
@ -31281,79 +31293,15 @@ var render = function() {
_c("p", [_vm._v(" ")]),
_vm._v(" "),
_c("div", [
_vm._m(0),
_c("p", {
staticStyle: { "text-align": "center" },
attrs: { id: "main", visible: "true" }
}),
_vm._v(" "),
_c(
"p",
{ staticStyle: { "text-align": "center" }, attrs: { visible: "true" } },
[
_vm._v(
" Einmal im Jahr erhältst Du eine Liste aller IG-Mitglieder\n inkl. Telefonnummern."
),
_c("br"),
_vm._v(
"\n Die Erscheinungstermine unserer Mitgliederliste + News sind natürlich auf die Motorrad-Saison"
),
_c("br"),
_vm._v(
"\n abgestimmt, ca: März, Juni und September (Saisonstart, -mitte, -ende). Für Eure (Urlaubs) Planung\n und"
),
_c("br"),
_vm._v(
"\n damit der Winter nicht zu lange wird, halten wir in der November- Dezember-Ausgabe schon den"
),
_c("br"),
_vm._v(
"\n Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit\n zur"
),
_c("br"),
_vm._v(
"\n Teilnahme an einem regelmäßigen Stammtisch, gemeinsame Ausfahrten an Wochenenden, einer"
),
_c("br"),
_vm._v(
"\n Urlaubsbörse sowie Saisonauftakt- und Jahrestreffen. Eigeninitiative ist hierbei erwünscht."
),
_c("br"),
_vm._v(
"\n\n Da leider auch diese Art der Adressenvermittlung nicht ganz ohne Kostenaufwand geht,"
),
_c("br"),
_vm._v(
"\n müssen wir einmal jährlich einen Selbstkostenbeitrag in Höhe von 20,- EUR erheben."
),
_c("br"),
_vm._v(
"\n Diese Kosten entstehen durch Werbung, Porto, Erfassungsmaterialien etc.."
),
_c("br"),
_vm._v(
"\n Hast Du jetzt immer noch eine positive Einstellung zu dieser Idee? Dann nichts wie hin."
),
_c("br"),
_vm._v(
"\n Stammtisch Düsseldorf: Wir treffen uns jeden 2. Mittwoch im Monat ab ca. 19 Uhr in:"
),
_c("br"),
_vm._v("\n Tannenbaum Düsseldorf:"),
_c("br"),
_vm._v(" "),
_c("br"),
_vm._v(" "),
_c(
"a",
{ attrs: { href: "https://www.tannenbaum-duesseldorf.de/" } },
[_vm._v("https://www.tannenbaum-duesseldorf.de/")]
),
_vm._v(
". Das Douro befindet sich\n direkt neben der Kirche."
),
_c("br"),
_vm._v(
"\n Parkmöglichkeiten sind im Umkreis um den Italiener genügend vorhanden."
),
_c("br"),
_vm._v(" "),
this.$store.state.user.role === "ADMIN"
? _c("span", [
_c("br"),
@ -31363,42 +31311,17 @@ var render = function() {
[_vm._v("Text bearbeiten")]
)
])
: _vm._e()
: _vm._e(),
_vm._v(" "),
_c("span", {
domProps: { innerHTML: _vm._s(this.$store.state.page_content) }
})
]
)
])
])
}
var staticRenderFns = [
function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"p",
{
staticStyle: { "text-align": "center" },
attrs: { id: "main", visible: "true" }
},
[
_vm._v(
"Das alte Problem: Die Sonne scheint und Dein Motorrad\n ruft,"
),
_c("br"),
_vm._v(
"\n doch alle Deine Freunde sind plötzlich verhindert."
),
_c("br"),
_c("br"),
_vm._v("\n Die Idee!!"),
_c("br"),
_c("br"),
_vm._v("\n Selber anrufen und angerufen werden."),
_c("br")
]
)
}
]
var staticRenderFns = []
render._withStripped = true
@ -48140,7 +48063,8 @@ vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vuex__WEBPACK_IMPORTED_MODULE_1__
var store = new vuex__WEBPACK_IMPORTED_MODULE_1__["default"].Store({
state: {
user: {},
user_token: {}
user_token: {},
page_content: '<h1 style="font-align:center;">Placeholder</h1>'
}
});