collapse report styling

This commit is contained in:
Burak Civan 2022-07-21 18:02:27 +03:00
parent 1c60edb891
commit d1e17a4833
3 changed files with 20 additions and 10 deletions

12
public/css/app.css vendored
View File

@ -47143,6 +47143,10 @@ html[dir='rtl'] .el-input__suffix {
overflow: hidden; overflow: hidden;
opacity: 0; opacity: 0;
} }
.collapse-sub-report.collapse-sub{
display: none;
}
/* collapse */ /* collapse */
.none-truncate { .none-truncate {
@ -48153,14 +48157,14 @@ body{
width: 41.666667%; width: 41.666667%;
} }
.sm\:w-2\/12{
width: 16.666667%;
}
.sm\:w-4\/12{ .sm\:w-4\/12{
width: 33.333333%; width: 33.333333%;
} }
.sm\:w-2\/12{
width: 16.666667%;
}
.sm\:w-1\/12{ .sm\:w-1\/12{
width: 8.333333%; width: 8.333333%;
} }

View File

@ -475,6 +475,10 @@ html[dir='rtl'] .el-input__suffix {
.collapse-sub { .collapse-sub {
@apply opacity-0 h-0 overflow-hidden; @apply opacity-0 h-0 overflow-hidden;
} }
.collapse-sub-report.collapse-sub {
@apply hidden;
}
/* collapse */ /* collapse */
.none-truncate { .none-truncate {

View File

@ -6,7 +6,7 @@
@if ($row_total = array_sum($rows)) @if ($row_total = array_sum($rows))
@if (isset($parent_id)) @if (isset($parent_id))
<tr class="collapse-sub" data-collapse="child-{{ $parent_id }}"> <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $parent_id }}">
<td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td> <td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td>
@else @else
<tr> <tr>
@ -40,19 +40,21 @@
@if ($row_total = array_sum($parent_row_values)) @if ($row_total = array_sum($parent_row_values))
@if (isset($parent_id)) @if (isset($parent_id))
<tr class="collapse-sub" data-collapse="child-{{ $parent_id }}"> <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $parent_id }}">
<td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}"> <td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">
@else @else
<tr> <tr>
<td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" title="{{ $class->row_names[$table_key][$id] }}"> <td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" title="{{ $class->row_names[$table_key][$id] }}">
@endif @endif
<div class="flex items-center">
{{ $class->row_names[$table_key][$id] }} {{ $class->row_names[$table_key][$id] }}
@if (array_sum($parent_row_values) != array_sum($class->row_values[$table_key][$id])) @if (array_sum($parent_row_values) != array_sum($class->row_values[$table_key][$id]))
<button type="button" class="align-text-top flex" node="child-{{ $id }}" onClick="toggleSub('child-{{ $id }}', event)"> <button type="button" class="align-text-top flex" node="child-{{ $id }}" onClick="toggleSub('child-{{ $id }}', event)">
<span class="material-icons transform rotate-90 transition-all text-lg leading-none">expand_more</span> <span class="material-icons transform rotate-90 transition-all text-lg leading-none mt-.05">expand_less</span>
</button> </button>
@endif @endif
</div>
</td> </td>
@foreach($parent_row_values as $row) @foreach($parent_row_values as $row)
<td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td> <td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td>
@ -64,7 +66,7 @@
<!-- no categories part --> <!-- no categories part -->
@php $rows = $class->row_values[$table_key][$id]; @endphp @php $rows = $class->row_values[$table_key][$id]; @endphp
@if (($row_total = array_sum($rows)) && array_sum($parent_row_values) != array_sum($rows)) @if (($row_total = array_sum($rows)) && array_sum($parent_row_values) != array_sum($rows))
<tr class="collapse-sub" data-collapse="child-{{ $id }}"> <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $id }}">
<td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ ($tree_level + 1) * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td> <td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ ($tree_level + 1) * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td>
@foreach($rows as $row) @foreach($rows as $row)
<td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td> <td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td>