mirror of
https://github.com/bunkerity/bunkerweb
synced 2026-05-24 09:28:37 +00:00
refactor card info template
This commit is contained in:
Jordan Blasenhauer
parent
2a11c1ccde
commit
2ab7161653
8 changed files with 41 additions and 85 deletions
20
src/ui/templates/bans.html
vendored
20
src/ui/templates/bans.html
vendored
|
|
@ -41,22 +41,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- info-->
|
||||
{% set bans_info = [
|
||||
{% set infos = [
|
||||
{"name" : "BANS TOTAL", "data" : bans|length|string},
|
||||
{"name" : "TOP REASON", "data" : top_reason|string},
|
||||
] %}
|
||||
<div class="{% if bans|length == 0 %}hidden{% endif %} h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in bans_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p role="gridcell" class="card-detail-item-subtitle">{{ info['data'] }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end info -->
|
||||
{% set is_info_hidden = True if bans|length == 0 else False %}
|
||||
{% include "card_info.html" %}
|
||||
<!-- filter -->
|
||||
{% set filters = [
|
||||
{
|
||||
|
|
@ -162,12 +152,12 @@
|
|||
<h5 class="font-bold dark:text-white/90 mx-2 text-white">No bans match</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-auto w-full 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">
|
||||
<div class="{% if bans|length == 0 %}hidden{% endif %} overflow-auto w-full 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">
|
||||
<div class="col-span-12">
|
||||
<h5 class="mx-2 font-bold dark:text-white/90 mx-2">BANS LIST</h5>
|
||||
</div>
|
||||
<div data-bans-list-container
|
||||
class=" {% if bans|length == 0 %}hidden{% endif %} w-full overflow-auto grid grid-cols-12 col-span-12 p-4 relative">
|
||||
class="w-full overflow-auto grid grid-cols-12 col-span-12 p-4 relative">
|
||||
<div class=" max-h-100 sm:max-h-125 col-span-12 overflow-y-auto overflow-x-auto">
|
||||
<div data-bans-bans-list>
|
||||
<!-- list container-->
|
||||
|
|
|
|||
15
src/ui/templates/card_info.html
vendored
Normal file
15
src/ui/templates/card_info.html
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
{% if not is_info_hidden %}
|
||||
<div class="h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in infos %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p data-info-{{ info['id'] }} role="gridcell" class="card-detail-item-subtitle">
|
||||
{{ info['data'] }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
16
src/ui/templates/configs.html
vendored
16
src/ui/templates/configs.html
vendored
|
|
@ -1,6 +1,6 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
{% set configs_info = [
|
||||
{% set infos = [
|
||||
{
|
||||
"id": "total-conf",
|
||||
"name": "CONFIGS TOTAL",
|
||||
|
|
@ -12,19 +12,7 @@
|
|||
"data": "unknown"
|
||||
}
|
||||
] %}
|
||||
<div class="h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in configs_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p data-info-{{ info['id'] }} role="gridcell" class="card-detail-item-subtitle">
|
||||
{{ info['data'] }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "card_info.html" %}
|
||||
<!-- end info -->
|
||||
<!-- filter -->
|
||||
{% set filters = [
|
||||
|
|
|
|||
19
src/ui/templates/jobs.html
vendored
19
src/ui/templates/jobs.html
vendored
|
|
@ -7,22 +7,13 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
<!-- info-->
|
||||
{% set jobs_info = [
|
||||
{% set infos = [
|
||||
{"name" : "JOBS TOTAL", "data" : jobs|length|string},
|
||||
{"name" : "JOBS ERRORS", "data" : jobs_errors|string},
|
||||
] %}
|
||||
<div class="h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in jobs_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p role="gridcell" class="card-detail-item-subtitle">{{ info['data'] }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end info -->
|
||||
]
|
||||
%}
|
||||
{% include "card_info.html" %}
|
||||
|
||||
<!-- filter -->
|
||||
{% set filters = [
|
||||
{
|
||||
|
|
|
|||
16
src/ui/templates/plugins.html
vendored
16
src/ui/templates/plugins.html
vendored
|
|
@ -3,24 +3,14 @@
|
|||
{%
|
||||
include "plugins_modal.html" %}
|
||||
<!-- info -->
|
||||
{% set plugins_info = [
|
||||
{% set infos = [
|
||||
{"name" : "TOTAL PLUGINS", "data" : plugins|length|string},
|
||||
{"name" : "INTERNAL PLUGINS", "data" : plugins_count_internal|string},
|
||||
{"name" : "EXTERNAL PLUGINS", "data" : plugins_count_external|string},
|
||||
{"name" : "PRO PLUGINS", "data" : plugins_count_pro|string if is_pro_version else plugins_count_pro|string + ' (preview)'},
|
||||
] %}
|
||||
<div class="h-fit p-4 col-span-12 md:col-span-5 2xl:col-span-4 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
|
||||
<h5 class="col-span-12 mb-4 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in plugins_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p role="gridcell" class="card-detail-item-subtitle">{{ info['data'] }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end info -->
|
||||
{% include "card_info.html" %}
|
||||
|
||||
<!-- upload layout -->
|
||||
<div data-plugins-upload
|
||||
class="p-4 col-span-12 md:col-span-7 2xl:col-span-4 grid grid-cols-12 relative min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
|
||||
|
|
|
|||
16
src/ui/templates/reports.html
vendored
16
src/ui/templates/reports.html
vendored
|
|
@ -66,25 +66,15 @@
|
|||
</div>
|
||||
<!-- info-->
|
||||
{% if reports|length != 0 %}
|
||||
{% set reports_info = [
|
||||
{% set infos = [
|
||||
{"name" : "REPORTING TOTAL", "data" : total_report|string or "0"},
|
||||
{"name" : "TOP METHOD", "data" : top_method['name']|string},
|
||||
{"name" : "TOP REASON", "data" : top_reason['name']|string},
|
||||
{"name" : "TOP COUNTRY", "data" : top_country['name']|string},
|
||||
{"name" : "TOP STATUS CODE", "data" : top_code['name']|string},
|
||||
] %}
|
||||
<div class=" h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in reports_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p role="gridcell" class="card-detail-item-subtitle">{{ info['data'] }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end info -->
|
||||
{% include "card_info.html" %}
|
||||
|
||||
<!-- filter -->
|
||||
{% set filters = [
|
||||
{
|
||||
|
|
|
|||
19
src/ui/templates/services.html
vendored
19
src/ui/templates/services.html
vendored
|
|
@ -39,23 +39,14 @@
|
|||
<!-- service info and actions -->
|
||||
<div class="p-0 sm:mx-2 md:mx-4 grid grid-cols-12 col-span-12 md:gap-x-4 gap-y-4 relative min-w-0 break-words rounded-2xl bg-clip-border">
|
||||
<!-- info-->
|
||||
{% set services_info = [
|
||||
{% set infos = [
|
||||
{"name" : "SERVICES TOTAL", "data" : services|length|string},
|
||||
{"name" : "TOTAL DRAFT", "data" : draft_services|length|string},
|
||||
{"name" : "TOTAL ONLINE", "data" : online_services|length|string},
|
||||
] %}
|
||||
<div class="h-fit col-span-12 md: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">
|
||||
<h5 class="mb-2 font-bold dark:text-white/90">INFO</h5>
|
||||
<div role="grid" class="card-detail-container">
|
||||
{% for info in services_info %}
|
||||
<div role="row" class="card-detail-item">
|
||||
<p role="gridcell" class="card-detail-item-title">{{ info['name'] }}</p>
|
||||
<p role="gridcell" class="card-detail-item-subtitle">{{ info['data'] }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end info -->
|
||||
]
|
||||
%}
|
||||
{% include "card_info.html" %}
|
||||
|
||||
<!-- filter -->
|
||||
{% set filters = [
|
||||
{
|
||||
|
|
|
|||
5
src/ui/templates/setting_header.html
vendored
5
src/ui/templates/setting_header.html
vendored
|
|
@ -24,7 +24,6 @@
|
|||
<p class="popover-settings-text">{{ inp_help }}</p>
|
||||
</div>
|
||||
<!-- end popover -->
|
||||
</div>
|
||||
<!-- end title and info -->
|
||||
{% if inp_context == "multisite" and current_endpoint == "global-config" %}
|
||||
<!-- popover -->
|
||||
|
|
@ -46,4 +45,6 @@
|
|||
</div>
|
||||
<!-- end popover -->
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue