ThatGuyJack/nginx-proxy-manager
1
0
Fork 0
mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2025-10-03 19:30:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

404 hosts search

Browse Source
This commit is contained in:
Jamie Curnow
2025-09-24 19:59:00 +10:00
parent d558594031
commit db639c333b
4 changed files with 11 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
frontend/src/pages/AuditLog/AuditTable.tsx
View File

@@ -1,128 +0,0 @@
import { IconDotsVertical, IconEdit, IconPower, IconSearch, IconTrash } from "@tabler/icons-react";
import { intl } from "src/locale";
export default function AuditTable() {
return (
<div className="card mt-4">
<div className="card-status-top bg-purple" />
<div className="card-table">
<div className="card-header">
<div className="row w-full">
<div className="col">
<h2 className="mt-1 mb-0">{intl.formatMessage({ id: "auditlog.title" })}</h2>
</div>
<div className="col-md-auto col-sm-12">
<div className="ms-auto d-flex flex-wrap btn-list">
<div className="input-group input-group-flat w-auto">
<span className="input-group-text input-group-text-sm">
<IconSearch size={16} />
</span>
<input
id="advanced-table-search"
type="text"
className="form-control form-control-sm"
autoComplete="off"
/>
</div>
</div>
</div>
</div>
</div>
<div id="advanced-table">
<div className="table-responsive">
<table className="table table-vcenter table-selectable">
<thead>
<tr>
<th className="w-1" />
<th>
<button type="button" className="table-sort d-flex justify-content-between">
Source
</button>
</th>
<th>
<button type="button" className="table-sort d-flex justify-content-between">
Destination
</button>
</th>
<th>
<button type="button" className="table-sort d-flex justify-content-between">
SSL
</button>
</th>
<th>
<button type="button" className="table-sort d-flex justify-content-between">
Access
</button>
</th>
<th>
<button type="button" className="table-sort d-flex justify-content-between">
Status
</button>
</th>
<th className="w-1" />
</tr>
</thead>
<tbody className="table-tbody">
<tr>
<td data-label="Owner">
<div className="d-flex py-1 align-items-center">
<span
className="avatar avatar-2 me-2"
style={{
backgroundImage:
"url(//www.gravatar.com/avatar/6193176330f8d38747f038c170ddb193?default=mm)",
}}
/>
</div>
</td>
<td data-label="Destination">
<div className="flex-fill">
<div className="font-weight-medium">
<span className="badge badge-lg domain-name">blog.jc21.com</span>
</div>
<div className="text-secondary mt-1">Created: 20th September 2024</div>
</div>
</td>
<td data-label="Source">http://172.17.0.1:3001</td>
<td data-label="SSL">Let's Encrypt</td>
<td data-label="Access">Public</td>
<td data-label="Status">
<span className="badge bg-lime-lt">Online</span>
</td>
<td data-label="Status" className="text-end">
<span className="dropdown">
<button
type="button"
className="btn dropdown-toggle btn-action btn-sm px-1"
data-bs-boundary="viewport"
data-bs-toggle="dropdown"
>
<IconDotsVertical />
</button>
<div className="dropdown-menu dropdown-menu-end">
<span className="dropdown-header">Proxy Host #2</span>
<a className="dropdown-item" href="#">
<IconEdit size={16} />
Edit
</a>
<a className="dropdown-item" href="#">
<IconPower size={16} />
Disable
</a>
<div className="dropdown-divider" />
<a className="dropdown-item" href="#">
<IconTrash size={16} />
Delete
</a>
</div>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
);
}

16
frontend/src/pages/AuditLog/TableWrapper.tsx
View File

@@ -1,4 +1,3 @@
import { IconSearch } from "@tabler/icons-react";
import { useState } from "react";
import Alert from "react-bootstrap/Alert";
import { LoadingPage } from "src/components";
@@ -28,21 +27,6 @@ export default function TableWrapper() {
<div className="col">
<h2 className="mt-1 mb-0">{intl.formatMessage({ id: "auditlog.title" })}</h2>
</div>
<div className="col-md-auto col-sm-12">
<div className="ms-auto d-flex flex-wrap btn-list">
<div className="input-group input-group-flat w-auto">
<span className="input-group-text input-group-text-sm">
<IconSearch size={16} />
</span>
<input
id="advanced-table-search"
type="text"
className="form-control form-control-sm"
autoComplete="off"
/>
</div>
</div>
</div>
</div>
</div>
<Table data={data ?? []} isFetching={isFetching} onSelectItem={setEventId} />

11
frontend/src/pages/Nginx/DeadHosts/TableWrapper.tsx
View File

@@ -12,6 +12,7 @@ import Table from "./Table";
export default function TableWrapper() {
const queryClient = useQueryClient();
const [search, setSearch] = useState("");
const [deleteId, setDeleteId] = useState(0);
const [editId, setEditId] = useState(0 as number | "new");
const { isFetching, isLoading, isError, error, data } = useDeadHosts(["owner", "certificate"]);
@@ -36,6 +37,13 @@ export default function TableWrapper() {
showSuccess(intl.formatMessage({ id: enabled ? "notification.host-enabled" : "notification.host-disabled" }));
};
let filtered = null;
if (search && data) {
filtered = data?.filter((item) => {
return item.domainNames.some((domain: string) => domain.toLowerCase().includes(search));
});
}
return (
<div className="card mt-4">
<div className="card-status-top bg-red" />
@@ -56,6 +64,7 @@ export default function TableWrapper() {
type="text"
className="form-control form-control-sm"
autoComplete="off"
onChange={(e: any) => setSearch(e.target.value.toLowerCase())}
/>
</div>
<Button size="sm" className="btn-red" onClick={() => setEditId("new")}>
@@ -66,7 +75,7 @@ export default function TableWrapper() {
</div>
</div>
<Table
data={data ?? []}
data={filtered ?? data ?? []}
isFetching={isFetching}
onEdit={(id: number) => setEditId(id)}
onDelete={(id: number) => setDeleteId(id)}

2
frontend/src/pages/Settings/SettingTable.tsx
View File

@@ -1,7 +1,7 @@
import { IconDotsVertical, IconEdit, IconPower, IconTrash } from "@tabler/icons-react";
import { intl } from "src/locale";
export default function AuditTable() {
export default function SettingTable() {
return (
<div className="card mt-4">
<div className="card-status-top bg-teal" />