mirror of
https://github.com/livebook-dev/livebook.git
synced 2024-09-22 19:06:00 +08:00
143cd5d80f
* Optimise rendering and diff by stripping data into view-specific struct * Move data to socket.private
48 lines
1.6 KiB
Elixir
48 lines
1.6 KiB
Elixir
defmodule LivebookWeb.SessionLive.SettingsComponent do
|
|
use LivebookWeb, :live_component
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~L"""
|
|
<div class="p-6 pb-4 max-w-4xl w-screen flex flex-col space-y-3">
|
|
<h3 class="text-2xl font-semibold text-gray-800">
|
|
Notebook settings
|
|
</h3>
|
|
<div class="tabs">
|
|
<%= live_patch to: Routes.session_path(@socket, :settings, @session_id, "file"),
|
|
class: "tab #{if(@tab == "file", do: "active")}" do %>
|
|
<%= remix_icon("file-settings-line", class: "align-middle") %>
|
|
<span class="font-medium">
|
|
File
|
|
</span>
|
|
<% end %>
|
|
<%= live_patch to: Routes.session_path(@socket, :settings, @session_id, "runtime"),
|
|
class: "tab #{if(@tab == "runtime", do: "active")}" do %>
|
|
<%= remix_icon("play-circle-line", class: "align-middle") %>
|
|
<span class="font-medium">
|
|
Runtime
|
|
</span>
|
|
<% end %>
|
|
<div class="flex-grow tab">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<%= if @tab == "file" do %>
|
|
<%= live_component @socket, LivebookWeb.SessionLive.PersistenceComponent,
|
|
id: :persistence,
|
|
session_id: @session_id,
|
|
current_path: @data_view.path,
|
|
path: @data_view.path %>
|
|
<% end %>
|
|
<%= if @tab == "runtime" do %>
|
|
<%= live_component @socket, LivebookWeb.SessionLive.RuntimeComponent,
|
|
id: :runtime,
|
|
session_id: @session_id,
|
|
runtime: @data_view.runtime %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
"""
|
|
end
|
|
end
|