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

precommit + update plugin custom page script

Browse source
This commit is contained in:
Jordan Blasenhauer 2024-02-27 16:14:29 +01:00
parent bbf3ed3545
commit ed3f918c96
21 changed files with 294 additions and 624 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,30 +10,19 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-info-title">INFO</h5>
<div class="core-card-info-list">
<p
data-info
class="core-card-info-text"
></p>
<p data-info class="core-card-info-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
Challenges
</p>
<p class="core-card-metrics-name">Challenges</p>
<h5 data-count class="core-card-title">"unknown"</h5>
<p class="core-card-metrics-subtitle">
@ -44,15 +33,12 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-metrics-svg-container blue"
>
<div role="img" class="core-card-metrics-svg-container blue">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="size-base core-card-metrics-svg "
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"
@ -84,16 +70,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-deactivated-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -113,10 +94,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -10,50 +10,29 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
data-fetch-success-show
class="hidden core-card-list w-small"
>
<div data-fetch-success-show class="hidden core-card-list w-small">
<div class="core-card-list-title-container">
<h5 class="core-card-list-title">
BAD BEHAVIOR LIST
</h5>
<h5 class="core-card-list-title">BAD BEHAVIOR LIST</h5>
</div>
<div class="core-card-list-container">
<!-- list container-->
<div class="w-small core-card-list-wrap">
<!-- header-->
<p
class="core-card-list-header col-span-6"
>
Error code
</p>
<p
class="core-card-list-header col-span-6"
>
Count
</p>
<p class="core-card-list-header col-span-6">Error code</p>
<p class="core-card-list-header col-span-6">Count</p>
<!-- end header-->
<!-- list -->
<ul class="col-span-12 w-full">
<li
data-item
class="core-card-list-item col-span-6"
>
<li data-item class="core-card-list-item col-span-6">
<p
data-name="code"
class="core-card-list-item-content col-span-6"
@ -87,16 +66,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -116,10 +90,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -11,45 +11,29 @@
{% if is_used and is_metrics %}
<div class="core-layout">
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
URL
</p>
<p class="core-card-metrics-name">URL</p>
<h5 data-count-url class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
<span class="core-card-metrics-subtitle-content error"> denied </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container red"
>
<div role="img" class="core-card-svg-container red">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -66,30 +50,19 @@
<!-- end icon -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
IP
</p>
<p class="core-card-metrics-name">IP</p>
<h5 data-count-ip class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
<span class="core-card-metrics-subtitle-content error"> denied </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container lime"
>
<div role="img" class="core-card-svg-container lime">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -104,30 +77,19 @@
<!-- end icon -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
RDNS
</p>
<p class="core-card-metrics-name">RDNS</p>
<h5 data-count-rdns class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
<span class="core-card-metrics-subtitle-content error"> denied </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-metrics-svg-container indigo"
>
<div role="img" class="core-card-metrics-svg-container indigo">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -150,30 +112,19 @@
<!-- end icon -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
ASN
</p>
<p class="core-card-metrics-name">ASN</p>
<h5 data-count-asn class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
<span class="core-card-metrics-subtitle-content error"> denied </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container blue"
>
<div role="img" class="core-card-svg-container blue">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -188,30 +139,19 @@
<!-- end icon -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
User Agent
</p>
<p class="core-card-metrics-name">User Agent</p>
<h5 data-count-user-agent class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content error">
denied
</span>
<span class="core-card-metrics-subtitle-content error"> denied </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container amber"
>
<div role="img" class="core-card-svg-container amber">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -264,16 +204,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -293,10 +228,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -11,38 +11,28 @@
{% if is_used %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-status"
>
<div class="core-card-status">
<div class="core-card-status-container">
<h5 class="core-card-status-title">STATUS</h5>
<svg
data-status-svg
class="core-card-status-svg"
class="core-card-status-svg info"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="50" cy="50" r="50" />
</svg>
</div>
<p
data-status-text
class="core-card-text"
></p>
<p data-status-text class="core-card-text"></p>
</div>
<!-- end status -->
@ -66,16 +56,11 @@
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -95,10 +80,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -11,30 +11,19 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
CORS
</p>
<p class="core-card-metrics-name">CORS</p>
<h5 data-count class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
@ -45,10 +34,7 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container red"
>
<div role="img" class="core-card-svg-container red">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -83,16 +69,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -112,10 +93,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -10,30 +10,19 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
Country
</p>
<p class="core-card-metrics-name">Country</p>
<h5 data-count class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
@ -44,10 +33,7 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container red"
>
<div role="img" class="core-card-svg-container red">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -82,16 +68,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -111,10 +92,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -10,30 +10,19 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
DNSBL
</p>
<p class="core-card-metrics-name">DNSBL</p>
<h5 data-count class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
@ -44,10 +33,7 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container red"
>
<div role="img" class="core-card-svg-container red">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -82,16 +68,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -111,10 +92,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -9,24 +9,16 @@
<div class="core-layout">
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
data-fetch-success-show
class="hidden core-card-list w-medium"
>
<div data-fetch-success-show class="hidden core-card-list w-medium">
<div class="core-card-list-container">
<h5 class="core-card-list-title">ERRORS LIST</h5>
</div>
@ -34,23 +26,12 @@
<!-- list container-->
<div class="core-card-list-wrap w-medium">
<!-- header-->
<p
class="core-card-list-header col-span-8"
>
Code error
</p>
<p
class="core-card-list-header col-span-4"
>
Count
</p>
<p class="core-card-list-header col-span-8">Code error</p>
<p class="core-card-list-header col-span-4">Count</p>
<!-- end header-->
<!-- list -->
<ul class="col-span-12 w-full">
<li
data-item
class="core-card-list-item"
>
<li data-item class="core-card-list-item">
<p
data-name="code"
class="core-card-list-item-content col-span-8"

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

@ -11,29 +11,18 @@
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
GREYLIST
</p>
<p class="core-card-metrics-name">GREYLIST</p>
<h5 data-count class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
@ -44,10 +33,7 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container red"
>
<div role="img" class="core-card-svg-container red">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -82,16 +68,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -111,10 +92,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

2
src/common/core/headers/confs/server-http/cookies.conf
View file

@ -2,4 +2,4 @@
{% if k.startswith("COOKIE_FLAGS") and v != "" +%}
set_cookie_flag {{ v }};
{% endif +%}
{% endfor %}
{% endfor %}

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

@ -10,51 +10,30 @@
<div class="core-layout">
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
data-fetch-success-show
class="hidden core-card-list w-large"
>
<div data-fetch-success-show class="hidden core-card-list w-large">
<div class="core-card-list-container">
<h5 class="core-card-list-title">
LIMIT AND REQUEST LIST
</h5>
<h5 class="core-card-list-title">LIMIT AND REQUEST LIST</h5>
</div>
<div class="core-card-list-container">
<!-- list container-->
<div class="core-card-list-wrap w-large">
<!-- header-->
<p
class="core-card-list-header col-span-8"
>
URL
</p>
<p
class="core-card-list-header col-span-4"
>
Count
</p>
<p class="core-card-list-header col-span-8">URL</p>
<p class="core-card-list-header col-span-4">Count</p>
<!-- end header-->
<!-- list -->
<ul class="col-span-12 w-full">
<li
data-item
class="core-card-list-item"
>
<li data-item class="core-card-list-item">
<p
data-name="url"
class="core-card-list-item-content col-span-8"
@ -88,16 +67,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -117,10 +91,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -12,48 +12,29 @@
<div class="core-layout">
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
DEFAULT SERVER DISABLED
</p>
<h5
data-count-server-disabled
class="core-card-title"
></h5>
<p class="core-card-metrics-name">DEFAULT SERVER DISABLED</p>
<h5 data-count-server-disabled class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content info">
total
</span>
<span class="core-card-metrics-subtitle-content info"> total </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container orange"
>
<div role="img" class="core-card-svg-container orange">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -73,33 +54,19 @@
<!-- end icon -->
</div>
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
DISALLOWED METHODS
</p>
<h5
data-count-disallowed-methods
class="core-card-title"
></h5>
<p class="core-card-metrics-name">DISALLOWED METHODS</p>
<h5 data-count-disallowed-methods class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
<span class="core-card-metrics-subtitle-content info">
count
</span>
<span class="core-card-metrics-subtitle-content info"> count </span>
</p>
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container lime"
>
<div role="img" class="core-card-svg-container lime">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -135,16 +102,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -164,10 +126,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

9
src/common/core/order.json
View file

@ -15,7 +15,14 @@
"letsencrypt",
"selfsigned"
],
"set": ["sessions", "whitelist", "letsencrypt", "customcert", "selfsigned", "misc"],
"set": [
"sessions",
"whitelist",
"letsencrypt",
"customcert",
"selfsigned",
"misc"
],
"ssl_certificate": ["customcert", "letsencrypt", "selfsigned"],
"access": [
"whitelist",

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

@ -11,29 +11,18 @@
{% if is_used %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
Keys
</p>
<p class="core-card-metrics-name">Keys</p>
<h5 data-count class="core-card-title">"unknown"</h5>
<p class="core-card-metrics-subtitle">
@ -44,10 +33,7 @@
</div>
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container sky"
>
<div role="img" class="core-card-svg-container sky">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -66,24 +52,19 @@
<!-- end icon -->
</div>
<div
class="core-card-status"
>
<div class="core-card-status">
<div class="core-card-status-container">
<h5 class="core-card-status-title">STATUS</h5>
<svg
data-status-svg
class="core-card-status-svg"
class="core-card-status-svg info"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="50" cy="50" r="50" />
</svg>
</div>
<p
data-status-text
class="core-card-text"
></p>
<p data-status-text class="core-card-text"></p>
</div>
<!-- end status -->
@ -111,16 +92,11 @@
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -140,10 +116,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -11,51 +11,30 @@
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
data-fetch-success-show
class="hidden core-card-list w-large"
>
<div data-fetch-success-show class="hidden core-card-list w-large">
<div class="core-card-list-container">
<h5 class="core-card-list-title">
REVERSE SCAN LIST
</h5>
<h5 class="core-card-list-title">REVERSE SCAN LIST</h5>
</div>
<div class="core-card-list-container">
<!-- list container-->
<div class="core-card-list-wrap w-large">
<!-- header-->
<p
class="core-card-list-header col-span-5"
>
Port
</p>
<p
class="core-card-list-header col-span-7"
>
Block count
</p>
<p class="core-card-list-header col-span-5">Port</p>
<p class="core-card-list-header col-span-7">Block count</p>
<!-- end header-->
<!-- list -->
<ul class="col-span-12 w-full">
<li
data-item
class="core-card-list-item"
>
<li data-item class="core-card-list-item">
<p
data-name="port"
class="core-card-list-item-content col-span-5"
@ -89,16 +68,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -118,10 +92,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

@ -11,29 +11,18 @@
{% if is_used and is_metrics %}
<!-- info-->
<div
class="core-card"
>
<div class="core-card">
<h5 class="core-card-title">INFO</h5>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
></p>
<p data-info class="core-card-text"></p>
</div>
</div>
<!-- end info -->
<div
class="core-card-metrics"
>
<div class="core-card-metrics">
<!-- text -->
<div>
<p
class="core-card-metrics-name"
>
WHITELIST
</p>
<p class="core-card-metrics-name">WHITELIST</p>
<h5 data-count class="core-card-title"></h5>
<p class="core-card-metrics-subtitle">
@ -45,10 +34,7 @@
<!-- end text -->
<!-- icon -->
<div
role="img"
class="core-card-svg-container green"
>
<div role="img" class="core-card-svg-container green">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
@ -81,16 +67,11 @@
});
</script>
{% else %}
<div
class="core-card"
>
<div class="core-card">
<div class="core-card-wrap">
<h5 class="core-card-title">Deactivated</h5>
<!-- icon -->
<div
role="img"
class="core-card-svg-container"
>
<div role="img" class="core-card-svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
@ -110,10 +91,7 @@
</div>
<div class="core-card-text-container">
<p
data-info
class="core-card-text"
>
<p data-info class="core-card-text">
This plugin need to be activated to get metrics.
</p>
</div>

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

