46 lines
2.1 KiB
ERB
46 lines
2.1 KiB
ERB
<div class="w-[72vw] md:w-[500px]">
|
|
<h3 class="mb-6">Edit relays</h3>
|
|
<%= form_with url: "#", local: true,
|
|
html: { data: { controller: "relay-list-editor" } } do |f| %>
|
|
<ul data-relay-list-editor-target="list" class="mb-4 space-y-2">
|
|
<% @relays.each do |relay| %>
|
|
<li class="flex gap-x-2 items-center">
|
|
<input type="text" name="relay_urls[]" value="<%= relay[:url] %>" class="grow" />
|
|
<select name="relay_markers[]" class="shrink-0 w-32">
|
|
<option value=""<%= %( selected="selected") if relay[:marker].nil? %>>Read & write</option>
|
|
<option value="read"<%= %( selected="selected") if relay[:marker] == "read" %>>Read only</option>
|
|
<option value="write"<%= %( selected="selected") if relay[:marker] == "write" %>>Write only</option>
|
|
</select>
|
|
<button type="button" class="btn-md btn-icon btn-outline text-red-700 shrink-0"
|
|
data-action="click->relay-list-editor#remove" title="Remove relay">
|
|
<%= render partial: "icons/trash-2", locals: { custom_class: "h-4 w-4" } %>
|
|
</button>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<template data-relay-list-editor-target="template">
|
|
<li class="flex gap-x-2 items-center">
|
|
<input type="text" name="relay_urls[]" value="" class="grow" />
|
|
<select name="relay_markers[]" class="shrink-0 w-32">
|
|
<option value="">Read & write</option>
|
|
<option value="read">Read only</option>
|
|
<option value="write">Write only</option>
|
|
</select>
|
|
<button type="button" class="btn-md btn-icon btn-outline text-red-700 shrink-0"
|
|
data-action="click->relay-list-editor#remove" title="Remove relay">
|
|
<%= render partial: "icons/trash-2", locals: { custom_class: "h-4 w-4" } %>
|
|
</button>
|
|
</li>
|
|
</template>
|
|
|
|
<button type="button" class="btn-md btn-gray w-full mb-6"
|
|
data-action="click->relay-list-editor#add">
|
|
<%= render partial: "icons/plus", locals: { custom_class: "h-4 w-4 inline mr-1" } %>
|
|
Add relay
|
|
</button>
|
|
|
|
<%= f.submit "Save relay list", class: "btn-md btn-blue w-full" %>
|
|
<% end %>
|
|
</div>
|