Sha256: 9632b36c35c9e6007435213d4c452f7bd1a2209fd521ea3c01cee935c68e255e
Contents?: true
Size: 1.21 KB
Versions: 5
Compression:
Stored size: 1.21 KB
Contents
class TodosMainComponent
include React::Component
required_param :users
define_state :user, :user_email
before_mount do
#user_email! "mitch@catprint.com"
user! User.find_by_email(user_email) if user_email
end
def render
div do
if true
table do
tbody do
tr { td {"name"}; td {"email"}; td {"number of todos"}}
users.each do |user|
tr {user.name.td; user.email.td; user.todo_items.count.td.while_loading("-") }
end
end
end
end
div do
"Todos for ".span
input(type: :text, value: user_email, placeholder: "enter a user's email").
on(:change) { |e| user_email! e.target.value }.
on(:key_up) { |e| user! User.find_by_email(user_email) if e.key_code == 13 }
end
if !user
"type in an email and hit return to find a user"
elsif user.not_found?
"#{user.email} does not exist, try another email"
elsif user.todo_items.count == 0
"No Todos Yet"
else
div do
user.todo_items.each do |todo|
TodoItemComponent(todo: todo)
end
end.while_loading "searching..."
end
end
end
end
Version data entries
5 entries across 5 versions & 1 rubygems