Elgato_dark/bunkerweb
1
0
Fork 0
mirror of https://github.com/bunkerity/bunkerweb synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'dev' of github.com:bunkerity/bunkerweb into dev

Browse source
This commit is contained in:
fl0ppy-d1sk 2024-02-27 14:26:29 +01:00
commit 932761ffbd
No known key found for this signature in database
GPG key ID: 93EE47CC3D061500
18 changed files with 617 additions and 321 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/common/core/antibot/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-info-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-info-list">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-info-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
Challenges
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90">"unknown"</h5>
<h5 data-count class="core-card-title">"unknown"</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error"
>total failed
</span>
</p>
@ -46,13 +46,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-sky-700"
class="core-card-metrics-svg-container blue"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-75 leading-none text-lg relative fill-white"
class="size-base core-card-metrics-svg "
>
<path
d="M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z"
@ -85,14 +85,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-deactivated-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -100,7 +100,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -112,10 +112,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

45
src/common/core/badbehavior/ui/template.html
View file

@ -7,18 +7,18 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -26,42 +26,41 @@
<div
data-fetch-success-show
class="hidden 2xl:col-span-4 3xl:col-span-3 w-full md:max-w-[350px] overflow-hidden grid grid-cols-12 max-h-100 sm:max-h-125 col-span-12 p-4 relative break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="hidden core-card-list w-small"
>
<div class="col-span-12 flex">
<h5 class="mb-4 mt-2 font-bold dark:text-white/90 mx-2">
<div class="core-card-list-title-container">
<h5 class="core-card-list-title">
BAD BEHAVIOR LIST
</h5>
</div>
<div class="col-span-12 overflow-y-auto overflow-x-auto">
<div class="core-card-list-container">
<!-- list container-->
<div class="min-w-[250px] w-full grid grid-cols-12 rounded p-2">
<div class="w-small core-card-list-wrap">
<!-- header-->
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-6 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-6"
>
Error code
</p>
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-6 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-6"
>
Count
</p>
<!-- end header-->
<!-- list -->
<ul class="col-span-12 w-full">
<li
data-item
class="items-center grid grid-cols-12 border-b border-gray-300 py-2.5"
class="core-card-list-item col-span-6"
>
<p
data-name="code"
class="dark:text-gray-400 dark:opacity-80 text-sm col-span-6 m-0 my-1"
class="core-card-list-item-content col-span-6"
></p>
<p
data-name="count"
class="dark:text-gray-400 dark:opacity-80 text-sm col-span-6 m-0 my-1"
class="core-card-list-item-content col-span-6"
></p>
</li>
</ul>
@ -89,14 +88,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -104,7 +103,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -116,10 +115,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

96
src/common/core/blacklist/ui/template.html
View file

