Hosting and Tenant: Add site selector

[alexandrexaviersm]

#8

• Created a select input showing all available sites
• Added an event to redirect the user to another LiveView if they change the sites through the select input.

layouts example:

error_pages example:

[leandrocp]

It's working well but I realized we can implement it with less code and make it work for all pages without duplicating the code.

Every page in admin use PageBuilder (https://github.com/BeaconCMS/beacon_live_admin/blob/main/lib/beacon/live_admin/page_builder.ex) which works as a base module to define shared behavior on all pages.

In that module, inside defmacro __using__, you can add a global handle_event:

      @impl true
      def handle_event("change-site", %{"site" => site}, socket) do
        site = String.to_existing_atom(site)
        
        path =
          case String.split(socket.assigns.beacon_page.path, "/") do
            ["", path | _] -> beacon_live_admin_path(socket, site, path)
            _ -> beacon_live_admin_path(socket)
          end

        {:noreply, push_navigate(socket, to: path)}
      end

Now for the frontend part, we also have a module/template that's shared across all pages and that is https://github.com/BeaconCMS/beacon_live_admin/blob/main/lib/beacon/live_admin/page_live.ex and https://github.com/BeaconCMS/beacon_live_admin/blob/main/lib/beacon/live_admin/page_live.html.heex

So in that module you can define that @running_sites assign and then call the <.site_selector> component in page_live.html.heex

By doing so you can remove the duplicated code in each live view (see the suggestions on the file component_editor_live/index.ex

Thanks!

[leandrocp]

👍🏻

[leandrocp]

❤️