collapse report styling
This commit is contained in:
parent
1c60edb891
commit
d1e17a4833
12
public/css/app.css
vendored
12
public/css/app.css
vendored
@ -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%;
|
||||||
}
|
}
|
||||||
|
4
resources/assets/sass/app.css
vendored
4
resources/assets/sass/app.css
vendored
@ -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 {
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user