refactor: rephrased ui

This commit is contained in:
Tim Dreyer 2025-04-25 14:55:31 +02:00
parent 6353cc532a
commit 0c753ae531

View File

@ -17,21 +17,21 @@
<input <input
id="searchbar" id="searchbar"
type="text" type="text"
placeholder="Search..." placeholder="Search Containers ..."
autocomplete="off" autocomplete="off"
/> />
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="showOnlyRunning" class="hidden" /> <input type="checkbox" id="showOnlyRunning" class="hidden" />
<label for="showOnlyRunning">Show running Containers only</label> <label for="showOnlyRunning">Show Only Running Containers</label>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="showUnexposed" class="hidden" /> <input type="checkbox" id="showUnexposed" class="hidden" />
<label for="showUnexposed" <label for="showUnexposed"
>Show Containers with unexposed ports</label >Show Containers with Unexposed Ports</label
> >
</div> </div>
</div> </div>
@ -39,11 +39,10 @@
<!-- Networked Containers Lists --> <!-- Networked Containers Lists -->
<div class="ui header"> <div class="ui header">
<div class="content"> <div class="content">
Networked Containers Containers on Zoraxy's Networks
<div class="sub header"> <div class="sub header">
Containers sharing a network with Zoraxy.<br /> These containers share a network with Zoraxy.<br />
Docker DNS based name resolution has to be supported by your Your networks must support Docker DNS-based name resolution.
network.
</div> </div>
</div> </div>
</div> </div>
@ -54,10 +53,10 @@
<!-- Host Mode Containers List --> <!-- Host Mode Containers List -->
<div id="hostmodeListHeader" class="ui header" hidden> <div id="hostmodeListHeader" class="ui header" hidden>
<div class="content"> <div class="content">
Host Mode Containers Containers using Host Network
<div class="sub header"> <div class="sub header">
Containers using the host network.<br />Ports need to be added These containers use the host network configuration.<br />
manually. Ports must be manually configured.
</div> </div>
</div> </div>
</div> </div>
@ -66,10 +65,10 @@
<!-- Other Containers List --> <!-- Other Containers List -->
<div id="othersListHeader" class="ui header" hidden> <div id="othersListHeader" class="ui header" hidden>
<div class="content"> <div class="content">
Other Containers Containers on different Networks
<div class="sub header"> <div class="sub header">
Containers that do not share a network with Zoraxy.<br /> These containers are not connected to Zoraxy's networks.<br />
Manual addition is required. Manual configuration is required.
</div> </div>
</div> </div>
</div> </div>
@ -77,8 +76,10 @@
<div class="ui horizontal divider"></div> <div class="ui horizontal divider"></div>
<!-- Existing List --> <!-- Existing List -->
<div id="existingListHeader" class="ui header" hidden> <div id="existingListHeader" class="ui header" hidden>
Existing Rules Containers with existing Proxy Rules
<div class="sub header">Containers already in proxy rules.</div> <div class="sub header">
These containers are already configured in the proxy rules.
</div>
</div> </div>
<div id="existingList" class="ui middle aligned divided list"></div> <div id="existingList" class="ui middle aligned divided list"></div>
</div> </div>
@ -430,7 +431,7 @@
$elem.prop("checked", state === "true"); $elem.prop("checked", state === "true");
} }
} }
function saveCheckboxState(id, $elem) { function saveCheckboxState(id, $elem) {
localStorage.setItem(id, $elem.prop("checked")); localStorage.setItem(id, $elem.prop("checked"));
} }