NEW: styling (#5)
This commit is contained in:
parent
26995d72e3
commit
2b8a6a1927
13 changed files with 175 additions and 118 deletions
|
@ -10,51 +10,32 @@ defmodule PlannerWeb.LandingLive do
|
|||
def mount(_params, _session, socket) do
|
||||
socket =
|
||||
socket
|
||||
# |> put_flash(:info, "hello world")
|
||||
|> assign(:new_task_changeset, Tasks.change_task(%Task{}))
|
||||
|> assign(:tasks, Tasks.list_unfinished_tasks())
|
||||
|
||||
{:ok, socket}
|
||||
end
|
||||
|
||||
def render(assigns) do
|
||||
~L"""
|
||||
<div class="box">
|
||||
<%= f = form_for(@new_task_changeset, "#", [phx_submit: :save_new_task]) %>
|
||||
<%= label f, :value, "New Task" %>
|
||||
<%= text_input f, :value %>
|
||||
<%= error_tag f, :value %>
|
||||
|
||||
<%= submit "Create" %>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<%= text_input f, :value, placeholder: "add new task", class: "input" %>
|
||||
</div>
|
||||
<%= error_tag f, :value %>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="3">tasks</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%= for task <- @tasks do %>
|
||||
<tr>
|
||||
<td><%= task.value %></td>
|
||||
<td><button phx-click="delete_task" phx-value-task_id="<%= task.id %>">delete</button></td>
|
||||
<td><button phx-click="finish_task" phx-value-task_id="<%= task.id %>">done</button></td>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
"""
|
||||
end
|
||||
|
||||
def handle_event("save_new_task", %{"task" => task_params}, socket) do
|
||||
case Tasks.add_task(task_params) do
|
||||
{:ok, task} ->
|
||||
{:ok, _task} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "task created")
|
||||
|> assign(:tasks, Tasks.list_unfinished_tasks())}
|
||||
|> put_flash(:info, "task created")}
|
||||
|
||||
{:error, %Ecto.Changeset{} = changeset} ->
|
||||
{:noreply,
|
||||
|
@ -62,22 +43,4 @@ defmodule PlannerWeb.LandingLive do
|
|||
|> assign(new_task_changeset: changeset)}
|
||||
end
|
||||
end
|
||||
|
||||
def handle_event("delete_task", %{"task_id" => task_id}, socket) do
|
||||
Tasks.delete_task_by_id!(task_id)
|
||||
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "task deleted")
|
||||
|> assign(:tasks, Tasks.list_unfinished_tasks())}
|
||||
end
|
||||
|
||||
def handle_event("finish_task", %{"task_id" => task_id}, socket) do
|
||||
Tasks.finish_task_by_id!(task_id)
|
||||
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "task completed")
|
||||
|> assign(:tasks, Tasks.list_unfinished_tasks())}
|
||||
end
|
||||
end
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue