| commit | author | age | ||
| 991c76 | 1 | <template> |
| D | 2 | <md-field> |
| 3 | <label>New ToDo</label> | |
| 4 | <md-input :placeholder="placeholderMsg" | |
| 5 | @keyup.enter="newTodoAdded" | |
| 6 | v-model="newTodo" | |
| 7 | ></md-input> | |
| 8 | </md-field> | |
| 9 | </template> | |
| 10 | <script> | |
| a34f1d | 11 | import EventBus from "@/services/EventBus" |
| D | 12 | |
| 991c76 | 13 | export default { |
| D | 14 | name: "NewTodo", |
| 15 | props: { | |
| 16 | placeholderMsg: String | |
| 17 | }, | |
| 18 | data () { | |
| 19 | return { | |
| 20 | newTodo: '' | |
| 21 | } | |
| 22 | }, | |
| 23 | methods: { | |
| 24 | newTodoAdded (e) { | |
| 25 | this.newTodo = e.target.value | |
| 26 | console.info('INFO - ', this.newTodo) | |
| a34f1d | 27 | EventBus.$emit('NEWTODOADDED', { |
| D | 28 | completed: false, |
| 875958 | 29 | title: this.newTodo, |
| a34f1d | 30 | id: Math.floor(1 + (9999 - 1) * Math.random()) |
| D | 31 | }) |
| 991c76 | 32 | this.newTodo = '' |
| D | 33 | } |
| 34 | } | |
| 35 | }; | |
| 36 | </script> | |
| 37 | ||
| 38 | <!-- Add "scoped" attribute to limit CSS to this component only --> | |
| 39 | <style scoped lang="scss"> | |
| 40 | ||
| 41 | </style> | |
