FieldHub: Project deletion interface

server/assets/css/phoenix.css

@@ -28,6 +28,11 @@ select {
   width: auto;
 }
 
+label {
+  font-weight:300;
+  display:inline;
+}
+
 /* Phoenix promo and logo */
 .phx-hero {
   text-align: center;

server/lib/field_hub_web/controllers/api/project_controller.ex

@@ -12,6 +12,10 @@ defmodule FieldHubWeb.Api.ProjectController do
 
   @identifier_length Application.compile_env(:field_hub, :max_project_identifier_length)
 
+  @moduledoc """
+  This API controller module handles the HTTP requests for listing, creating or deleting projects.
+  """
+
   def index(%{assigns: %{current_user: user_name}} = conn, _params) do
     render(conn, "list.json", %{projects: Project.get_all_for_user(user_name)})
   end
@@ -86,12 +90,12 @@ defmodule FieldHubWeb.Api.ProjectController do
   end
 
   def delete(conn, %{"project" => id}) do
-    project = Project.delete(id)
-    user = User.delete(id)
+    project_deletion_result = Project.delete(id)
+    user_deletion_result = User.delete(id)
 
     response_payload = %{
-      status_project: project,
-      status_user: user
+      status_project: project_deletion_result,
+      status_user: user_deletion_result
     }
 
     conn

server/lib/field_hub_web/live/project_show_live.ex

@@ -1,4 +1,6 @@
 defmodule FieldHubWeb.ProjectShowLive do
+  alias FieldHub.Project
+
   alias FieldHubWeb.{
     Router.Helpers,
     UserAuth,
@@ -42,6 +44,8 @@ defmodule FieldHubWeb.ProjectShowLive do
           |> assign(:project, project)
           |> assign(:current_user, user_name)
           |> assign(:new_password, "")
+          |> assign(:confirm_project_name, "")
+          |> assign(:delete_files, false)
           |> read_project_doc()
         }
 
@@ -112,6 +116,64 @@ defmodule FieldHubWeb.ProjectShowLive do
     {:noreply, assign(socket, :new_password, password)}
   end
 
+  def handle_event(
+        "delete_form_change",
+        %{
+          "repeat_project_name_input" => repeated_project_name,
+          "delete_files_radio" => delete_files
+        } = _values,
+        socket
+      ) do
+    delete_files =
+      case delete_files do
+        "delete_files" ->
+          true
+
+        "keep_files" ->
+          false
+      end
+
+    socket = assign(socket, :confirm_project_name, repeated_project_name)
+    socket = assign(socket, :delete_files, delete_files)
+    {:noreply, socket}
+  end
+
+  def handle_event(
+        "delete",
+        _values,
+        %{assigns: %{project: project, current_user: user_name, delete_files: delete_files}} =
+          socket
+      ) do
+    socket =
+      case User.is_admin?(user_name) do
+        true ->
+          %{database: :deleted} = Project.delete(project, delete_files)
+          :deleted = User.delete(project)
+
+          if delete_files == false do
+            {:ok, "Project database`#{project}` has been deleted successfully."}
+          else
+            {:ok, "Project database`#{project}` and images have been deleted successfully."}
+          end
+
+        false ->
+          {:error, "You are not authorized to delete the project."}
+      end
+      |> case do
+        {:ok, msg} ->
+          socket
+          |> put_flash(:info, msg)
+
+        {:error, msg} ->
+          socket
+          |> put_flash(:error, msg)
+      end
+
+    IO.inspect(delete_files)
+
+    {:noreply, redirect(socket, to: "/")}
+  end
+
   def handle_event("generate_password", _values, socket) do
     {:noreply, assign(socket, :new_password, CouchService.create_password())}
   end

server/lib/field_hub_web/live/project_show_live.html.heex

@@ -126,7 +126,7 @@
     <%= if User.is_admin?(@current_user) do %>
         <hr>
         <h2>Password change</h2>
-        <form phx-change="update">
+        <form id="pwd_form" phx-change="update">
             <div class="row">
                 <div class="column">
                         <input
@@ -153,5 +153,35 @@
         </form>
 
         <hr>
+        <h2>Delete project</h2>
+        <form id="del_form" phx-change="delete_form_change">         
+            <div class="row">
+                <div class="column"> 
+                 <input 
+                    type="text" 
+                    placeholder="Repeat the project name to delete"
+                    name="repeat_project_name_input"
+                    value={@confirm_project_name}                    
+                /> 
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="column">
+                    <input type="radio" name="delete_files_radio" id="delete_database" value="keep_files" checked={not @delete_files}>
+                    <label for="delete_database">Delete database only</label><br>
+                    <input type="radio" name="delete_files_radio" id="delete_database_and_files" value="delete_files" checked={@delete_files}>
+                    <label for="delete_database_and_files">Delete database and image files</label>
+
+                </div>
+            </div>
+            <div class="row">
+                <div class="column">
+                    <button type="button" class="button" phx-click="delete" disabled={@confirm_project_name != @project} style="width:100%">
+                       Delete
+                    </button>
+                </div>   
+            </div>
+        </form>
     <% end %>
 </div>

server/test/field_hub_web/live/project_show_live_test.exs

@@ -341,7 +341,7 @@ defmodule FieldHubWeb.ProjectShowLiveTest do
       {:ok, %{conn: conn}}
     end
 
-    test "admin has passwort setting interface", %{conn: conn} do
+    test "admin has password setting interface", %{conn: conn} do
       {:ok, view, _html_on_mount} = live(conn, "/ui/projects/show/#{@project}")
 
       html = render(view)
@@ -362,7 +362,7 @@ defmodule FieldHubWeb.ProjectShowLiveTest do
 
       html =
         view
-        |> element("form")
+        |> element("#pwd_form")
         |> render_change(%{password: "typed_in_password"})
 
       assert html =~
@@ -397,7 +397,7 @@ defmodule FieldHubWeb.ProjectShowLiveTest do
       new_password = "updated_password"
 
       view
-      |> element("form")
+      |> element("#pwd_form")
       |> render_change(%{password: new_password})
 
       html =
@@ -430,7 +430,7 @@ defmodule FieldHubWeb.ProjectShowLiveTest do
       User.delete(@user_name)
 
       view
-      |> element("form")
+      |> element("#pwd_form")
       |> render_change(%{password: "updated_password"})
 
       html =