migrate buttons to signal inputs

This commit is contained in:
Dan Percic 2024-06-17 21:26:49 +03:00
parent 939b40b014
commit aa6bc36b89
5 changed files with 15 additions and 15 deletions

View File

@ -89,9 +89,9 @@
<div class="action-buttons">
<iqser-circle-button
(action)="field.primaryAttribute = false; toggleFieldActive.emit(field)"
[removeTooltip]="true"
[tooltip]="'file-attributes-csv-import.action.remove' | translate"
icon="iqser:trash"
removeTooltip
></iqser-circle-button>
</div>
</div>

View File

@ -10,13 +10,13 @@
*allow="roles.getRss"
[attr.help-mode-key]="'component_download'"
[disabled]="downloadComponentLogsDisabled$ | async"
[dropdownButton]="true"
[icon]="'red:extract'"
[matMenuTriggerFor]="(downloadComponentLogsDisabled$ | async) ? null : bulkComponentDownloadMenu"
[tooltip]="
((downloadComponentLogsDisabled$ | async) ? 'component-download.disabled-tooltip' : 'component-download.tooltip')
| translate
"
dropdownButton
></iqser-circle-button>
<redaction-file-download-btn

View File

@ -4,18 +4,18 @@
<iqser-circle-button
(action)="setListingMode(listingModes.table)"
[attr.aria-expanded]="mode === listingModes.table"
[tooltip]="'view-mode.list' | translate"
[greySelected]="true"
[attr.help-mode-key]="'document_list_view'"
[tooltip]="'view-mode.list' | translate"
greySelected
icon="iqser:list"
></iqser-circle-button>
<iqser-circle-button
(action)="setListingMode(listingModes.workflow)"
[attr.aria-expanded]="mode === listingModes.workflow"
[tooltip]="'view-mode.workflow' | translate"
[greySelected]="true"
[attr.help-mode-key]="'workflow_view'"
[tooltip]="'view-mode.workflow' | translate"
greySelected
icon="iqser:lanes"
></iqser-circle-button>
</div>

View File

@ -1,6 +1,6 @@
<div class="component-value" [ngClass]="{ selected: selected, editing: editing }" (click)="select()">
<div (click)="select()" [ngClass]="{ selected: selected, editing: editing }" class="component-value">
<div class="component">{{ entryLabel }}</div>
<div class="value" *ngIf="!editing; else editValue">
<div *ngIf="!editing; else editValue" class="value">
<div class="text">
<span
*ngFor="let componentValue of entry.componentValues"
@ -15,16 +15,16 @@
[tooltip]="'component-management.actions.edit' | translate"
icon="iqser:edit"
></iqser-circle-button>
<div class="changes-dot" *ngIf="hasUpdatedValues && canEdit"></div>
<div *ngIf="hasUpdatedValues && canEdit" class="changes-dot"></div>
</div>
</div>
<mat-icon *ngIf="!editing" class="arrow-right" svgIcon="red:arrow-right"></mat-icon>
</div>
<ng-template #editValue>
<div cdkDropList (cdkDropListDropped)="drop($event)">
<div *ngFor="let value of entry.componentValues; let index = index" class="editing-value" cdkDrag>
<mat-icon class="draggable" svgIcon="red:draggable-dots" cdkDragHandle></mat-icon>
<div (cdkDropListDropped)="drop($event)" cdkDropList>
<div *ngFor="let value of entry.componentValues; let index = index" cdkDrag class="editing-value">
<mat-icon cdkDragHandle class="draggable" svgIcon="red:draggable-dots"></mat-icon>
<div class="iqser-input-group w-full">
<textarea [(ngModel)]="value.value" rows="1" type="text"></textarea>
</div>
@ -46,12 +46,12 @@
<div (click)="deselect($event)" class="all-caps-label cancel" translate="component-management.actions.cancel"></div>
<div class="flex right">
<iqser-circle-button
*ngIf="hasUpdatedValues && canEdit"
(action)="undo()"
[showDot]="true"
*ngIf="hasUpdatedValues && canEdit"
[tooltip]="'component-management.actions.undo' | translate"
class="undo-value"
icon="red:undo"
showDot
></iqser-circle-button>
<iqser-circle-button
(action)="add()"

@ -1 +1 @@
Subproject commit 76771023c22f6b69686d4d783e328b909a56c789
Subproject commit 0738d8c4ef7cbc03071124d2a76a70d428d11781