@ -7,19 +7,19 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -27,19 +27,19 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
URL
</p>
<h5 data-count-url class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count-url class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
</p>
@ -48,13 +48,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-red-600"
class="core-card-svg-container red"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-[0.6] leading-none text-lg relative fill-white"
class="size-medium core-card-metrics-svg"
>
<path
fill-rule="evenodd"
@ -67,19 +67,19 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
IP
</p>
<h5 data-count-ip class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count-ip class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
</p>
@ -88,13 +88,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-lime-600"
class="core-card-svg-container lime"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-50 leading-none text-lg relative fill-white"
class="size-small core-card-metrics-svg"
>
<path
d="M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM20.25 5.507v11.561L5.853 2.671c.15-.043.306-.075.467-.094a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93ZM3.75 21V6.932l14.063 14.063L12 18.088l-7.165 3.583A.75.75 0 0 1 3.75 21Z"
@ -105,19 +105,19 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
RDNS
</p>
<h5 data-count-rdns class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count-rdns class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
</p>
@ -126,13 +126,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-indigo-500"
class="core-card-metrics-svg-container indigo"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-[0.6] leading-none text-lg relative fill-white"
class="size-medium core-card-metrics-svg"
>
<path
d="M11.625 16.5a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75Z"
@ -151,19 +151,19 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
ASN
</p>
<h5 data-count-asn class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count-asn class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
</p>
@ -172,13 +172,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-blue-700"
class="core-card-svg-container blue"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-[0.6] leading-none text-lg relative fill-white"
class="size-medium core-card-metrics-svg"
>
<path
d="M21.721 12.752a9.711 9.711 0 0 0-.945-5.003 12.754 12.754 0 0 1-4.339 2.708 18.991 18.991 0 0 1-.214 4.772 17.165 17.165 0 0 0 5.498-2.477ZM14.634 15.55a17.324 17.324 0 0 0 .332-4.647c-.952.227-1.945.347-2.966.347-1.021 0-2.014-.12-2.966-.347a17.515 17.515 0 0 0 .332 4.647 17.385 17.385 0 0 0 5.268 0ZM9.772 17.119a18.963 18.963 0 0 0 4.456 0A17.182 17.182 0 0 1 12 21.724a17.18 17.18 0 0 1-2.228-4.605ZM7.777 15.23a18.87 18.87 0 0 1-.214-4.774 12.753 12.753 0 0 1-4.34-2.708 9.711 9.711 0 0 0-.944 5.004 17.165 17.165 0 0 0 5.498 2.477ZM21.356 14.752a9.765 9.765 0 0 1-7.478 6.817 18.64 18.64 0 0 0 1.988-4.718 18.627 18.627 0 0 0 5.49-2.098ZM2.644 14.752c1.682.971 3.53 1.688 5.49 2.099a18.64 18.64 0 0 0 1.988 4.718 9.765 9.765 0 0 1-7.478-6.816ZM13.878 2.43a9.755 9.755 0 0 1 6.116 3.986 11.267 11.267 0 0 1-3.746 2.504 18.63 18.63 0 0 0-2.37-6.49ZM12 2.276a17.152 17.152 0 0 1 2.805 7.121c-.897.23-1.837.353-2.805.353-.968 0-1.908-.122-2.805-.353A17.151 17.151 0 0 1 12 2.276ZM10.122 2.43a18.629 18.629 0 0 0-2.37 6.49 11.266 11.266 0 0 1-3.746-2.504 9.754 9.754 0 0 1 6.116-3.985Z"
@ -189,19 +189,19 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
User Agent
</p>
<h5 data-count-user-agent class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count-user-agent class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
</p>
@ -210,13 +210,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-amber-500"
class="core-card-svg-container amber"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-50 leading-none text-lg relative fill-white"
class="size-small core-card-metrics-svg"
>
<path
fill-rule="evenodd"
@ -265,14 +265,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -280,7 +280,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -292,10 +292,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

34
src/common/core/bunkernet/ui/template.html
View file

@ -7,32 +7,32 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="col-span-12 md:col-span-6 2xl:col-span-3 3xl:col-span-2 w-fit h-fit transition hover:scale-102 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-status"
>
<div class="mx-1 flex justify-start items-center">
<h5 class="mb-0 font-bold dark:text-white/90 mr-4">STATUS</h5>
<div class="core-card-status-container">
<h5 class="core-card-status-title">STATUS</h5>
<svg
data-status-svg
class="w-6 h-6"
class="core-card-status-svg"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
@ -41,7 +41,7 @@
</div>
<p
data-status-text
class="mx-1 transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
@ -67,14 +67,14 @@
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -82,7 +82,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -94,10 +94,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

36
src/common/core/cors/ui/template.html
View file

@ -8,37 +8,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
CORS
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error"
>request blocked</span
>
</p>
@ -47,7 +47,7 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-red-700"
class="core-card-svg-container red"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -84,14 +84,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -99,7 +99,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -111,10 +111,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

