Merge branch 'lldp_app'

3 files changed, 129 insertions, 0 deletions

diff --git a/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_hide.svg b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_hide.svg
new file mode 100644
index 0000000000..0b64b95c78
--- /dev/null
+++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_hide.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<svg width="18" height="11.12" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
+ <metadata>image/svg+xml</metadata>
+
+ <g class="layer">
+  <title>Layer 1</title>
+  <path d="m9,11.12l9,-9l-2.12,-2.12l-6.88,6.88l-6.88,-6.88l-2.12,2.12l9,9z" fill="#ff7f00" id="svg_1"/>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_show.svg b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_show.svg
new file mode 100644
index 0000000000..e51e19ddee
--- /dev/null
+++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_show.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
+ <metadata>image/svg+xml</metadata>
+
+ <g class="layer">
+  <title>Layer 1</title>
+  <path d="m4.58,2.83l9.17,9.17l-9.17,9.17l2.83,2.83l12,-12l-12,-12l-2.83,2.83z" fill="#ff7f00" id="svg_1"/>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/lldpd.css b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/lldpd.css
new file mode 100644
index 0000000000..5932e41536
--- /dev/null
+++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/lldpd.css
@@ -0,0 +1,111 @@
+/*
+ * Copyright (c) 2020, Tano Systems LLC. All Rights Reserved.
+ * Author: Anton Kikin <a.kikin@tano-systems.com>
+ * Copyright (c) 2023-2024. All Rights Reserved.
+ * Paul Donald <newtwen+github@gmail.com>
+ */
+
+/*
+ * Filter select widget
+ */
+table.lldpd-filter td,
+table.lldpd-filter th {
+	border: 1px solid #ccc !important;
+	padding: 2px 10px;
+	text-align: center;
+}
+
+table.lldpd-filter td,
+table.lldpd-filter td input[type="radio"] {
+	vertical-align: middle;
+}
+
+table.lldpd-filter th { font-weight: bold; }
+
+table.lldpd-filter tbody tr {
+	cursor: pointer;
+}
+
+table.lldpd-filter tr.lldpd-filter-selected td {
+	background-color: #EEE;
+}
+
+/*
+ * Parameters
+ */
+.lldpd-params {
+	column-count: 2;
+	column-gap: 24px;
+}
+
+@media only screen and (max-width: 850px) {
+	.lldpd-params {
+		column-count: 1;
+	}
+}
+
+.lldpd-params > div {
+	display: grid;
+	grid-template-columns: 1fr auto;
+	border-bottom: 1px solid #e6e6e6;
+	padding: 0 8px;
+/*	column-break-inside: avoid;*/
+}
+
+.td .lldpd-params > div:last-of-type {
+	border-bottom: none;
+}
+
+.lldpd-params .lldpd-param {
+	margin-right: 10px;
+	font-weight: bold;
+}
+
+.lldpd-params .lldpd-param::after {
+	content: ':';
+}
+
+.lldpd-params .lldpd-param-value {
+	white-space: normal;
+	font-weight: normal;
+	text-align: right;
+}
+
+.td .lldpd-params {
+	column-count: 1;
+}
+
+.td .lldpd-params > div {
+	padding: 0;
+}
+
+/*
+ * Status table
+ */
+.lldpd-folded,
+.lldpd-unfolded {
+	width: 100%;
+}
+
+.lldpd-table .tr .td { cursor: pointer; }
+
+.lldpd-protocol-badge {
+	display: inline-block;
+	width: auto !important;
+	width: fit-content !important;
+	box-shadow: 0 1px 3px 0 grey;
+	padding: 0px 8px;
+	border-radius: 5px;
+	width: 100%;
+	background-color: #e6e6e6;
+	border: 0;
+	margin-right: 5px;
+	margin-bottom: 5px;
+	color: #595959;
+}
+
+.lldpd-protocol-badge.lldpd-protocol-lldp  { background-color: #b7efcf; border-color: #2abd69; color: #165e34; }
+.lldpd-protocol-badge.lldpd-protocol-cdp   { background-color: #b2daf3; border-color: #46a6e2; color: #1a74ac; }
+.lldpd-protocol-badge.lldpd-protocol-fdp   { background-color: #f9e3b3; border-color: #b7820f; color: #b7820f; }
+.lldpd-protocol-badge.lldpd-protocol-edp   { background-color: #f9e3f9; border-color: #e380e3; color: #b70f82; }
+.lldpd-protocol-badge.lldpd-protocol-sonmp { background-color: #f4ffc4; border-color: #a7ce00; color: #7e9b00; }