1
1
use quasar:: * ;
2
- use self :: todo:: { TodoItem , TodoList } ;
2
+ pub use self :: todo:: { TodoItem , TodoList } ;
3
3
mod todo;
4
4
5
- pub fn init ( app : & QuasarApp ) {
6
- let todo_list = TodoList {
7
- items : vec ! [
8
- TodoItem :: new( "Blog about Quasar" ) ,
9
- ]
10
- } ;
11
-
12
- let view = app. bind ( "#todo-bart" , todo_list) ;
13
-
14
- view. query ( "button" ) . expect ( "missing todo list button" )
15
- . on ( EventType :: Click , |mut evt| {
16
- match evt. app . query ( "#message" ) {
17
- Some ( node) => {
18
- let item = TodoItem :: new ( & node. get ( "value" ) ) ;
19
- evt. binding . data_mut ( ) . items . push ( item) ;
5
+ impl Component for TodoList {
6
+ fn onload ( view : & View < Self > ) {
7
+ view. query ( "button" ) . expect ( "missing todo list button" )
8
+ . on ( EventType :: Click , |mut evt| {
9
+ match evt. app . query ( "#message" ) {
10
+ Some ( node) => {
11
+ let item = TodoItem :: new ( & node. get ( "value" ) ) ;
12
+ evt. binding . data_mut ( ) . items . push ( item) ;
13
+ }
14
+ None => println ! ( "Query #message returned nothing." )
20
15
}
21
- None => println ! ( "Query #message returned nothing." )
22
- }
23
- } ) ;
16
+ } ) ;
24
17
25
- view. on_each ( EventType :: Change , ".todo-item input" , |mut evt| {
26
- let state = evt. target . checked ( ) ;
27
- let mut item_list = evt. binding . data_mut ( ) ;
28
- item_list. items [ evt. index ] . complete = state;
29
- } ) ;
30
-
31
- }
18
+ view. on_each ( EventType :: Change , ".todo-item input" , |mut evt| {
19
+ let state = evt. target . checked ( ) ;
20
+ let mut item_list = evt. binding . data_mut ( ) ;
21
+ item_list. items [ evt. index ] . complete = state;
22
+ } ) ;
23
+ }
24
+ }
0 commit comments