36
src/common/core/country/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
Country
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error"
>request blocked</span
>
</p>
@ -46,7 +46,7 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-red-700"
class="core-card-svg-container red"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -83,14 +83,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -98,7 +98,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -110,10 +110,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

36
src/common/core/dnsbl/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-4 2xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
DNSBL
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error"
>request blocked</span
>
</p>
@ -46,7 +46,7 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-red-700"
class="core-card-svg-container red"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -83,14 +83,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -98,7 +98,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -110,10 +110,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

30
src/common/core/errors/ui/template.html
View file

@ -7,17 +7,17 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-4 2xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -25,22 +25,22 @@
<div
data-fetch-success-show
class="hidden col-span-12 md:col-span-8 3xl:col-span-9 w-full md:max-w-[400px] overflow-hidden grid grid-cols-12 max-h-100 sm:max-h-125 p-4 relative break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="hidden core-card-list w-medium"
>
<div class="col-span-12">
<h5 class="mb-4 mt-2 font-bold dark:text-white/90 mx-2">ERRORS LIST</h5>
<div class="core-card-list-container">
<h5 class="core-card-list-title">ERRORS LIST</h5>
</div>
<div class="col-span-12 overflow-y-auto overflow-x-auto">
<div class="core-card-list-container">
<!-- list container-->
<div class="min-w-[350px] w-full grid grid-cols-12 rounded p-2">
<div class="core-card-list-wrap w-medium">
<!-- header-->
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-8 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-8"
>
Code error
</p>
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-4 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-4"
>
Count
</p>
@ -49,15 +49,15 @@
<ul class="col-span-12 w-full">
<li
data-item
class="items-center grid grid-cols-12 border-b border-gray-300 py-2.5"
class="core-card-list-item"
>
<p
data-name="code"
class="ml-1 dark:text-gray-400 dark:opacity-80 text-sm col-span-8 m-0 my-1"
class="core-card-list-item-content col-span-8"
></p>
<p
data-name="count"
class="ml-1 dark:text-gray-400 dark:opacity-80 text-sm col-span-4 m-0 my-1"
class="core-card-list-item-content col-span-4"
></p>
</li>
</ul>

36
src/common/core/greylist/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
GREYLIST
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-red-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error"
>request blocked</span
>
</p>
@ -46,7 +46,7 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-red-700"
class="core-card-svg-container red"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -83,14 +83,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -98,7 +98,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -110,10 +110,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

44
src/common/core/limit/ui/template.html
View file

@ -7,18 +7,18 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-4 2xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -26,24 +26,24 @@
<div
data-fetch-success-show
class="hidden col-span-12 md:col-span-8 3xl:col-span-9 w-full xl:max-w-[600px] overflow-hidden grid grid-cols-12 max-h-100 sm:max-h-125 p-4 relative break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="hidden core-card-list w-large"
>
<div class="col-span-12">
<h5 class="mb-4 mt-2 font-bold dark:text-white/90 mx-2">
<div class="core-card-list-container">
<h5 class="core-card-list-title">
LIMIT AND REQUEST LIST
</h5>
</div>
<div class="col-span-12 overflow-y-auto overflow-x-auto">
<div class="core-card-list-container">
<!-- list container-->
<div class="min-w-[500px] w-full grid grid-cols-12 rounded p-2">
<div class="core-card-list-wrap w-large">
<!-- header-->
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-8 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-8"
>
URL
</p>
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-4 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-4"
>
Count
</p>
@ -53,15 +53,15 @@
<ul class="col-span-12 w-full">
<li
data-item
class="items-center grid grid-cols-12 border-b border-gray-300 py-2.5"
class="core-card-list-item"
>
<p
data-name="url"
class="ml-1 dark:text-gray-400 dark:opacity-80 text-sm col-span-8 m-0 my-1"
class="core-card-list-item-content col-span-8"
></p>
<p
data-name="count"
class="ml-1 dark:text-gray-400 dark:opacity-80 text-sm col-span-4 m-0 my-1"
class="core-card-list-item-content col-span-4"
></p>
</li>
</ul>
@ -89,14 +89,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -104,7 +104,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -116,10 +116,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

