Enum.map(&(&1["uid"])) |> Jason.encode!() |> String.replace(~S("),~S('))}, toggle: function(uid){ if (this.selected_items[uid]) { delete this.selected_items[uid]; } else { this.selected_items[uid] = true; } }, selected_uids: function() { const items=this.selected_items; return Object.keys(items).map(function(key, index) { return key; }); }, send_uids: function(command) { PhxContext.pushEventTo('##{@css_id}',command, this.selected_uids()); }, select_all: function(){ this.all_uids.map( uid => {this.selected_items[uid]=true} ) }, select_none: function(){ this.selected_items={} }, size: function() { return this.selected_uids().length } }"], else: [] } > <% tinybtn_classes=" w-5 h-5 inline-block text-gray-400 hover:text-red-600" %> <%= if @context.multiselect_path==@path do %>

element(s) selected:

<%= link [tw_icon(&Heroicons.Outline.check_circle/1, "w-4 h-4"),content_tag(:div,"select all")], to: "#", "x-show": "size()==0", "x-on:click.stop": "select_all()", class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %> <%= link [tw_icon(&Heroicons.Outline.x_circle/1, "w-4 h-4"),content_tag(:div,"select none")], to: "#", "x-show": "size()!==0", "x-on:click.stop": "select_none()", class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %> <%= link [tw_icon(&Heroicons.Solid.x/1, "w-4 h-4"),content_tag(:div,"close")], to: "#", phx_click: "hide_multiselect_ui", phx_target: @myself, class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %>

<%= link [tw_icon(&Heroicons.Outline.clipboard_copy/1, "w-4 h-4"),content_tag(:div,"copy to clipboard")], to: "#", "x-on:click.stop": "send_uids('copy_multiple_ce')", class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %> <%#= link [tw_icon(&Heroicons.Outline.clipboard_copy/1, "w-4 h-4"),content_tag(:div,"cut to clipoard")], to: "#", "x-on:click.stop": "send_uids('cut_multiple_ce')", class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %> <%= link [tw_icon(&Heroicons.Outline.trash/1, "w-4 h-4"),content_tag(:div,"delete")], to: "#", "x-on:click.stop": "send_uids('delete_multiple_ce')", class: "flex-0 flex items-center space-x-1 btn btn-outline-default text-sm" %>

<% else %> <% end %> <% p=@path %> <%= if match?({^p,_},@context.moving_element) do %> <% {_,moving_uid} = @context.moving_element %>

<%= link tw_icon(&Heroicons.Solid.chevron_up/1, "w-10 h-10"), to: "#", phx_click: "move_ce", phx_value_direction: "up", phx_value_uid: moving_uid, phx_target: @myself, class: "btn btn-outline-default " %> <%= link tw_icon(&Heroicons.Solid.chevron_down/1, "w-10 h-10"), to: "#", phx_click: "move_ce", phx_value_direction: "down", phx_value_uid: moving_uid, phx_target: @myself, class: "btn btn-outline-default " %> <%= link tw_icon(&Heroicons.Solid.x/1, "w-7 h-7"), to: "#", phx_click: "hide_move_ui", phx_target: @myself, class: "" %>

<% end %> <%= for item <- @contentlist do %>

<.live_component id={"content_element_#{item["uid"]}"} module={MavuSnippetsUi.Live.ContentElementComponent} item={item} path={@path} snippet_group={@snippet_group} context={@context} snippet_group={@snippet_group} mode={:backend} /> <%= if @context.multiselect_path==@path do %>

<%= tw_icon(&Heroicons.Outline.check/1, "w-full h-full") %>

<% end %>

<%= link tw_icon(&Heroicons.Outline.trash/1, "w-5 h-5"), to: "#", phx_click: "delete_ce", phx_value_uid: item["uid"], phx_target: @myself, class: tinybtn_classes, data: [confirm: "Are you sure?"] %> <%#= link tw_icon(&Heroicons.Outline.duplicate/1, "w-5 h-5"), to: "#", phx_click: "duplicate_ce", title: "duplicate element", phx_value_uid: item["uid"], phx_target: @myself, class: tinybtn_classes %> <%#= link tw_icon(&Heroicons.Outline.clipboard_copy/1, "w-5 h-5"), to: "#", phx_click: "copy_ce", phx_value_uid: item["uid"], phx_target: @myself, class: tinybtn_classes %> <%= link tw_icon(&Heroicons.Outline.switch_vertical/1, "w-5 h-5"), to: "#", phx_click: "show_move_ui", phx_value_uid: item["uid"], phx_target: @myself, class: tinybtn_classes %> <%= live_patch tw_icon(&Heroicons.Outline.pencil/1, "w-5 h-5"), to: @base_path.(%{action: :edit, path: @path, uid: item["uid"]}), class: tinybtn_classes %> <%#= link tw_icon(&Heroicons.Outline.dots_horizontal/1, "w-5 h-5"), to: "#", phx_click: "show_menu", phx_value_uid: item["uid"], phx_target: @myself, class: tinybtn_classes %> <%= if @context.menuing_element=={@path,item["uid"]} do %> <.live_component id="contextmenu" module={MavuSnippetsUi.Live.ContentListContextmenu} item={item} path={@path} snippet_group={@snippet_group} context={@context} target={@myself} /> <% end %>

<% end %>