<.table_default id="integrations-table" toggleable items={@connections} card_title={fn conn -> conn.provider.name end} card_fields={ fn conn -> fields = [ %{ label: gettext("Status"), value: if(@validating == conn.uuid, do: gettext("Testing..."), else: elem(integration_status_badge(conn.data["status"]), 1) ) } ] fields = if conn.name != "default", do: fields ++ [%{label: gettext("Name"), value: conn.name}], else: fields fields = if conn.data["external_account_id"], do: fields ++ [%{label: gettext("Account"), value: conn.data["external_account_id"]}], else: fields fields end } > <:toolbar_title> {length(@connections)} {gettext("connections")} <:toolbar_actions> <.pk_link navigate="/admin/settings/integrations/new" class="btn btn-primary btn-sm" > <.icon name="hero-plus" class="w-4 h-4" /> {gettext("Add Integration")} <:card_header :let={conn}> <.table_default_header> <.table_default_row> <.table_default_header_cell>{gettext("Service")} <.table_default_header_cell>{gettext("Name")} <.table_default_header_cell>{gettext("Account")} <.table_default_header_cell>{gettext("Status")} <.table_default_header_cell>{gettext("Actions")} <.table_default_body> <.table_default_row :for={conn <- @connections}> <.table_default_cell> <.table_default_cell> {conn.name} <.table_default_cell> {conn.data["external_account_id"]} — <.table_default_cell> <%= if @validating == conn.uuid do %> {gettext("Testing...")} <% else %> <% {badge_class, badge_text} = integration_status_badge(conn.data["status"]) %> <% end %> <.table_default_cell> <.table_row_menu id={"integration-menu-#{conn.uuid}"} mode="auto" label={gettext("Actions")} > <.table_row_menu_link navigate={ PhoenixKit.Utils.Routes.path("/admin/settings/integrations/#{conn.uuid}") } icon="hero-pencil" label={gettext("Configure")} /> <.table_row_menu_button :if={conn.data["status"] in ["connected", "configured", "error"]} phx-click="validate_connection" phx-value-uuid={conn.uuid} icon="hero-signal" label={gettext("Test Connection")} /> <.table_row_menu_divider :if={conn.data["status"] == "connected"} /> <.table_row_menu_button :if={conn.data["status"] == "connected"} phx-click="disconnect" phx-value-uuid={conn.uuid} icon="hero-link-slash" label={gettext("Disconnect")} variant="warning" data-confirm={gettext("Are you sure you want to disconnect?")} /> <.table_row_menu_button phx-click="remove_connection" phx-value-uuid={conn.uuid} icon="hero-trash" label={gettext("Remove")} variant="error" data-confirm={ gettext( "This integration may be in use by other parts of the system. Remove it permanently?" ) } /> <:card_actions :let={conn}> <.table_row_menu id={"integration-card-menu-#{conn.uuid}"} mode="auto" label={gettext("Actions")} > <.table_row_menu_link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/integrations/#{conn.uuid}")} icon="hero-pencil" label={gettext("Configure")} /> <.table_row_menu_button :if={conn.data["status"] in ["connected", "configured", "error"]} phx-click="validate_connection" phx-value-uuid={conn.uuid} icon="hero-signal" label={gettext("Test Connection")} /> <.table_row_menu_divider :if={conn.data["status"] == "connected"} /> <.table_row_menu_button :if={conn.data["status"] == "connected"} phx-click="disconnect" phx-value-uuid={conn.uuid} icon="hero-link-slash" label={gettext("Disconnect")} variant="warning" data-confirm={gettext("Disconnect?")} /> <.table_row_menu_button phx-click="remove_connection" phx-value-uuid={conn.uuid} icon="hero-trash" label={gettext("Remove")} variant="error" data-confirm={ gettext( "This integration may be in use by other parts of the system. Remove it permanently?" ) } />