mxgrn

Problem: accidentally pressing 'Esc' when editing a form in a "standard" LiveView modal dialog will discard all edits.

Proposed solution: Make the modal show a confirmation window on close when there have been changes on the form.

LiveView v0.20 was used.

Table of content

• Making LiveView modal show confirmation on close
• Using updated modal in a CRUD LiveView

mxgrn

Say, at some point you generated your Phoenix app with mix phx.new my_app, but later decided to change its name to "new_app".

See this little memo as a checklist to avoid possible pitfalls.

1. Project-wide search and replace

Use your favorite text editor to search and replace as follows (use case-sensitive search for minimizing chances for a mistake):

• MyApp -> NewApp
• my_app -> new_app

mxgrn

# It's only a POC for now
defmodule ContextBase do
  @moduledoc """
  Abstracts away common schema functions, such as list, get, create, update, delete, etc.
  Assumes that the schema module has a `changeset` function.
  
  Usage:
    defmodule MyContext do
      use ContextBase, repo: MyApp.Repo, schema: MyApp.MySchema
    end

mxgrn

-- Step 1: Create the audit logs table
CREATE TABLE audit_logs (
    id SERIAL PRIMARY KEY,
    table_name TEXT NOT NULL,
    operation TEXT NOT NULL,
    json_diff JSONB,
    inserted_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Step 2: Create the trigger function

mxgrn

Application.put_env(:sample, Example.Endpoint,
  http: [ip: {127, 0, 0, 1}, port: 5001],
  server: true,
  live_view: [signing_salt: "aaaaaaaa"],
  secret_key_base: String.duplicate("a", 64)
)

Mix.install([
  {:plug_cowboy, "~> 2.5"},
  {:jason, "~> 1.0"},