mirror of
https://github.com/tobychui/zoraxy.git
synced 2025-06-01 13:17:21 +02:00
refactor: rephrased ui
This commit is contained in:
parent
6353cc532a
commit
0c753ae531
@ -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"));
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user