Add element_input_vec

include/input_vec.hrl

@@ -0,0 +1,7 @@
+-ifndef(INPUT_VEC_NX_HRL).
+-define(INPUT_VEC_NX_HRL, true).
+
+-include_lib("nitro/include/nitro.hrl").
+-record(input_vec, {?ELEMENT_BASE(element_input_vec), input, disabled, values}).
+
+-endif.

src/elements/combo/element_input_vec.erl

@@ -0,0 +1,32 @@
+-module(element_input_vec).
+-include_lib("crm/include/erp/catalogs/input_vec.hrl").
+-include_lib("nitro/include/sortable_list.hrl").
+-include_lib("nitro/include/nitro.hrl").
+-include_lib("nitro/include/event.hrl").
+-export([render_element/1]).
+
+render_element(#input_vec{id=Id, input=Input, disabled=Disabled, validation=Validation, values=Values}) ->
+  ListId = form:atom([Id, "list"]),
+  InputId = element(#element.id, Input),
+  io:format("render_element(#input_vec{~p})~n", [Id]),
+  nitro:render(
+    #panel{
+      id = Id,
+      validation = Validation,
+      data_fields = [{<<"data-vector-input">>,<<"data-vector-input">>}],
+      body = [
+        #panel{
+          style = "display: flex; width: 100%; justify-content: center;",
+          body =
+            case Disabled of
+              true -> [];
+              _ ->
+                [ Input,
+                  #link{
+                    class = [button, sgreen],
+                    style = "min-width: 40px; text-align: center; height: fit-content; margin-left: 5px;",
+                    onclick = nitro:jse("addSortableItemFrom('#" ++ ListId ++ "', '" ++ InputId ++ "')"),
+                    body = <<"+">>} ] end },
+        % TODO: Add validation for each list_item and/or "+" button
+        % TODO?: Maybe show message "Empty list" when Values == []
+        #sortable_list{id = ListId, values = Values, closeable = true, disabled = Disabled}]}).