createMsg erstellt und message.model.js id Änderung

public/createMessage.js

@@ -2,19 +2,23 @@ const CreateMsgRouter = {
     template: `
 <div class="card om-card">
 	<h5>Neue Nachricht erstellen</h5>
-	<form class="new-msg-form" action="#" methord="GET">
+	<form class="new-msg-form" @submit.prevent=createMsg>
 		<div class="form-group bmd-form-group">
 			<label class="bmd-label-floating">Betreff</label>
 			<input type="text" class="form-control" id="subject">
 		</div>
 		<div class="form-group bmd-form-group">
 			<label class="bmd-label-floating">Tags</label>
-			<input type="text" class="form-control" id="hashtags">
+			<input type="text" class="form-control" id="tag">
 		</div>
 		<div class="form-group">
 			<label class="bmd-label-floating">Nachricht</label>
 			<textarea class="form-control" id="message" rows="5"></textarea>
 		</div>
+		<div class="form-group">
+			<label class="bmd-label-floating">User</label>
+			<textarea class="form-control" id="user"></textarea>
+		</div>
 		<div class="form-group">
 			<div class="checkbox">
 				<label>
@@ -31,6 +35,21 @@ const CreateMsgRouter = {
 		return {};
     },
     methods: {
+		createMsg: function() {
+			var subject=$("#subject").val();
+			var message=$("#message").val();
+			var tag=$("#tag").val();
+			var user=$("#user").val();
+			console.log ("Message Created: "+id+" "+tag+" "+message+" "+user);
+			$.ajax ({ url: "/api/createMsg", data: {subject: subject, tag: tag, message: message, user: user}, method: "POST" }) .done (have_result) .fail (have_error);
+			function have_result (res) {
+				console.log (res);
+			}
+			function have_error (err) {
+				console.log ("error:" + err.responseText);
+				console.log (err);
+			}
+		},
     },
     mounted: function() {
         if ($(this).bootstrapMaterialDesign)