File diff suppressed because one or more lines are too long

30
src/ui/static/js/global.js
View file

@ -64,13 +64,14 @@ class News {
if (sessionStorage.getItem("lastNews") !== null)
return this.render(JSON.parse(sessionStorage.getItem("lastNews")));
fetch("https://www.bunkerweb.io/api/posts/0/2")
.then((res) => {
return res.json();
})
.then((res) => {
return this.render(res.data);
}).catch(e => {});
fetch("https://www.bunkerweb.io/api/posts/0/2")
.then((res) => {
return res.json();
})
.then((res) => {
return this.render(res.data);
})
.catch((e) => {});
});
}
@ -377,13 +378,14 @@ class Banner {
return this.updateBanner(
JSON.parse(sessionStorage.getItem("bannerNews")),
);
fetch("https://www.bunkerweb.io/api/bw-ui-news")
.then((res) => {
return res.json();
})
.then((res) => {
return this.updateBanner(res.data);
}).catch(e => {});
fetch("https://www.bunkerweb.io/api/bw-ui-news")
.then((res) => {
return res.json();
})
.then((res) => {
return this.updateBanner(res.data);
})
.catch((e) => {});
}
updateBanner(bannerNews) {

10
src/ui/static/js/plugins/setup.js
View file

@ -76,7 +76,7 @@ class SetupPlugin {
["data-fetch", ""],
["role", "alert"],
],
"bg-sky-500 p-4 mb-1 md:mb-3 md:mr-3 z-[1001] flex flex-col fixed bottom-0 right-0 w-full md:w-1/2 max-w-[300px] min-h-20 rounded-lg dark:brightness-110 hover:scale-102 transition shadow-md break-words dark:bg-slate-850 dark:shadow-dark-xl bg-clip-border",
"bg-sky-500 p-4 mb-1 md:mb-3 md:mr-3 z-[1001] flex flex-col fixed bottom-0 right-0 w-full md:w-1/2 max-w-[300px] min-h-20 rounded-lg dark:brightness-110 hover:scale-102 transition shadow-md break-words dark:shadow-dark-xl bg-clip-border",
"",
"",
);
@ -159,7 +159,7 @@ class SetupPlugin {
value === "success" ||
value === "true"
) {
this.setStatus(el, textEl, "fill-green-500", "Active");
this.setStatus(el, textEl, "success", "Active");
continue;
}
@ -170,12 +170,12 @@ class SetupPlugin {
value === "error" ||
value === "false"
) {
this.setStatus(el, textEl, "fill-red-500", "Inactive");
this.setStatus(el, textEl, "error", "Inactive");
continue;
}
//default
this.setStatus(el, textEl, "fill-sky-500", "Unknown");
this.setStatus(el, textEl, "info", "Unknown");
continue;
}
@ -208,7 +208,7 @@ class SetupPlugin {
}
setStatus(el, textEl, colorClass, text) {
el.classList.remove("fill-green-500", "fill-red-500", "fill-sky-500");
el.classList.remove("success", "error", "info");
el ? el.classList.add(colorClass) : null;
textEl ? (textEl.textContent = text) : null;
}

