Commit c6324c4

committed

add new note to state

1 parent 9beb162 commit c6324c4Copy full SHA for c6324c4

File tree

+20

-10

lines changed

+20

-10

lines changed

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div class="row">`
`3`	`3`	`<div class="col-12 mx-auto">`
	`4`	`+ <TextInput v-on:add-note="addNote"/>`
`4`	`5`	`<b-list-group v-bind:key="item.id" v-for="item in items">`
`5`	`6`	`<ListItem v-bind:data="item" v-on:del-todo="deleteItem"></ListItem>`
`6`	`7`	`</b-list-group>`
`@@ -11,6 +12,7 @@`
`11`	`12`	`<script>`
`12`	`13`	`import axios from "axios";`
`13`	`14`
	`15`	`+import TextInput from '@/components/TextInput.vue';`
`14`	`16`	`import ListItem from "@/components/ListItem.vue";`
`15`	`17`
`16`	`18`	`export default {`
`@@ -21,6 +23,7 @@ export default {`
`21`	`23`	`};`
`22`	`24`	`},`
`23`	`25`	`components: {`
	`26`	`+ TextInput,`
`24`	`27`	`ListItem`
`25`	`28`	`},`
`26`	`29`	`created() {`
`@@ -32,6 +35,9 @@ export default {`
`32`	`35`	`methods: {`
`33`	`36`	`deleteItem(id) {`
`34`	`37`	`this.items = this.items.filter(todo => todo.id !== id)`
	`38`	`+ },`
	`39`	`+ addNote(newNote) {`
	`40`	`+ this.items = [newNote, ...this.items];`
`35`	`41`	`}`
`36`	`42`	`}`
`37`	`43`

Lines changed: 10 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,8 @@`
`1`	`1`	`<template>`
`2`		`- <b-list-group-item button >`
`3`		`- <TextInput v-if="onEditMode" v-bind:text="data.title"></TextInput>`
	`2`	`+ <b-list-group-item button class="mb-2">`
	`3`	`+`
	`4`	`+ <TextInput v-if="onEditMode" v-model="text" v-bind:text="data.title"></TextInput>`
	`5`	`+`
`4`	`6`	`<p>{{data.title}}</p>`
`5`	`7`	`<editButton v-on:edit-todo="setEditMode"></editButton>`
`6`	`8`	`<deleteButton v-on:del-todo="$emit('del-todo', data.id)"></deleteButton>`
`@@ -20,7 +22,8 @@ export default {`
`20`	`22`	`props: {`
`21`	`23`	`data: {`
`22`	`24`	`id: String,`
`23`		`- title: String`
	`25`	`+ title: String,`
	`26`	`+ complete: Boolean`
`24`	`27`	`}`
`25`	`28`	`},`
`26`	`29`	`components: {`
`@@ -30,12 +33,14 @@ export default {`
`30`	`33`	`},`
`31`	`34`	`data() {`
`32`	`35`	`return {`
`33`		`- onEditMode: false`
	`36`	`+ onEditMode: false,`
	`37`	`+ text: ''`
`34`	`38`	`}`
`35`	`39`	`},`
`36`		`- methods: {`
	`40`	`+ methods: {`
`37`	`41`	`setEditMode() {`
`38`	`42`	`this.onEditMode = !this.onEditMode;`
	`43`	`+`
`39`	`44`	`}`
`40`	`45`	`}`
`41`	`46`	`};`

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`<template>`
`2`		`- <div>`
	`2`	`+ <divclass="mb-2">`
`3`	`3`	`<b-form v-on:submit.prevent="addNote">`
`4`	`4`	`<b-form-input`
`5`	`5`	`type="text"`
`@@ -23,12 +23,14 @@ export default {`
`23`	`23`	`addNote() {`
`24`	`24`	`const newNote = {`
`25`	`25`	`id: uuidv4(),`
`26`		`- text: this.text,`
	`26`	`+ title: this.text,`
`27`	`27`	`complete: false`
`28`	`28`	`};`
`29`	`29`
`30`	`30`	`// send up to parent`
`31`	`31`	`this.$emit("add-note", newNote);`
	`32`	`+`
	`33`	`+ this.text = '';`
`32`	`34`	`}`
`33`	`35`	`}`
`34`	`36`	`};`

Lines changed: 0 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,11 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div class="col-12">`
`3`	`3`	`<h3 class="m-2">{{title}}</h3>`
`4`		`- <TextInput/>`
`5`	`4`	`<List />`
`6`	`5`	`</div>`
`7`	`6`	`</template>`
`8`	`7`
`9`	`8`	`<script>`
`10`		`-import TextInput from '@/components/TextInput.vue';`
`11`	`9`	`import List from "@/components/List";`
`12`	`10`
`13`	`11`	`export default {`
`@@ -18,7 +16,6 @@ export default {`
`18`	`16`	`}`
`19`	`17`	`},`
`20`	`18`	`components: {`
`21`		`- TextInput,`
`22`	`19`	`List`
`23`	`20`	`}`
`24`	`21`	`}`

Comments

(0)