54
src/common/core/misc/ui/template.html
View file

@ -7,20 +7,20 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -28,22 +28,22 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
DEFAULT SERVER DISABLED
</p>
<h5
data-count-server-disabled
class="mb-1 font-bold dark:text-white/90"
class="core-card-title"
></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-sky-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content info">
total
</span>
</p>
@ -52,13 +52,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-orange-600"
class="core-card-svg-container orange"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-[0.55] leading-none text-lg relative fill-white"
class="scale-[0.55] core-card-metrics-svg"
>
<path
d="M4.08 5.227A3 3 0 0 1 6.979 3H17.02a3 3 0 0 1 2.9 2.227l2.113 7.926A5.228 5.228 0 0 0 18.75 12H5.25a5.228 5.228 0 0 0-3.284 1.153L4.08 5.227Z"
@ -74,22 +74,22 @@
</div>
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
DISALLOWED METHODS
</p>
<h5
data-count-disallowed-methods
class="mb-1 font-bold dark:text-white/90"
class="core-card-title"
></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-sky-500 mx-0.5">
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content info">
count
</span>
</p>
@ -98,13 +98,13 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-lime-600"
class="core-card-svg-container lime"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-50 leading-none text-lg relative fill-white"
class="size-small core-card-metrics-svg"
>
<path
d="M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"
@ -136,14 +136,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -151,7 +151,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -163,10 +163,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

48
src/common/core/redis/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
Keys
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90">"unknown"</h5>
<h5 data-count class="core-card-title">"unknown"</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm textsky-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content info"
>total number
</span>
</p>
@ -46,7 +46,7 @@
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-sky-700"
class="core-card-svg-container sky"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -54,7 +54,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-[0.6] leading-none text-lg relative fill-sky-700 stroke-white"
class="scale-[0.6] leading-none text-lg relative-sky-700 stroke-white"
>
<path
stroke-linecap="round"
@ -67,13 +67,13 @@
</div>
<div
class="col-span-12 md:col-span-6 2xl:col-span-3 3xl:col-span-2 w-fit h-fit transition hover:scale-102 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-status"
>
<div class="mx-1 flex justify-start items-center">
<h5 class="mb-0 font-bold dark:text-white/90 mr-4">STATUS</h5>
<div class="core-card-status-container">
<h5 class="core-card-status-title">STATUS</h5>
<svg
data-status-svg
class="w-6 h-6"
class="core-card-status-svg"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
@ -82,7 +82,7 @@
</div>
<p
data-status-text
class="mx-1 transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
<!-- end status -->
@ -112,14 +112,14 @@
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -127,7 +127,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -139,10 +139,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

44
src/common/core/reversescan/ui/template.html
View file

@ -7,19 +7,19 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-4 2xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
@ -27,24 +27,24 @@
<div
data-fetch-success-show
class="hidden col-span-12 md:col-span-8 3xl:col-span-9 w-full xl:max-w-[500px] overflow-hidden grid grid-cols-12 max-h-100 sm:max-h-125 p-4 relative break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="hidden core-card-list w-large"
>
<div class="col-span-12">
<h5 class="mb-4 mt-2 font-bold dark:text-white/90 mx-2">
<div class="core-card-list-container">
<h5 class="core-card-list-title">
REVERSE SCAN LIST
</h5>
</div>
<div class="col-span-12 overflow-y-auto overflow-x-auto">
<div class="core-card-list-container">
<!-- list container-->
<div class="min-w-[400px] w-full grid grid-cols-12 rounded p-2">
<div class="core-card-list-wrap w-large">
<!-- header-->
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-5 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-5"
>
Port
</p>
<p
class="dark:text-gray-300 h-8 text-sm font-bold col-span-7 m-0 pb-2 border-b border-gray-400"
class="core-card-list-header col-span-7"
>
Block count
</p>
@ -54,15 +54,15 @@
<ul class="col-span-12 w-full">
<li
data-item
class="items-center grid grid-cols-12 border-b border-gray-300 py-2.5"
class="core-card-list-item"
>
<p
data-name="port"
class="dark:text-gray-400 dark:opacity-80 text-sm col-span-5 m-0 my-1"
class="core-card-list-item-content col-span-5"
></p>
<p
data-name="count"
class="dark:text-gray-400 dark:opacity-80 text-sm col-span-7 m-0 my-1"
class="core-card-list-item-content col-span-7"
></p>
</li>
</ul>
@ -90,14 +90,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -105,7 +105,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -117,10 +117,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

