From fa0a9672d387e559ab8db84ca6924f753adf8529 Mon Sep 17 00:00:00 2001 From: missytake Date: Sat, 20 Jun 2020 15:36:35 +0200 Subject: [PATCH] button to create pizzas --- frontend/missytake/dist/index.html | 33 +++++++---------------------- frontend/missytake/dist/js/index.js | 21 ++++++++++++++++++ 2 files changed, 29 insertions(+), 25 deletions(-) diff --git a/frontend/missytake/dist/index.html b/frontend/missytake/dist/index.html index af58900..831913d 100644 --- a/frontend/missytake/dist/index.html +++ b/frontend/missytake/dist/index.html @@ -6,31 +6,14 @@
- {{ message }} -
-
- - Hover your mouse over me for a few seconds - to see my dynamically bound title! - -
- - - +

Du willst eine Pizza? Hier kannst du mit belegen anfangen:

+ + +

Existierende Pizzen:

+ + + diff --git a/frontend/missytake/dist/js/index.js b/frontend/missytake/dist/js/index.js index e69de29..b21c471 100644 --- a/frontend/missytake/dist/js/index.js +++ b/frontend/missytake/dist/js/index.js @@ -0,0 +1,21 @@ +var app = new Vue({ + el: '#app', + data: { + pizzatitle: "Meine Pizza" + }, + methods: { + createPizza: function () { + console.log("Creating Pizza..."); + var myJson = { + "name": this.pizzatitle + }; + fetch("/api/pizzas/", { + method: 'POST', + body: JSON.stringify(myJson), + headers: { + 'Content-Type': 'application/json' + } + }); + } + } +});