livebook/lib/livebook_web/live/session_live/custom_view_component.ex
2024-12-06 10:38:58 +01:00

38 lines
1.2 KiB
Elixir

defmodule LivebookWeb.SessionLive.CustomViewComponent do
use LivebookWeb, :live_component
@impl true
def render(assigns) do
~H"""
<div class="flex flex-col">
<h3 class="text-2xl font-semibold text-gray-800">
Custom view
</h3>
<p class="mt-8 text-gray-700">
Configure notebook display options.
</p>
<h3 class="mt-8 text-lg font-semibold text-gray-800">
Options
</h3>
<div
class="mt-2 flex flex-col gap-2"
id="custom-settings"
data-el-custom
phx-hook="CustomViewSettings"
phx-update="ignore"
>
<.switch_field name="show_section" label="Show sections" value={false} />
<.switch_field name="show_markdown" label="Show markdown" value={false} />
<.switch_field name="show_code" label="Show code" value={false} />
<.switch_field name="show_output" label="Show outputs" value={false} />
<.switch_field name="spotlight" label="Spotlight focused" value={false} />
</div>
<div class="mt-8 flex justify-end space-x-2">
<.button color="gray" outlined patch={@return_to}>
Close
</.button>
</div>
</div>
"""
end
end