38
src/common/core/whitelist/ui/template.html
View file

@ -7,37 +7,37 @@
hidden
/>
<div class="col-span-12 grid grid-cols-12 gap-4">
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
<h5 class="core-card-title">INFO</h5>
<div class="mx-1 flex justify-start items-center my-4">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
></p>
</div>
</div>
<!-- end info -->
<div
class="h-fit dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card-metrics"
>
<!-- text -->
<div>
<p
class="mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60"
class="core-card-metrics-name"
>
WHITELIST
</p>
<h5 data-count class="mb-1 font-bold dark:text-white/90"></h5>
<h5 data-count class="core-card-title"></h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="font-bold leading-normal text-sm text-green-500 mx-0.5"
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content text-green-500 mx-0.5"
>request passed</span
>
</p>
@ -47,13 +47,13 @@
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-green-700"
class="core-card-svg-container green"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="scale-75 leading-none text-lg relative fill-white"
class="size-base core-card-metrics-svg"
>
<path
fill-rule="evenodd"
@ -82,14 +82,14 @@
</script>
{% else %}
<div
class="h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="core-card"
>
<div class="flex justify-between">
<h5 class="mb-2 font-bold dark:text-white/90">Deactivated</h5>
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-yellow-500"
class="core-card-svg-container"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -97,7 +97,7 @@
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="scale-75 leading-none text-lg relative fill-yellow-500 stroke-white"
class="core-card-deactivated-svg"
>
<path
stroke-linecap="round"
@ -109,10 +109,10 @@
<!-- end icon -->
</div>
<div class="mx-1 flex justify-start items-center my-2">
<div class="core-card-text-container">
<p
data-info
class="transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80"
class="core-card-text"
>
This plugin need to be activated to get metrics.
</p>

2
src/ui/static/css/dashboard.css
View file

File diff suppressed because one or more lines are too long

295
src/ui/styles.css
View file

