import {State,Ticket} from './store'

tag app-ticket

	def resolveTicket
		@model.resolve()

	def render
		<self.item.{@model.state}>
			<span.flex> "Ticket {@model.title}"
			<button :click.resolveTicket> "Resolve"

tag app-root
	@store = State.new
	@ticket # currently selected ticket
	
	def addTicket
		@store.addTicket("New ticket?")
		
	def select ticket
		@ticket = ticket
		
	def render
		<self.vbox>
			<header.hbox>
				<h3.flex> "Ticket Tracker"
				<button :click.addTicket> "New"
			<section.flex>
				for ticket in @store.tickets
					<app-ticket[ticket] .selected=(@ticket == ticket) :click.select(ticket)>