183
src/ui/styles.css
View file

@ -150,21 +150,20 @@
/*--------------- 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 {
@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
@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
@apply mb-1 font-bold dark:text-white/90;
}
.home-card-subtitle {
@apply mx-0.5 font-bold leading-normal text-sm mb-0;
@apply mx-0.5 font-bold leading-normal text-sm mb-0;
}
.info.home-card-subtitle {
@ -188,11 +187,11 @@
}
.version.home-card-svg-container {
@apply bg-yellow-500;
@apply bg-yellow-500;
}
.version-number.home-card-svg-container {
@apply bg-emerald-500
@apply bg-emerald-500;
}
.instances.home-card-svg-container {
@ -207,7 +206,6 @@
@apply bg-yellow-400;
}
/*---------------------------------------------*/
/*--------------- END HOME PAGE ----------------*/
/*---------------------------------------------*/
@ -221,104 +219,123 @@
}
.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
@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
@apply flex justify-between;
}
.core-card-wrap-logo {
@apply flex justify-start center;
}
.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
@apply transition duration-300 ease-in-out mb-0 font-sans text-sm leading-normal dark:text-gray-100 dark:opacity-80;
}
.center.core-card-text {
@apply text-center;
}
.core-card-title {
@apply mb-2 font-bold dark:text-white/90
@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
@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
@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
@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
@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
@apply mx-1 flex justify-start items-center;
}
.core-card-status-title {
@apply mb-0 font-bold dark:text-white/90 mr-4
@apply mb-0 font-bold dark:text-white/90 mr-4;
}
.core-card-status-svg {
@apply w-6 h-6
@apply w-6 h-6;
}
.info.core-card-status-svg {
@apply fill-sky-500;
}
.error.core-card-status-svg {
@apply fill-red-500;
}
.success.core-card-status-svg {
@apply fill-green-500;
}
.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
@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]
@apply md:max-w-[300px];
}
.w-medium.core-card-list {
@apply md:max-w-[400px]
@apply md:max-w-[400px];
}
.w-large.core-card-list {
@apply md:max-w-[550px]
@apply md:max-w-[550px];
}
.core-card-list-title-container {
@apply col-span-12 flex
@apply col-span-12 flex;
}
.core-card-list-title {
@apply mb-4 mt-2 font-bold dark:text-white/90 mx-2
@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
@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
@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
@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
@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
@apply w-full grid grid-cols-12 rounded p-2;
}
.w-small.core-card-list-wrap {
@apply min-w-[250px]
@apply min-w-[250px];
}
.w-medium.core-card-list-wrap {
@apply min-w-[350px]
@apply min-w-[350px];
}
.w-large.core-card-list-wrap {
@apply min-w-[500px]
@apply min-w-[500px];
}
.core-card-metrics {
@ -326,11 +343,11 @@
}
.core-card-metrics-name {
@apply mb-2 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60
@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
@apply mb-0 dark:text-white dark:opacity-60;
}
.core-card-metrics-subtitle-content {
@ -338,109 +355,145 @@
}
.error.core-card-metrics-subtitle-content {
@apply text-red-500
@apply text-red-500;
}
.success.core-card-metrics-subtitle-content {
@apply text-green-500
@apply text-green-500;
}
.warning.core-card-metrics-subtitle-content {
@apply text-yellow-500
@apply text-yellow-500;
}
.info.core-card-metrics-subtitle-content {
@apply text-sky-500
@apply text-sky-500;
}
.core-card-metrics-svg {
@apply leading-none text-lg relative fill-white
@apply leading-none text-lg relative fill-white;
}
.size-small.core-card-metrics-svg {
@apply scale-[0.5]
@apply scale-[0.5];
}
.size-medium.core-card-metrics-svg {
@apply scale-[0.6]
@apply scale-[0.6];
}
.size-base.core-card-metrics-svg {
@apply scale-[0.75]
@apply scale-[0.75];
}
.purple.core-card-svg-container {
@apply bg-purple-600
@apply bg-purple-600;
}
.green.core-card-svg-container {
@apply bg-green-700
@apply bg-green-700;
}
.red.core-card-svg-container {
@apply bg-red-700
@apply bg-red-700;
}
.orange.core-card-svg-container {
@apply bg-orange-600
@apply bg-orange-600;
}
.blue.core-card-svg-container {
@apply bg-blue-600
@apply bg-blue-600;
}
.yellow.core-card-svg-container {
@apply bg-yellow-600
@apply bg-yellow-600;
}
.gray.core-card-svg-container {
@apply bg-gray-600
@apply bg-gray-600;
}
.dark.core-card-svg-container {
@apply bg-slate-600
@apply bg-slate-600;
}
.amber.core-card-svg-container {
@apply bg-amber-600
@apply bg-amber-600;
}
.emerald.core-card-svg-container {
@apply bg-emerald-600
@apply bg-emerald-600;
}
.teal.core-card-svg-container {
@apply bg-teal-600
@apply bg-teal-600;
}
.indigo.core-card-svg-container {
@apply bg-indigo-600
@apply bg-indigo-600;
}
.cyan.core-card-svg-container {
@apply bg-cyan-600
@apply bg-cyan-600;
}
.sky.core-card-svg-container {
@apply bg-sky-700
@apply bg-sky-700;
}
.pink.core-card-svg-container {
@apply bg-pink-600
@apply bg-pink-600;
}
.lime.core-card-svg-container {
@apply bg-lime-600
@apply bg-lime-600;
}
.core-separator {
@apply h-px mx-0 mt-3 mb-2 bg-transparent bg-gradient-to-r from-transparent via-black/40 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white dark:to-transparent;
}
.core-card-test-container {
@apply flex justify-center mt-4;
}
.core-card-test-btn {
@apply text-sm tracking-wide dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-yellow-500 hover:bg-yellow-500/80 focus:bg-yellow-500/80 leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 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;
}
.core-card-test-status-container {
@apply mx-1 flex justify-center items-center;
}
.core-card-test-status-svg {
@apply w-6 h-6 mr-2;
}
.success.core-card-test-status-svg {
@apply fill-green-500;
}
.error.core-card-test-status-svg {
@apply fill-red-500;
}
.info.core-card-test-status-svg {
@apply fill-sky-500;
}
.core-img-default {
@apply h-12 w-12 mr-4;
}
.core-img-hor {
@apply h-16 w-24 mr-4;
}
/*---------------------------------------------*/
/*--------------- 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

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