@ -146,6 +146,301 @@
/*---------------END SETTINGS_TABS-------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*--------------- HOME PAGE--------------------*/
/*---------------------------------------------*/
.home-card {
@apply dark:brightness-110 sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border
}
.home-card-name {
@apply mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60
}
.home-card-title {
@apply mb-1 font-bold dark:text-white/90
}
.home-card-subtitle {
@apply mx-0.5 font-bold leading-normal text-sm mb-0;
}
.info.home-card-subtitle {
@apply text-sky-500;
}
.error.home-card-subtitle {
@apply text-red-500;
}
.success.home-card-subtitle {
@apply text-green-500;
}
.warning.home-card-subtitle {
@apply text-yellow-500;
}
.home-card-svg-container {
@apply dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle;
}
.version.home-card-svg-container {
@apply bg-yellow-500;
}
.version-number.home-card-svg-container {
@apply bg-emerald-500
}
.instances.home-card-svg-container {
@apply bg-gray-600;
}
.services.home-card-svg-container {
@apply bg-orange-500;
}
.plugins.home-card-svg-container {
@apply bg-yellow-400;
}
/*---------------------------------------------*/
/*--------------- END HOME PAGE ----------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*--------------- CORE PLUGINS ----------------*/
/*---------------------------------------------*/
.core-layout {
@apply col-span-12 grid grid-cols-12 gap-4;
}
.core-card {
@apply h-fit transition hover:scale-102 col-span-12 md:col-span-6 2xl:col-span-4 3xl:col-span-3 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border
}
.core-card-wrap {
@apply flex justify-between
}
.core-card-text {
@apply transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80
}
.core-card-title {
@apply mb-2 font-bold dark:text-white/90
}
.core-card-svg-container {
@apply dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle
}
.core-card-deactivated-svg {
@apply leading-none text-lg relative fill-yellow-500 stroke-white
}
.core-card-text-container {
@apply mx-1 flex justify-start items-center my-3
}
.core-card-status {
@apply col-span-12 md:col-span-6 2xl:col-span-3 3xl:col-span-2 w-fit h-fit transition hover:scale-102 p-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border
}
.core-card-status-container {
@apply mx-1 flex justify-start items-center
}
.core-card-status-title {
@apply mb-0 font-bold dark:text-white/90 mr-4
}
.core-card-status-svg {
@apply w-6 h-6
}
.core-card-list {
@apply 2xl:col-span-4 3xl:col-span-3 w-full overflow-hidden grid grid-cols-12 max-h-100 sm:max-h-125 col-span-12 p-4 relative break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border
}
.w-small.core-card-list {
@apply md:max-w-[300px]
}
.w-medium.core-card-list {
@apply md:max-w-[400px]
}
.w-large.core-card-list {
@apply md:max-w-[550px]
}
.core-card-list-title-container {
@apply col-span-12 flex
}
.core-card-list-title {
@apply mb-4 mt-2 font-bold dark:text-white/90 mx-2
}
.core-card-list-container {
@apply col-span-12 overflow-y-auto overflow-x-auto
}
.core-card-list-header {
@apply dark:text-gray-300 h-8 text-sm font-bold m-0 pb-2 border-b border-gray-400
}
.core-card-list-item {
@apply items-center grid grid-cols-12 border-b border-gray-300 py-2.5
}
.core-card-list-item-content {
@apply dark:text-gray-400 dark:opacity-80 text-sm m-0 my-1
}
.core-card-list-wrap {
@apply w-full grid grid-cols-12 rounded p-2
}
.w-small.core-card-list-wrap {
@apply min-w-[250px]
}
.w-medium.core-card-list-wrap {
@apply min-w-[350px]
}
.w-large.core-card-list-wrap {
@apply min-w-[500px]
}
.core-card-metrics {
@apply h-fit dark:brightness-110 sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border;
}
.core-card-metrics-name {
@apply mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60
}
.core-card-metrics-subtitle {
@apply mb-0 dark:text-white dark:opacity-60
}
.core-card-metrics-subtitle-content {
@apply font-bold leading-normal text-sm mx-0.5;
}
.error.core-card-metrics-subtitle-content {
@apply text-red-500
}
.success.core-card-metrics-subtitle-content {
@apply text-green-500
}
.warning.core-card-metrics-subtitle-content {
@apply text-yellow-500
}
.info.core-card-metrics-subtitle-content {
@apply text-sky-500
}
.core-card-metrics-svg {
@apply leading-none text-lg relative fill-white
}
.size-small.core-card-metrics-svg {
@apply scale-[0.5]
}
.size-medium.core-card-metrics-svg {
@apply scale-[0.6]
}
.size-base.core-card-metrics-svg {
@apply scale-[0.75]
}
.purple.core-card-svg-container {
@apply bg-purple-600
}
.green.core-card-svg-container {
@apply bg-green-700
}
.red.core-card-svg-container {
@apply bg-red-700
}
.orange.core-card-svg-container {
@apply bg-orange-600
}
.blue.core-card-svg-container {
@apply bg-blue-600
}
.yellow.core-card-svg-container {
@apply bg-yellow-600
}
.gray.core-card-svg-container {
@apply bg-gray-600
}
.dark.core-card-svg-container {
@apply bg-slate-600
}
.amber.core-card-svg-container {
@apply bg-amber-600
}
.emerald.core-card-svg-container {
@apply bg-emerald-600
}
.teal.core-card-svg-container {
@apply bg-teal-600
}
.indigo.core-card-svg-container {
@apply bg-indigo-600
}
.cyan.core-card-svg-container {
@apply bg-cyan-600
}
.sky.core-card-svg-container {
@apply bg-sky-700
}
.pink.core-card-svg-container {
@apply bg-pink-600
}
.lime.core-card-svg-container {
@apply bg-lime-600
}
/*---------------------------------------------*/
/*--------------- END CORE PLUGINS ------------*/
/*---------------------------------------------*/
.file-manager-actions-item-btn {
@apply rounded dark:text-gray-300 text-primary whitespace-nowrap md:block border-primary dark:hover:bg-slate-800 dark:border-slate-600 dark:bg-slate-700 border m-1 relative pl-4 pr-5 pb-2.5 pt-3 font-bold text-center uppercase align-middle transition-all cursor-pointer bg-white hover:bg-gray-100 leading-normal text-sm ease-in tracking-tight-rem shadow-xs hover:shadow-md disabled:cursor-not-allowed dark:disabled:text-gray-300 disabled:text-gray-700 disabled:bg-gray-400 disabled:border-gray-400/0 dark:disabled:bg-gray-700 dark:disabled:border-gray-700/0 disabled:hover:translate-y-0 disabled:hover:bg-gray-400 disabled:hover:border-gray-400/0 dark:disabled:hover:translate-y-0 dark:disabled:hover:bg-gray-700 dark:disabled:hover:border-gray-700/0;
}

