58 lines
2.5 KiB
Plaintext
58 lines
2.5 KiB
Plaintext
<div class="fixed inset-0 flex items-end justify-center sm:items-center bg-gray-800 bg-opacity-50 z-50 hidden opacity-0 transition-opacity duration-300" id="fixdialog-<%= metadata.idx %>">
|
|
<div class="bg-white rounded-lg shadow-lg w-full max-w-md mx-auto overflow-y-auto transform translate-y-full transition-transform duration-300">
|
|
<div class="p-4 border-b relative">
|
|
<button data-close-offcanvas class="absolute top-4 right-4 text-gray-500">×</button>
|
|
<h3 class="text-lg font-bold text-gray-700">Fixing <%= metadata.name %></h3>
|
|
</div>
|
|
|
|
<div class="p-4">
|
|
<h4 class="text-md font-semibold mb-3">Pending operations</h4>
|
|
<% metadata.commandUsedInFixFunction.forEach(({ name, reason }) => { %>
|
|
<div class="bg-gray-100 p-3 rounded mb-3">
|
|
<h5 class="font-semibold text-gray-700"><%= name %></h5>
|
|
<p class="text-gray-600"><%= reason %></p>
|
|
</div>
|
|
<% }) %>
|
|
|
|
<h4 class="text-md font-semibold mb-3">Required Parameters</h4>
|
|
<form method="POST" action="/fix?name=<%= metadata.name %>&hidePass=<%= hidePass %>">
|
|
<% metadata.requiredParametersForFix.forEach((input) => { %>
|
|
<div class="mb-4">
|
|
<label for="<%= `${metadata.name}-${input.name}` %>" class="block text-sm font-medium text-gray-700">
|
|
<%= input.name %>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="outline-none mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
|
|
name="<%= input.name %>"
|
|
id="<%= `${metadata.name}-${input.name}` %>"
|
|
value="<%= input.default %>"
|
|
required
|
|
/>
|
|
<p class="mt-1 text-xs text-gray-500">
|
|
<%= input.description %><br />
|
|
<span class="font-mono"><%= input.example %></span>
|
|
</p>
|
|
</div>
|
|
<% }) %>
|
|
|
|
<% if (metadata.isFixFunctionUsesDestructiveCommand) { %>
|
|
<div class="p-3 bg-red-100 text-red-700 rounded mb-3">
|
|
This Fix Function Has DESTRUCTIVE Commands! Please review pending operations carefully.
|
|
</div>
|
|
<% } %>
|
|
|
|
<div class="p-3 bg-yellow-100 text-yellow-700 rounded mb-3">
|
|
<%= metadata.adviseBeforeFixFunction %>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="w-full bg-blue-500 text-white px-4 py-2 rounded shadow hover:bg-blue-600">
|
|
Fix!
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|