diff options
Diffstat (limited to 'applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd')
3 files changed, 148 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..7607870d58 --- /dev/null +++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_hide.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg version="1.1" viewBox="0 0 18 11.12" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> +<metadata> +<rdf:RDF> +<cc:Work rdf:about=""> +<dc:format>image/svg+xml</dc:format> +<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> +</cc:Work> +</rdf:RDF> +</metadata> +<path d="m 9,11.12 9,-9 L 15.88,0 9,6.88 2.12,0 0,2.12 Z"/> +<path d="m-9-12h36v36h-36z" fill="none"/> +</svg> 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..867ef4b998 --- /dev/null +++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/details_show.svg @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> +<metadata> +<rdf:RDF> +<cc:Work rdf:about=""> +<dc:format>image/svg+xml</dc:format> +<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> +<dc:title/> +</cc:Work> +</rdf:RDF> +</metadata> +<path d="m4.585 2.83 9.17 9.17-9.17 9.17 2.83 2.83 12-12-12-12z"/> +<path d="m0-24h48v48h-48z" fill="none"/> +</svg> 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..0f3c0e1b98 --- /dev/null +++ b/applications/luci-app-lldpd/htdocs/luci-static/resources/lldpd/lldpd.css @@ -0,0 +1,121 @@ +/* + * Copyright (c) 2020, Tano Systems LLC. All Rights Reserved. + * Author: Anton Kikin <a.kikin@tano-systems.com> + */ + +/* + * Filter select widget + */ +table.lldpd-filter td, +table.lldpd-filter th { + border: 1px solid #ccc !important; + padding: 2px 10px 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: #eeeeee; +} + +/* + * Parameters + */ +.lldpd-params { + column-count: 2; + -moz-column-count: 2; + -webkit-column-count: 2; + column-gap: 24px; + -moz-column-gap: 24px; + -webkit-column-gap: 24px; +} + +@media only screen and (max-width: 850px) { + .lldpd-params { + column-count: 1; + -moz-column-count: 1; + -webkit-column-count: 1; + } +} + +.lldpd-params > div { + display: grid; + grid-template-columns: 1fr auto; + border-bottom: 1px solid #e6e6e6; + padding: 0 8px; + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + 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; + -moz-column-count: 1; + -webkit-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; + width: -moz-fit-content !important; + width: -webkit-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; } |