2
src/ui/tailwind.config.js
View file

@ -65,6 +65,8 @@ module.exports = {
"bg-emerald-500/80",
"hover:bg-emerald-500/80",
"focus:bg-emerald-500/80",
"col-span-12",
"w-full"
],
presets: [],

24
src/ui/templates/home.html vendored
View file

@ -1,26 +1,26 @@
{% extends "base.html" %}
{% block content %}
{% set cards = [
{'name' : 'Version', 'title' : 'PRO' if is_pro_version else 'FREE', 'link' : '#' if is_pro_version else 'https://github.com/bunkerity/bunkerweb', 'subtitle' : 'all features available' if is_pro_version else 'upgrade to pro', 'subtitle_color' : 'green-500' if is_pro_version else 'yellow-500', 'svg_color' : 'yellow-500' },
{'name' : 'Version number', 'title' : version, 'link' : 'https://github.com/bunkerity/bunkerweb', 'subtitle' : "couldn'd fint remote" if not remote_version else "latest version" if remote_version and check_version else 'Update to ' + remote_version , 'subtitle_color' : "red-500" if not remote_version else "green-500" if remote_version and check_version else 'yellow-500', 'svg_color' : 'secondary'},
{'name' : 'Instances', 'title' : instances_number, 'link' : 'loading?next=' + url_for('instances') , 'subtitle' : instance_health_count|string + ' / ' + instances_number|string + ' is working' , 'subtitle_color' : "emerald-500", 'svg_color' : 'gray-600'},
{'name' : 'Services', 'title' : services_number, 'link' : 'loading?next=' + url_for('services') , 'subtitle' : services_ui_count|string + ' ui, ' + services_scheduler_count|string + ' scheduler, ' + services_autoconf_count|string + ' autoconf ' , 'subtitle_color' : "sky-500", 'svg_color' : 'orange-500'},
{'name' : 'Plugins', 'title' : config["CONFIG"].get_plugins()|length, 'link' : 'loading?next=' + url_for('plugins') , 'subtitle' : plugins_errors|string + ' errors' if plugins_errors > 0 else 'no error' , 'subtitle_color' : "red-500" if plugins_errors > 0 else 'green-500', 'svg_color' : 'yellow-400' }
{'name' : 'Version', 'title' : 'PRO' if is_pro_version else 'FREE', 'link' : '#' if is_pro_version else 'https://github.com/bunkerity/bunkerweb', 'subtitle' : 'all features available' if is_pro_version else 'upgrade to pro', 'subtitle_color' : 'success' if is_pro_version else 'warning' },
{'name' : 'Version number', 'title' : version, 'link' : 'https://github.com/bunkerity/bunkerweb', 'subtitle' : "couldn'd fint remote" if not remote_version else "latest version" if remote_version and check_version else 'Update to ' + remote_version , 'subtitle_color' : "error" if not remote_version else "success" if remote_version and check_version else 'warning'},
{'name' : 'Instances', 'title' : instances_number, 'link' : 'loading?next=' + url_for('instances') , 'subtitle' : instance_health_count|string + ' / ' + instances_number|string + ' is working' , 'subtitle_color' : "info",},
{'name' : 'Services', 'title' : services_number, 'link' : 'loading?next=' + url_for('services') , 'subtitle' : services_ui_count|string + ' ui, ' + services_scheduler_count|string + ' scheduler, ' + services_autoconf_count|string + ' autoconf ' , 'subtitle_color' : "info"},
{'name' : 'Plugins', 'title' : config["CONFIG"].get_plugins()|length, 'link' : 'loading?next=' + url_for('plugins') , 'subtitle' : plugins_errors|string + ' errors' if plugins_errors > 0 else 'no error' , 'subtitle_color' : "error" if plugins_errors > 0 else 'success'}
] %}
<div class="col-span-12 grid grid-cols-12 justify-start items-start gap-4">
{% for card in cards %}
<!-- stats card -->
<a href="{{ card['link'] }}"
class="dark:brightness-110 max-h-none sm:max-h-28 hover:scale-102 transition col-span-12 md:col-span-6 2xl:col-span-4 flex p-4 justify-between w-full shadow-md break-words bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
class="home-card"
target="_blank">
<!-- text -->
<div>
<p class="mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60">
<p class="home-card-name">
{{ card['name'] }}
</p>
<!-- version of user -->
<h5 class="mb-1 font-bold dark:text-white/90">{{ card['title'] }}</h5>
<p class="font-bold leading-normal text-sm mb-0 text-{{ card['subtitle_color'] }} mx-0.5 dark:text-white dark:opacity-60">
<h5 class="home-card-title">{{ card['title'] }}</h5>
<p class="home-card-subtitle {{card['subtitle_color']}}">
{{ card['subtitle'] }}
</p>
</div>
@ -28,7 +28,7 @@
<!-- icon -->
<div role="img"
aria-label="version"
class="dark:brightness-90 inline-block w-12 h-12 text-center rounded-circle bg-{{ card['svg_color'] }}">
class="home-card-svg-container {{card['name'].replace(' ', '-')|lower}}">
{% if card['name'] == "Version" and is_pro_version %}
<svg class="leading-none text-lg relative scale-[0.6]"
viewBox="0 0 48 46"
@ -39,7 +39,7 @@
</svg>
{% endif %}
{% if card['name'] == "Version" and not is_pro_version %}
<svg class="leading-none fill-white text-{{ card['svg_color'] }} text-lg relative scale-[0.6]"
<svg class="leading-none fill-white text-yellow-500 text-lg relative scale-[0.6]"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
@ -74,7 +74,7 @@
</svg>
{% endif %}
{% if card['name'] == "Plugins" %}
<svg class="scale-75 leading-none text-lg relative fill-white text-{{ card['svg_color'] }}"
<svg class="scale-75 leading-none text-lg relative fill-white text-yellow-400"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"