TSK-1043: Fix access-items table width
This commit is contained in:
Sofie Hofmann
parent
e8e976de0c
commit
5f94d31056
|
|
@ -39,7 +39,8 @@ const classificationServiceSpy = jest.fn().mockImplementation(
|
|||
);
|
||||
const domainServiceSpy = jest.fn().mockImplementation(
|
||||
(): Partial<DomainService> => ({
|
||||
getSelectedDomainValue: jest.fn().mockReturnValue(of())
|
||||
getSelectedDomainValue: jest.fn().mockReturnValue(of()),
|
||||
getSelectedDomain: jest.fn().mockReturnValue(of('A'))
|
||||
})
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -9,8 +9,8 @@
|
|||
|
||||
&__typeahead {
|
||||
text-align: left;
|
||||
min-width: 180px;
|
||||
width: calc(100% + 20px);
|
||||
min-width: 124px;
|
||||
max-width: 124px;
|
||||
line-height: 20px;
|
||||
padding-bottom: 0% !important;
|
||||
margin-top: 5px;
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@ import { MatInputModule } from '@angular/material/input';
|
|||
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
||||
import { MatCheckboxModule } from '@angular/material/checkbox';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
|
||||
@Component({ selector: 'taskana-shared-spinner', template: '' })
|
||||
class SpinnerStub {
|
||||
|
|
@ -93,7 +94,8 @@ describe('WorkbasketAccessItemsComponent', () => {
|
|||
MatAutocompleteModule,
|
||||
MatProgressBarModule,
|
||||
MatCheckboxModule,
|
||||
MatIconModule
|
||||
MatIconModule,
|
||||
MatTooltipModule
|
||||
],
|
||||
declarations: [WorkbasketAccessItemsComponent, TypeAheadComponent, SpinnerStub],
|
||||
providers: [
|
||||
|
|
|
|||
|
|
@ -101,10 +101,10 @@ export class WorkbasketAccessItemsComponent implements OnInit, OnChanges, OnDest
|
|||
ngOnInit() {
|
||||
this.init();
|
||||
this.customFields$ = this.accessItemsCustomization$.pipe(getCustomFields(customFieldCount));
|
||||
this.customFields$.subscribe((v) => {
|
||||
this.customFields$.pipe(takeUntil(this.destroy$)).subscribe((v) => {
|
||||
this.customFields = v;
|
||||
});
|
||||
this.accessItemsRepresentation$.subscribe((accessItemsRepresentation) => {
|
||||
this.accessItemsRepresentation$.pipe(takeUntil(this.destroy$)).subscribe((accessItemsRepresentation) => {
|
||||
if (typeof accessItemsRepresentation !== 'undefined') {
|
||||
this.accessItemsRepresentation = { ...accessItemsRepresentation };
|
||||
this.setAccessItemsGroups(accessItemsRepresentation.accessItems);
|
||||
|
|
@ -142,7 +142,7 @@ export class WorkbasketAccessItemsComponent implements OnInit, OnChanges, OnDest
|
|||
}
|
||||
|
||||
ngAfterViewInit() {
|
||||
this.inputs.changes.subscribe((next) => {
|
||||
this.inputs.changes.pipe(takeUntil(this.destroy$)).subscribe((next) => {
|
||||
if (typeof next.last !== 'undefined') {
|
||||
if (this.added) next.last.nativeElement.focus();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,6 +39,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
|
|||
import { MatSelectModule } from '@angular/material/select';
|
||||
import { MatInputModule } from '@angular/material/input';
|
||||
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
|
||||
@Component({ selector: 'taskana-shared-field-error-display', template: '' })
|
||||
class FieldErrorDisplayStub {
|
||||
|
|
@ -112,7 +113,8 @@ describe('WorkbasketInformationComponent', () => {
|
|||
MatFormFieldModule,
|
||||
MatInputModule,
|
||||
MatSelectModule,
|
||||
MatAutocompleteModule
|
||||
MatAutocompleteModule,
|
||||
MatTooltipModule
|
||||
],
|
||||
declarations: [
|
||||
WorkbasketInformationComponent,
|
||||
|
|
|
|||
|
|
@ -23,7 +23,8 @@ import { WorkbasketQueryFilterParameter } from '../../../shared/models/workbaske
|
|||
const getDomainFn = jest.fn().mockReturnValue(true);
|
||||
const domainServiceMock = jest.fn().mockImplementation(
|
||||
(): Partial<DomainService> => ({
|
||||
getDomains: getDomainFn
|
||||
getDomains: getDomainFn,
|
||||
getSelectedDomain: jest.fn().mockReturnValue(of('A'))
|
||||
})
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
</mat-label>
|
||||
<input #inputTypeAhead [required]="isRequired" class="typeahead__form-input align" matInput type="text"
|
||||
[matAutocomplete]="auto" placeholder="{{placeHolderMessage}}" [(ngModel)]="value" name="accessId"
|
||||
(ngModelChange)="initializeDataSource()" />
|
||||
(ngModelChange)="initializeDataSource()" matTooltip="{{value}}"/>
|
||||
<mat-autocomplete #autoComplete autoActiveFirstOption (optionSelected)="typeaheadOnSelect($event)"
|
||||
#auto="matAutocomplete">
|
||||
<mat-option class="typeahead__form-options" *ngFor="let item of items" [value]="item.accessId">
|
||||
<mat-option class="typeahead__form-options" *ngFor="let item of items" [value]="item.accessId" matTooltip="{{item.accessId}} {{item.name}}">
|
||||
<small>{{item.accessId}} {{item.name}}</small>
|
||||
</mat-option>
|
||||
</mat-autocomplete>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|||
import { MatFormFieldModule } from '@angular/material/form-field';
|
||||
import { MatInputModule } from '@angular/material/input';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { compileComponentFromMetadata, componentFactoryName } from '@angular/compiler';
|
||||
import { AccessIdDefinition } from 'app/shared/models/access-id';
|
||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||
|
||||
const AccessIdsServiceSpy = jest.fn().mockImplementation(
|
||||
(): Partial<AccessIdsService> => ({
|
||||
|
|
@ -40,6 +39,7 @@ describe('TypeAheadComponent', () => {
|
|||
MatAutocompleteModule,
|
||||
MatFormFieldModule,
|
||||
MatInputModule,
|
||||
MatTooltipModule,
|
||||
FormsModule,
|
||||
BrowserAnimationsModule
|
||||
],
|
||||
|
|
|
|||
Loading…
Reference in New Issue