micord/ervu-business-metrics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SUPPORT-8867: overflow-y style added;

Browse source 
obsolete templates removed

(cherry picked from commit c3154a320a)
This commit is contained in:
Рауф Латыпов 2025-01-22 03:24:19 +03:00
parent 2673b4557b
commit 6c5df90bab
4 changed files with 7 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/resources/css/components-business-metrics.css
View file

@ -500,3 +500,10 @@
.webbpm.ervu_business_metrics .tooltip .arrow {
display: none;
}
/* temp list */
.webbpm.ervu_business_metrics dropdown-tree-view .dropdown-menu .treeview-container {
margin-bottom: var(--indent-base);
overflow-y: auto;
}

17
frontend/src/resources/template/component/external/ngx-treeview/dropdown-treeview.component.html vendored
View file

@ -1,17 +0,0 @@
<div class="dropdown" ngxDropdown>
<button class="btn" [ngClass]="buttonClass" type="button" role="button" ngxDropdownToggle>
{{buttonLabel}}
</button>
<div ngxDropdownMenu aria-labelledby="dropdownMenu" (click)="$event.stopPropagation()">
<div class="dropdown-container">
<ngx-treeview
[config]="config"
[headerTemplate]="headerTemplate"
[items]="items"
[itemTemplate]="itemTemplate"
(selectedChange)="onSelectedChange($event)"
(filterChange)="onFilterChange($event)">
</ngx-treeview>
</div>
</div>
</div>

16
frontend/src/resources/template/component/external/ngx-treeview/treeview-item.component.html vendored
View file

@ -1,16 +0,0 @@
<div *ngIf="item" class="treeview-item">
<ng-template
[ngTemplateOutlet]="template"
[ngTemplateOutletContext]="{item: item, onCollapseExpand: onCollapseExpand,
onCheckedChange: onCheckedChange}">
</ng-template>
<div *ngIf="!item.collapsed">
<ngx-treeview-item
[config]="config"
*ngFor="let child of item.children"
[item]="child"
[template]="template"
(checkedChange)="onChildCheckedChange(child, $event)">
</ngx-treeview-item>
</div>
</div>

92
frontend/src/resources/template/component/external/ngx-treeview/treeview.component.html vendored
View file

@ -1,92 +0,0 @@
<ng-template #defaultItemTemplate let-item="item" let-onCollapseExpand="onCollapseExpand"
let-onCheckedChange="onCheckedChange">
<div class="form-inline row-item">
<i *ngIf="item.children" (click)="onCollapseExpand()" aria-hidden="true"
[ngSwitch]="item.collapsed">
<i *ngSwitchCase="true" class="bi bi-caret-right-fill"></i>
<i *ngSwitchCase="false" class="bi bi-caret-down-fill"></i>
</i>
<div class="form-check">
<input type="checkbox" class="form-check-input"
[(ngModel)]="item.checked"
(ngModelChange)="onCheckedChange()"
[disabled]="item.disabled"
[indeterminate]="item.indeterminate" />
<label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()">
{{item.text}}
</label>
</div>
</div>
</ng-template>
<ng-template #defaultHeaderTemplate let-config="config" let-item="item"
let-onCollapseExpand="onCollapseExpand" let-onCheckedChange="onCheckedChange"
let-onFilterTextChange="onFilterTextChange">
<div *ngIf="config.hasFilter" class="row row-filter">
<div class="col-12">
<input class="form-control" type="text"
[placeholder]="i18n.getFilterPlaceholder()"
[(ngModel)]="filterText"
(ngModelChange)="onFilterTextChange($event)" />
</div>
</div>
<div *ngIf="hasFilterItems">
<div *ngIf="config.hasAllCheckBox || config.hasCollapseExpand" class="row row-all">
<div class="col-12">
<div class="form-check form-check-inline" *ngIf="config.hasAllCheckBox">
<input type="checkbox" class="form-check-input"
[(ngModel)]="item.checked"
(ngModelChange)="onCheckedChange()"
[indeterminate]="item.indeterminate" />
<label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()">
{{i18n.getAllCheckboxText()}}
</label>
</div>
<label *ngIf="config.hasCollapseExpand" class="float-right form-check-label"
(click)="onCollapseExpand()">
<i [title]="i18n.getTooltipCollapseExpandText(item.collapsed)" aria-hidden="true"
[ngSwitch]="item.collapsed">
<svg *ngSwitchCase="true" width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrows-angle-expand"
fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M1.5 10.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z" />
<path fill-rule="evenodd"
d="M6.354 9.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm8.5-8.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z" />
<path fill-rule="evenodd"
d="M10.036 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0V2h-3.5a.5.5 0 0 1-.5-.5z" />
</svg>
<svg *ngSwitchCase="false" width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrows-angle-contract"
fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M9.5 2.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z" />
<path fill-rule="evenodd"
d="M14.354 1.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 1 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm-7.5 7.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z" />
<path fill-rule="evenodd"
d="M2.036 9.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V10h-3.5a.5.5 0 0 1-.5-.5z" />
</svg>
</i>
</label>
</div>
</div>
<div *ngIf="config.hasDivider" class="dropdown-divider"></div>
</div>
</ng-template>
<div class="treeview-header">
<ng-template
[ngTemplateOutlet]="headerTemplate || defaultHeaderTemplate"
[ngTemplateOutletContext]="headerTemplateContext">
</ng-template>
</div>
<div [ngSwitch]="hasFilterItems">
<div *ngSwitchCase="true" class="treeview-container" [style.max-height.px]="maxHeight">
<ngx-treeview-item
*ngFor="let item of filterItems"
[config]="config"
[item]="item"
[template]="itemTemplate || defaultItemTemplate"
(checkedChange)="onItemCheckedChange(item, $event)">
</ngx-treeview-item>
</div>
<div *ngSwitchCase="false" class="treeview-text">
{{i18n.getFilterNoItemsFoundText()}}
</div>
</div>