52 行
1.1 KiB
JavaScript
52 行
1.1 KiB
JavaScript
|
export default {
|
||
|
|
template: `
|
||
|
|
<form @submit.prevent="add" class="inputData">
|
||
|
|
<input
|
||
|
|
required=""
|
||
|
|
placeholder="Message..."
|
||
|
|
type="text"
|
||
|
|
id="messageInput"
|
||
|
|
v-model="newAssignment"
|
||
|
|
/>
|
||
|
|
<button id="sendButton" target="#">
|
||
|
|
<svg
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
fill="none"
|
||
|
|
viewBox="0 0 664 663"
|
||
|
|
>
|
||
|
|
<path
|
||
|
|
fill="none"
|
||
|
|
d="M646.293 331.888L17.7538 17.6187L155.245 331.888M646.293 331.888L17.753 646.157L155.245 331.888M646.293 331.888L318.735 330.228L155.245 331.888"
|
||
|
|
></path>
|
||
|
|
<path
|
||
|
|
stroke-linejoin="round"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-width="33.67"
|
||
|
|
stroke="#6c6c6c"
|
||
|
|
d="M646.293 331.888L17.7538 17.6187L155.245 331.888M646.293 331.888L17.753 646.157L155.245 331.888M646.293 331.888L318.735 330. 228L155.245 331.888"
|
||
|
|
></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
`,
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
newAssignment: "",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
add() {
|
||
|
|
document.getElementById("messageInput").value = "";
|
||
|
|
Swal.fire({
|
||
|
|
title: "Good job!",
|
||
|
|
text: "Assignment Dibuat",
|
||
|
|
icon: "success",
|
||
|
|
});
|
||
|
|
|
||
|
|
this.$emit("add", this.newAssignment);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|