NEW: styling (#5)

This commit is contained in:
Matthew Ryan Dillon 2020-06-16 20:29:19 -07:00 committed by GitHub
parent 26995d72e3
commit 2b8a6a1927
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 175 additions and 118 deletions

View file

@ -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