const CreateMsgRouter = {
    template: `
<div class="card om-card">
	<h4>Neue Nachricht erstellen</h4>
	<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="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>
			<input type="text" class="form-control" id="user">
		</div>
		<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button>
		<button type="submit" class="btn btn-raised om-btn"><a @click="$router.push('/home')">SENDEN</a></button>
	</form>
</div>
`,
    data: function () {
		return {};
    },
    methods: {
		createMsg: function() {
			var subject=$("#subject").val();
			var message=$("#message").val();
			var tag=$("#tag").val();
			var user=$("#user").val();
			console.log ("Message Created: "+tag+" "+message+" "+user);
			$.ajax ({ url: "api/createMsg", data: {sub: subject,  mess: message, use: user, ta: tag}, 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)
            $(this).bootstrapMaterialDesign();
    },
};