feat: Allow selecting a code that wasn't suggested

lib/medical_transcription/coding.ex

@@ -35,6 +35,12 @@ defmodule MedicalTranscription.Coding do
     num_rows >= 14_567
   end
 
+  def get_all_code_vectors do
+    # TODO: Limit this to a subset of codes for now. This will instead become a search function for auto-complete from
+    # the UI.
+    Repo.all(from v in CodeVector, limit: 100)
+  end
+
   @doc """
   Takes a chunk of transcribed text and classifies it based on the list of code vectors in the database.
 

lib/medical_transcription_web/components/code_select.ex

@@ -0,0 +1,72 @@
+defmodule MedicalTranscriptionWeb.Components.CodeSelect do
+  @moduledoc """
+  An auto-complete select field that allows users to search for codes to add by either `code` or `description`.
+  """
+
+  use MedicalTranscriptionWeb, :live_component
+  import MedicalTranscriptionWeb.Components, only: [tag_result: 1]
+
+  @impl Phoenix.LiveComponent
+  def mount(socket) do
+    socket =
+      socket
+      |> assign(:codes, [])
+      |> assign(:selected_code, nil)
+
+    {:ok, socket}
+  end
+
+  @impl Phoenix.LiveComponent
+  def update_many(assigns_sockets) do
+    codes = lookup_codes()
+
+    Enum.map(assigns_sockets, fn {_assigns, socket} ->
+      assign(socket, :codes, codes)
+    end)
+  end
+
+  @impl Phoenix.LiveComponent
+  def render(assigns) do
+    ~H"""
+    <div>
+      <%= if is_nil(@selected_code) do %>
+        <select
+          class="w-full rounded"
+          phx-change="choose-code"
+          phx-blur="choose-code"
+          phx-target={@myself}
+        >
+          <option value="0">Choose another code...</option>
+          <%= for code <- @codes do %>
+            <option value={code.code}><%= code.code %>: <%= code.description %></option>
+          <% end %>
+        </select>
+      <% else %>
+        <p class="leading-normal font-bold text-type-black-primary uppercase">
+          User-selected code
+        </p>
+
+        <.tag_result
+          code_vector_id={@selected_code.id}
+          text=""
+          score={1.0}
+          weighting={[]}
+          code={@selected_code.code}
+          label={@selected_code.description}
+        />
+      <% end %>
+    </div>
+    """
+  end
+
+  @impl Phoenix.LiveComponent
+  def handle_event("choose-code", %{"value" => code}, socket) do
+    selected_code = Enum.find(socket.assigns.codes, &(&1.code == code))
+
+    {:noreply, assign(socket, :selected_code, selected_code)}
+  end
+
+  defp lookup_codes do
+    MedicalTranscription.Coding.get_all_code_vectors()
+  end
+end

lib/medical_transcription_web/components/transcription_text_component.ex

@@ -4,6 +4,7 @@ defmodule MedicalTranscriptionWeb.Components.TranscriptionTextComponent do
 
   Once rendered, starts tasks to find relevant codes and keywords for the text.
   """
+  alias MedicalTranscriptionWeb.Components.CodeSelect
   use MedicalTranscriptionWeb, :live_component
 
   import MedicalTranscriptionWeb.Components
@@ -20,10 +21,14 @@ defmodule MedicalTranscriptionWeb.Components.TranscriptionTextComponent do
     {:ok, socket}
   end
 
-  defp assign_initial_state(%{start_mark: start_mark, end_mark: end_mark, text: text}, socket) do
+  defp assign_initial_state(
+         %{id: id, start_mark: start_mark, end_mark: end_mark, text: text},
+         socket
+       ) do
     self_pid = self()
 
     initial_state = %{
+      id: id,
       start_mark: start_mark,
       end_mark: end_mark,
       text: text,
@@ -88,6 +93,7 @@ defmodule MedicalTranscriptionWeb.Components.TranscriptionTextComponent do
               weighting={weighting}
             />
           <% end %>
+          <.live_component module={CodeSelect} id={"#{@id}-code-select"} />
         </.async_result>
       </div>
     </div>