benbot/ezcontainer_example
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

alright, that's it

Browse source
This commit is contained in:
benbot 2023-10-27 01:48:53 -04:00
parent a25698347d
commit 794a2c1bf3
8 changed files with 76 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

50
lib/ezcontainer_railway_web/live/container_create_live.ex
View file

@ -7,41 +7,46 @@ defmodule EzcontainerRailwayWeb.ContainerCreateLive do
def render(assigns) do
~H"""
<div class="flex space-around w-full">
<article>
<%= if @target == "container" do %>
<article class="m-auto">
<%= if @target == "image" do %>
<.form for={@form} phx-submit="create_container">
<label class="label">
<span class="label-text">Container Name</span>
<span class="label-text-alt mr-20">Tag</span>
</label>
<div class="grid grid-rows-1 grid-cols-4 gap-4">
<label class="label flex space-between">
<span class="label-text">Container Name</span>
</label>
<input class="input input-bordered inline col-span-3" name="name" />
<label class="label flex space-between">
<span class="label-text-alt">Tag</span>
</label>
<input class="input input-bordered inline" name="tag" />
</div>
<div class="text-center mt-6">
<button phx-submit class="btn btn-primary">CREATE</button>
<button phx-submit class={"btn btn-primary #{if @loading, do: "loading-dots"}"}>CREATE</button>
</div>
<input type="hidden" name="target" value="container" />
</.form>
<% end %>
<%= if @target == "repo" do %>
<.form for={@form} phx-submit="create_container">
<label class="label">
<span class="label-text">Github Repo</span>
<span class="label-text-alt mr-20">Branch</span>
</label>
<div class="grid grid-rows-1 grid-cols-4 gap-4">
<label class="label flex space-between">
<span class="label-text">Repo</span>
</label>
<input class="input input-bordered inline col-span-3" name="name" />
<label class="label flex space-between">
<span class="label-text-alt">Branch</span>
</label>
<input class="input input-bordered inline" name="tag" />
</div>
<div class="text-center mt-6">
<button phx-submit class="btn btn-primary">CREATE</button>
<button phx-submit class={"btn btn-primary #{if @loading, do: "loading-spinner"}"}>CREATE</button>
</div>
<input type="hidden" name="target" value="repo" />
</.form>
<% end %>
<div class="flex w-full mt-5 space-around">
<button class="m-auto btn btn-secondary" phx-click="switch_target">Switch to <%= if @target == "repo", do: "Image", else: "Repo" %></button>
</div>
</article>
</div>
"""
@ -50,10 +55,10 @@ defmodule EzcontainerRailwayWeb.ContainerCreateLive do
def mount(_params, session, socket) do
form = Component.to_form(%{"name" => "", "tag" => ""})
{:ok, socket |> assign(form: form, target: "container", session: session)}
{:ok, socket |> assign(form: form, target: "image", session: session, loading: false)}
end
def handle_event("create_container", data, socket) do
def handle_info({:create, data}, socket) do
{:ok, resp} = Railway.create_service(
data["name"],
"image",
@ -62,4 +67,17 @@ defmodule EzcontainerRailwayWeb.ContainerCreateLive do
{:noreply, socket |> put_flash(:info, "container deplying") |> push_redirect(to: "/containers")}
end
def handle_event("create_container", data, socket) do
send(self(), {:create, data})
{:noreply, socket |> assign(loading: true)}
end
def handle_event("switch_target", _, socket) do
IO.inspect socket.assigns
case socket.assigns.target do
"repo" -> {:noreply, socket |> assign(target: "image")}
"image" -> {:noreply, socket |> assign(target: "repo")}
end
end
end