mirror of
https://github.com/livebook-dev/livebook.git
synced 2024-09-22 19:06:00 +08:00
e755ff8122
* Force menu items into a single line * Add shortcut for saving the notebook * Make the disk icon always show file dialog * Split runtime and file settings into separate modals * Add ctrl+s to the shortcuts list * Add togglable menu to the session page * Make sure newly saved file appears in the file selector * Fix path seletor force reloading * Remove notebook generated in tests * Add test for file list refresh after save
108 lines
4.2 KiB
Elixir
108 lines
4.2 KiB
Elixir
defmodule LivebookWeb.SessionLive.IndicatorsComponent do
|
|
use LivebookWeb, :live_component
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~L"""
|
|
<div class="flex flex-col space-y-2 items-center" data-element="notebook-indicators">
|
|
<%= if @data_view.path do %>
|
|
<%= if @data_view.dirty do %>
|
|
<span class="tooltip left" aria-label="Autosave pending">
|
|
<%= live_patch to: Routes.session_path(@socket, :file_settings, @session_id),
|
|
class: "icon-button icon-outlined-button border-blue-400 hover:bg-blue-50 focus:bg-blue-50" do %>
|
|
<%= remix_icon("save-line", class: "text-xl text-blue-500") %>
|
|
<% end %>
|
|
</span>
|
|
<% else %>
|
|
<span class="tooltip left" aria-label="Notebook saved">
|
|
<%= live_patch to: Routes.session_path(@socket, :file_settings, @session_id),
|
|
class: "icon-button icon-outlined-button border-green-300 hover:bg-green-50 focus:bg-green-50" do %>
|
|
<%= remix_icon("save-line", class: "text-xl text-green-400") %>
|
|
<% end %>
|
|
</span>
|
|
<% end %>
|
|
<% else %>
|
|
<span class="tooltip left" aria-label="Choose a file to save the notebook">
|
|
<%= live_patch to: Routes.session_path(@socket, :file_settings, @session_id),
|
|
class: "icon-button icon-outlined-button border-gray-200 hover:bg-gray-100 focus:bg-gray-100" do %>
|
|
<%= remix_icon("save-line", class: "text-xl text-gray-400") %>
|
|
<% end %>
|
|
</span>
|
|
<% end %>
|
|
|
|
<%= if @data_view.runtime do %>
|
|
<%= render_global_evaluation_status(@data_view.global_evaluation_status) %>
|
|
<% else %>
|
|
<span class="tooltip left" aria-label="Choose a runtime to run the notebook in">
|
|
<%= live_patch to: Routes.session_path(@socket, :runtime_settings, @session_id),
|
|
class: "icon-button icon-outlined-button border-gray-200 hover:bg-gray-100 focus:bg-gray-100" do %>
|
|
<%= remix_icon("loader-3-line", class: "text-xl text-gray-400") %>
|
|
<% end %>
|
|
</span>
|
|
<% end %>
|
|
|
|
<%# Note: this indicator is shown/hidden using CSS based on the current mode %>
|
|
<span class="tooltip left" aria-label="Insert mode" data-element="insert-mode-indicator">
|
|
<span class="text-sm text-gray-400 font-medium cursor-default">
|
|
ins
|
|
</span>
|
|
</span>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
defp render_global_evaluation_status({:evaluating, cell_id}) do
|
|
assigns = %{cell_id: cell_id}
|
|
|
|
~L"""
|
|
<span class="tooltip left" aria-label="Go to evaluating cell">
|
|
<button class="icon-button icon-outlined-button border-blue-400 hover:bg-blue-50 focus:bg-blue-50"
|
|
data-element="focus-cell-button"
|
|
data-target="<%= @cell_id %>">
|
|
<%= remix_icon("loader-3-line", class: "text-xl text-blue-500 animate-spin") %>
|
|
</button>
|
|
</span>
|
|
"""
|
|
end
|
|
|
|
defp render_global_evaluation_status({:evaluated, cell_id}) do
|
|
assigns = %{cell_id: cell_id}
|
|
|
|
~L"""
|
|
<span class="tooltip left" aria-label="Go to last evaluated cell">
|
|
<button class="icon-button icon-outlined-button border-green-300 hover:bg-green-50 focus:bg-green-50"
|
|
data-element="focus-cell-button"
|
|
data-target="<%= @cell_id %>">
|
|
<%= remix_icon("loader-3-line", class: "text-xl text-green-400") %>
|
|
</button>
|
|
</span>
|
|
"""
|
|
end
|
|
|
|
defp render_global_evaluation_status({:stale, cell_id}) do
|
|
assigns = %{cell_id: cell_id}
|
|
|
|
~L"""
|
|
<span class="tooltip left" aria-label="Go to first stale cell">
|
|
<button class="icon-button icon-outlined-button border-yellow-200 hover:bg-yellow-50 focus:bg-yellow-50"
|
|
data-element="focus-cell-button"
|
|
data-target="<%= @cell_id %>">
|
|
<%= remix_icon("loader-3-line", class: "text-xl text-yellow-300") %>
|
|
</button>
|
|
</span>
|
|
"""
|
|
end
|
|
|
|
defp render_global_evaluation_status({:fresh, nil}) do
|
|
assigns = %{}
|
|
|
|
~L"""
|
|
<span class="tooltip left" aria-label="Ready to evaluate">
|
|
<button class="icon-button icon-outlined-button border-gray-200 hover:bg-gray-100 focus:bg-gray-100 cursor-default">
|
|
<%= remix_icon("loader-3-line", class: "text-xl text-gray-400") %>
|
|
</button>
|
|
</span>
|
|
"""
|
|
end
|
|
end
|