Updated common & fixes for spotlight search & help mode classes
This commit is contained in:
Adina Țeudan
parent
ada4ca70da
commit
cf681acc01
@ -1,24 +1,27 @@
|
||||
<form class="spotlight-wrapper" [formGroup]="formGroup">
|
||||
<form [formGroup]="formGroup" class="spotlight-wrapper">
|
||||
<div class="search d-flex">
|
||||
<input id="query" type="text" formControlName="query" autocomplete="off" class="spotlight-row" [placeholder]="data.placeholder" />
|
||||
<input [placeholder]="data.placeholder" autocomplete="off" class="spotlight-row" formControlName="query" id="query" type="text" />
|
||||
|
||||
<ng-container *ngIf="showActions$ | async as showActions">
|
||||
<mat-icon class="mr-34" *ngIf="!showActions" [svgIcon]="'iqser:search'"></mat-icon>
|
||||
<mat-icon *ngIf="(showActions$ | async) === false" [svgIcon]="'iqser:search'" class="mr-34"></mat-icon>
|
||||
|
||||
<iqser-circle-button *ngIf="showActions" class="mr-24" (action)="dialogRef.close()" icon="iqser:close"></iqser-circle-button>
|
||||
</ng-container>
|
||||
<iqser-circle-button
|
||||
(action)="dialogRef.close()"
|
||||
*ngIf="showActions$ | async"
|
||||
class="mr-24"
|
||||
icon="iqser:close"
|
||||
></iqser-circle-button>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<ng-container *ngIf="showActions$ | async">
|
||||
<button
|
||||
*ngFor="let item of shownActions; let index = index"
|
||||
class="spotlight-row pointer"
|
||||
[class.highlight]="(currentActionIdx$ | async) === index"
|
||||
(click)="item.action(formGroup.get('query').value); dialogRef.close()"
|
||||
*ngFor="let item of shownActions; let index = index"
|
||||
[class.highlight]="(currentActionIdx$ | async) === index"
|
||||
class="spotlight-row pointer"
|
||||
>
|
||||
<mat-icon class="mr-16" [svgIcon]="item.icon"></mat-icon>
|
||||
<mat-icon [svgIcon]="item.icon" class="mr-16"></mat-icon>
|
||||
<span>{{ item.text }}</span>
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
(action)="reanalyse()"
|
||||
*ngIf="canReanalyse"
|
||||
[tooltip]="'dossier-overview.bulk.reanalyse' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
[type]="circleButtonTypes.dark"
|
||||
></iqser-circle-button>
|
||||
</ng-container>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
(action)="reanalyseDossier($event, dossier)"
|
||||
*ngIf="permissionsService.displayReanalyseBtn(dossier)"
|
||||
[tooltip]="'dossier-listing.reanalyse.action' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
[type]="circleButtonTypes.dark"
|
||||
></iqser-circle-button>
|
||||
|
||||
|
||||
@ -121,7 +121,7 @@
|
||||
(action)="reanalyseFile($event)"
|
||||
*ngIf="canReanalyse && screen === 'file-preview'"
|
||||
[tooltip]="'file-preview.reanalyse-notification' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
tooltipClass="warn small"
|
||||
tooltipPosition="below"
|
||||
[type]="circleButtonTypes.warn"
|
||||
@ -133,7 +133,7 @@
|
||||
*ngIf="canReanalyse && screen === 'dossier-overview'"
|
||||
[tooltipPosition]="tooltipPosition"
|
||||
[tooltip]="'dossier-overview.reanalyse.action' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
[type]="circleButtonTypes.dark"
|
||||
></iqser-circle-button>
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
*ngIf="permissionsService.displayReanalyseBtn()"
|
||||
[tooltipClass]="'small ' + ((entitiesService.areSomeSelected$ | async) ? '' : 'warn')"
|
||||
[tooltip]="'dossier-overview.new-rule.toast.actions.reanalyse-all' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
tooltipPosition="below"
|
||||
[type]="circleButtonTypes.warn"
|
||||
></iqser-circle-button>
|
||||
|
||||
@ -62,7 +62,6 @@ export class IconsModule {
|
||||
'read-only',
|
||||
'ready-for-approval',
|
||||
'reason',
|
||||
'refresh',
|
||||
'remove-from-dict',
|
||||
'report',
|
||||
'secret',
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
(action)="uploadItem(model)"
|
||||
*ngIf="model.error && !model.sizeError"
|
||||
[tooltip]="'upload-status.dialog.actions.re-upload' | translate"
|
||||
icon="red:refresh"
|
||||
icon="iqser:refresh"
|
||||
tooltipPosition="before"
|
||||
[type]="circleButtonTypes.dark"
|
||||
></iqser-circle-button>
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg height="100px" version="1.1" viewBox="0 0 100 100" width="100px"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fill-rule="evenodd" id="reanalyse" stroke="none" stroke-width="1">
|
||||
<g fill="currentColor" fill-rule="nonzero" id="refresh">
|
||||
<path
|
||||
d="M12.5,63.5 C18,79.5 33,90 50,90 C62,90 73.5,84.5 81,75 L81,75 L65,75 L65,65 L95,65 L95,95 L85,95 L85,85.5 C76,94.5 63.5,100 50,100 C29,100 10,86.5 3,67 L3,67 Z M50,0 C71,0 90,13.5 97,33 L97,33 L87.5,36.5 C82,20.5 67,10 50,10 C38,10 26.5,15.5 19,25 L19,25 L35,25 L35,35 L5,35 L5,5 L15,5 L15,14.5 C24.5,5.5 37,0 50,0 Z"
|
||||
id="Combined-Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 729 B |
@ -12,7 +12,7 @@
|
||||
transition: all 0.25s;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.help-highlight,
|
||||
.help-mode-on-mouse-over:hover {
|
||||
background: rgba(92, 229, 148, 0.5);
|
||||
box-shadow: 0 0 0 2px $green-2 inset;
|
||||
|
||||
@ -1 +1 @@
|
||||
Subproject commit 82f27f1ed9ff98c98877c4cf128b4b41832a1724
|
||||
Subproject commit 6d9806160ac35b0db437c3ea0fbf5596e29fda1e
|
||||
Loading…
x
Reference in New Issue
Block a user