Renders a confirmation dialog.

Attributes

• ctx (:map) (required)
• confirm (:map) (required) - %{message, detail}.

@spec dom_key(GanttEx.Store.key()) :: String.t()

Turns a key into a string usable in DOM ids.

iex> GanttEx.Live.Components.dom_key("42")
"42"

iex> GanttEx.Live.Components.dom_key("a b") =~ ~r/^k[0-9a-z]+$/
true

Renders a labelled form field with its errors. Errors are expected to be already translated strings ({message, []} tuples).

Attributes

• field (Phoenix.HTML.FormField) (required)
• label (:string) (required)
• type (:string) - Defaults to "text".
• options (:list) - Defaults to [].
• Global attributes are accepted. Supports all globals plus: ["min", "max", "step", "autocomplete"].

Renders the header of the task grid.

Attributes

• ctx (:map) (required)
• columns (:list) (required)
• sort (:any) - Defaults to nil.
• grid_width (:integer) (required)

Renders a row of the task grid.

Attributes

• ctx (:map) (required)
• row (:map) (required)
• columns (:list) (required)
• editing (:any) - the field being edited inline in this row. Defaults to nil.

Renders the weekend / non-working time highlights.

Attributes

• highlights (:list) (required)

Renders the lightbox: the task editor dialog.

Attributes

• ctx (:map) (required)
• lightbox (:map) (required) - %{mode, form, key, parent_options}.
• sections (:list) (required)

Slots

• extra - custom fields, receives the form.

Renders the dependency editor dialog.

Attributes

• ctx (:map) (required)
• editor (:map) (required) - %{key, form, source, target}.

Renders the dependency arrows.

Attributes

• ctx (:map) (required)
• links (:list) (required)
• width (:integer) (required)
• height (:integer) (required)

Renders the timeline markers (see GanttEx.Marker).

Attributes

• ctx (:map) (required)
• markers (:list) (required)

@spec px(number()) :: String.t()

Formats a pixel value for inline styles.

iex> GanttEx.Live.Components.px(12.5)
"12.5px"

iex> GanttEx.Live.Components.px(40)
"40px"

iex> GanttEx.Live.Components.px(1200.0)
"1200px"

Renders the quick info popup shown below a selected bar.

Attributes

• ctx (:map) (required)
• bar (:map) (required)
• editable (:boolean) - Defaults to true.

Renders the resource panel: the load of every resource per column.

Attributes

• ctx (:map) (required)
• rows (:list) (required)
• width (:integer) (required)
• show_grid (:boolean) - Defaults to true.

Renders the tasks rolled up on the rows of their ancestor projects.

Attributes

• ctx (:map) (required)
• rollups (:list) (required)

Renders the baselines and deadlines of the bars (they do not move while dragging).

Attributes

• ctx (:map) (required)
• bars (:list) (required)

Renders the time scale header.

Attributes

• rows (:list) (required)
• width (:integer) (required)

Renders a task bar with its drag handles, link points and tooltip.

bar is a bar from GanttEx.Layout.build/4 with these extra keys: :selected, :drag ("move" or "none"), :resizable, :progress_editable, :linkable and :class.

Attributes

• ctx (:map) (required)
• bar (:map) (required)
• task_text (:list) - Defaults to [].
• tooltip (:list) - Defaults to [].

Renders the default summary of a task (tooltip and quick info body).

Attributes

• ctx (:map) (required)
• task (:map) (required)

Renders the toolbar: add, expand/collapse, zoom, today, export, print and fullscreen.

Attributes

• ctx (:map) (required)
• zoom (:atom) (required)
• levels (:list) (required)
• export_formats (:list) - Defaults to [].
• can_add (:boolean) - Defaults to true.
• show_history (:boolean) - Defaults to false.
• can_undo (:boolean) - Defaults to false.
• can_redo (:boolean) - Defaults to false.
• show_critical (:boolean) - Defaults to false.

Slots

• inner_block