complete story 12.5

This commit is contained in:
Naser Mansour
2026-01-04 00:49:29 +02:00
parent be05f1d759
commit 82e803dc26
8 changed files with 159 additions and 121 deletions
@@ -87,27 +87,27 @@ new class extends Component
<flux:heading size="sm" class="mb-4">{{ __('report.table_of_contents') }}</flux:heading>
<div class="space-y-2 text-sm text-zinc-600 dark:text-zinc-400">
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">1</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">1</span>
<span>{{ __('report.executive_summary') }}</span>
</div>
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">2</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">2</span>
<span>{{ __('report.user_statistics') }}</span>
</div>
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">3</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">3</span>
<span>{{ __('report.consultation_statistics') }}</span>
</div>
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">4</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">4</span>
<span>{{ __('report.timeline_statistics') }}</span>
</div>
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">5</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">5</span>
<span>{{ __('report.post_statistics') }}</span>
</div>
<div class="flex items-center gap-2">
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#4A4A42] text-xs text-white dark:bg-[#C9C4BA] dark:text-zinc-900">6</span>
<span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#8AB357] text-xs text-white dark:bg-[#A5C87A] dark:text-zinc-900">6</span>
<span>{{ __('report.trends_chart') }}</span>
</div>
</div>
@@ -22,7 +22,7 @@
left: 0;
right: 0;
height: 70px;
border-bottom: 3px solid #C9C4BA;
border-bottom: 3px solid #A5C87A;
padding-bottom: 10px;
}
@@ -47,7 +47,7 @@
.brand-name {
font-size: 22px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.brand-subtitle {
@@ -59,7 +59,7 @@
.report-title {
font-size: 14px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
footer {
@@ -68,7 +68,7 @@
left: 0;
right: 0;
height: 50px;
border-top: 2px solid #C9C4BA;
border-top: 2px solid #A5C87A;
padding-top: 10px;
font-size: 9px;
color: #666;
@@ -98,7 +98,7 @@
.filters-section {
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
padding: 10px 15px;
margin-bottom: 20px;
@@ -106,7 +106,7 @@
.filters-title {
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 5px;
}
@@ -118,11 +118,11 @@
.summary {
margin-bottom: 15px;
color: #4A4A42;
color: #8AB357;
}
.summary strong {
color: #4A4A42;
color: #8AB357;
}
table {
@@ -132,8 +132,8 @@
}
th {
background-color: #4A4A42;
color: #fff;
background-color: #8AB357;
color: #E8E4DC;
padding: 10px 8px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-weight: bold;
@@ -143,7 +143,7 @@
td {
padding: 8px;
border-bottom: 1px solid #C9C4BA;
border-bottom: 1px solid #A5C87A;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-size: 9px;
}
@@ -220,8 +220,7 @@
<header>
<div class="header-content">
<div class="header-left">
<div class="brand-name">Libra</div>
<div class="brand-subtitle">{{ __('export.libra_law_firm', [], $locale) }}</div>
<img src="{{ public_path('images/logo.png') }}" style="height: 50px; width: 50px;" alt="LIBRA for Rights">
</div>
<div class="header-right">
<div class="report-title">{{ __('export.consultations_export_title', [], $locale) }}</div>
+23 -24
View File
@@ -23,7 +23,7 @@
left: 0;
right: 0;
height: 70px;
border-bottom: 3px solid #C9C4BA;
border-bottom: 3px solid #A5C87A;
padding-bottom: 10px;
}
@@ -48,7 +48,7 @@
.brand-name {
font-size: 24px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.brand-subtitle {
@@ -68,7 +68,7 @@
left: 0;
right: 0;
height: 50px;
border-top: 2px solid #C9C4BA;
border-top: 2px solid #A5C87A;
padding-top: 10px;
font-size: 9px;
color: #666;
@@ -105,7 +105,7 @@
.cover-brand {
font-size: 48px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 10px;
}
@@ -118,13 +118,13 @@
.cover-title {
font-size: 28px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 20px;
}
.cover-period {
font-size: 22px;
color: #4A4A42;
color: #8AB357;
margin-bottom: 60px;
}
@@ -141,8 +141,8 @@
.section-title {
font-size: 18px;
font-weight: bold;
color: #4A4A42;
border-bottom: 2px solid #C9C4BA;
color: #8AB357;
border-bottom: 2px solid #A5C87A;
padding-bottom: 8px;
margin-bottom: 20px;
margin-top: 30px;
@@ -165,7 +165,7 @@
display: table-cell;
width: 30px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.toc-title {
@@ -176,7 +176,7 @@
display: table-cell;
width: 40px;
text-align: {{ $locale === 'ar' ? 'left' : 'right' }};
color: #4A4A42;
color: #8AB357;
}
/* Stats Grid */
@@ -199,7 +199,7 @@
.stat-box {
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
padding: 15px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
@@ -215,11 +215,11 @@
.stat-value {
font-size: 24px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.stat-value-gold {
color: #4A4A42;
color: #8AB357;
}
/* Data Table */
@@ -230,8 +230,8 @@
}
.data-table th {
background-color: #4A4A42;
color: #fff;
background-color: #8AB357;
color: #E8E4DC;
padding: 10px 12px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-weight: bold;
@@ -241,7 +241,7 @@
.data-table td {
padding: 10px 12px;
border-bottom: 1px solid #C9C4BA;
border-bottom: 1px solid #A5C87A;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
}
@@ -252,7 +252,7 @@
/* Highlights */
.highlight-box {
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
@@ -260,7 +260,7 @@
.highlight-item {
padding: 5px 0;
border-bottom: 1px solid rgba(201, 196, 186, 0.5);
border-bottom: 1px solid rgba(165, 200, 122, 0.5);
}
.highlight-item:last-child {
@@ -268,7 +268,7 @@
}
.highlight-bullet {
color: #4A4A42;
color: #8AB357;
font-weight: bold;
margin-{{ $locale === 'ar' ? 'left' : 'right' }}: 8px;
}
@@ -294,14 +294,14 @@
margin: 20px 0;
padding: 15px;
background-color: #fff;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
}
.chart-title {
font-size: 12px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 15px;
}
@@ -359,8 +359,7 @@
<header>
<div class="header-content">
<div class="header-left">
<div class="brand-name">Libra</div>
<div class="brand-subtitle">{{ __('report.libra_law_firm', [], $locale) }}</div>
<img src="{{ public_path('images/logo.png') }}" style="height: 50px; width: 50px;" alt="LIBRA for Rights">
</div>
<div class="header-right">
<div class="report-info">
@@ -384,7 +383,7 @@
<!-- Cover Page -->
<div class="cover-page">
<div class="cover-brand">Libra</div>
<img src="{{ public_path('images/logo.png') }}" style="height: 100px; width: 100px; margin-bottom: 20px;" alt="LIBRA for Rights">
<div class="cover-subtitle">{{ __('report.libra_law_firm', [], $locale) }}</div>
<div class="cover-title">{{ __('report.report_title', [], $locale) }}</div>
<div class="cover-period">{{ $period }}</div>
+14 -15
View File
@@ -22,7 +22,7 @@
left: 0;
right: 0;
height: 70px;
border-bottom: 3px solid #C9C4BA;
border-bottom: 3px solid #A5C87A;
padding-bottom: 10px;
}
@@ -47,7 +47,7 @@
.brand-name {
font-size: 22px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.brand-subtitle {
@@ -59,7 +59,7 @@
.report-title {
font-size: 14px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
footer {
@@ -68,7 +68,7 @@
left: 0;
right: 0;
height: 50px;
border-top: 2px solid #C9C4BA;
border-top: 2px solid #A5C87A;
padding-top: 10px;
font-size: 9px;
color: #666;
@@ -98,7 +98,7 @@
.filters-section {
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
padding: 10px 15px;
margin-bottom: 20px;
@@ -106,7 +106,7 @@
.filters-title {
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 5px;
}
@@ -118,11 +118,11 @@
.summary {
margin-bottom: 15px;
color: #4A4A42;
color: #8AB357;
}
.summary strong {
color: #4A4A42;
color: #8AB357;
}
table {
@@ -132,8 +132,8 @@
}
th {
background-color: #4A4A42;
color: #fff;
background-color: #8AB357;
color: #E8E4DC;
padding: 10px 8px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-weight: bold;
@@ -143,7 +143,7 @@
td {
padding: 8px;
border-bottom: 1px solid #C9C4BA;
border-bottom: 1px solid #A5C87A;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-size: 9px;
}
@@ -166,13 +166,13 @@
background-color: #E8E4DC;
padding: 10px;
margin: 5px 0;
border-{{ $locale === 'ar' ? 'right' : 'left' }}: 3px solid #C9C4BA;
border-{{ $locale === 'ar' ? 'right' : 'left' }}: 3px solid #8AB357;
}
.update-entry {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px dashed #C9C4BA;
border-bottom: 1px dashed #A5C87A;
}
.update-entry:last-child {
@@ -208,8 +208,7 @@
<header>
<div class="header-content">
<div class="header-left">
<div class="brand-name">Libra</div>
<div class="brand-subtitle">{{ __('export.libra_law_firm', [], $locale) }}</div>
<img src="{{ public_path('images/logo.png') }}" style="height: 50px; width: 50px;" alt="LIBRA for Rights">
</div>
<div class="header-right">
<div class="report-title">{{ __('export.timelines_export_title', [], $locale) }}</div>
+12 -13
View File
@@ -22,7 +22,7 @@
left: 0;
right: 0;
height: 70px;
border-bottom: 3px solid #C9C4BA;
border-bottom: 3px solid #A5C87A;
padding-bottom: 10px;
}
@@ -47,7 +47,7 @@
.brand-name {
font-size: 22px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
.brand-subtitle {
@@ -59,7 +59,7 @@
.report-title {
font-size: 14px;
font-weight: bold;
color: #4A4A42;
color: #8AB357;
}
footer {
@@ -68,7 +68,7 @@
left: 0;
right: 0;
height: 50px;
border-top: 2px solid #C9C4BA;
border-top: 2px solid #A5C87A;
padding-top: 10px;
font-size: 9px;
color: #666;
@@ -98,7 +98,7 @@
.filters-section {
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border: 1px solid #A5C87A;
border-radius: 4px;
padding: 10px 15px;
margin-bottom: 20px;
@@ -106,7 +106,7 @@
.filters-title {
font-weight: bold;
color: #4A4A42;
color: #8AB357;
margin-bottom: 5px;
}
@@ -118,11 +118,11 @@
.summary {
margin-bottom: 15px;
color: #4A4A42;
color: #8AB357;
}
.summary strong {
color: #4A4A42;
color: #8AB357;
}
table {
@@ -132,8 +132,8 @@
}
th {
background-color: #4A4A42;
color: #fff;
background-color: #8AB357;
color: #E8E4DC;
padding: 10px 8px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-weight: bold;
@@ -143,7 +143,7 @@
td {
padding: 8px;
border-bottom: 1px solid #C9C4BA;
border-bottom: 1px solid #A5C87A;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
font-size: 9px;
}
@@ -184,8 +184,7 @@
<header>
<div class="header-content">
<div class="header-left">
<div class="brand-name">Libra</div>
<div class="brand-subtitle">{{ __('export.libra_law_firm', [], $locale) }}</div>
<img src="{{ public_path('images/logo.png') }}" style="height: 50px; width: 50px;" alt="LIBRA for Rights">
</div>
<div class="header-right">
<div class="report-title">{{ __('export.users_export_title', [], $locale) }}</div>