arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added some digi-core components

Browse Source
This commit is contained in:
Erik Tiekstra
2021-03-24 09:25:34 +01:00
committed by Erik Tiekstra
parent f7537671f3
commit 184853b10c
7 changed files with 40 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/dafa-web/src/app/data/enums/keyboard-codes.enum.ts Normal file
View File

@@ -0,0 +1,4 @@
export enum KeyboardCodes {
ENTER = 'Enter',
ESCAPE = 'Escape',
}

22
apps/dafa-web/src/app/pages/participants/participants.component.html
View File

@@ -1,8 +1,18 @@
<digi-typography>
<h1>Mina deltagare</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum leo
quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
</p>
<section class="participants">
<h1>Mina deltagare</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
</p>
<form class="participants__search-wrapper" (ngSubmit)="handleSearchSubmit($event)">
<digi-form-input-search
af-label="Sök kunder"
af-label-description="Sök på namn eller ärendenummer"
(afOnInput)="handleSearchInput($event)"
></digi-form-input-search>
</form>
</section>
</digi-typography>

5
apps/dafa-web/src/app/pages/participants/participants.component.scss
View File

@@ -0,0 +1,5 @@
.participants {
&__search-wrapper {
max-width: var(--digi--typography--text--max-width);
}
}

13
apps/dafa-web/src/app/pages/participants/participants.component.ts
View File

@@ -6,4 +6,15 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
styleUrls: ['./participants.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ParticipantsComponent {}
export class ParticipantsComponent {
searchValue = '';
handleSearchSubmit($event: SubmitEvent): void {
console.log(this.searchValue);
console.log($event);
}
handleSearchInput($event: CustomEvent): void {
this.searchValue = $event.detail.target.value;
}
}

3
apps/dafa-web/src/app/pages/participants/participants.module.ts
View File

@@ -1,11 +1,12 @@
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { ParticipantsComponent } from './participants.component';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
declarations: [ParticipantsComponent],
imports: [CommonModule, RouterModule.forChild([{ path: '', component: ParticipantsComponent }])],
imports: [CommonModule, RouterModule.forChild([{ path: '', component: ParticipantsComponent }]), FormsModule],
})
export class ParticipantsModule {}

16
apps/dafa-web/src/app/shared/components/icon/icon.module.ts
View File

@@ -1,24 +1,10 @@
import { DigiNgIconBellModule } from '@af/digi-ng/_icon/icon-bell';
import { DigiNgIconCalendarAltModule } from '@af/digi-ng/_icon/icon-calendar-alt';
import { DigiNgIconEnvelopeFilledModule } from '@af/digi-ng/_icon/icon-envelope-filled';
import { DigiNgIconSokkandidatModule } from '@af/digi-ng/_icon/icon-sokkandidat';
import { DigiNgIconUserAltModule } from '@af/digi-ng/_icon/icon-user-alt';
import { DigiNgIconUsersSolidModule } from '@af/digi-ng/_icon/icon-users-solid';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { IconComponent } from './icon.component';
@NgModule({
declarations: [IconComponent],
imports: [
CommonModule,
DigiNgIconUserAltModule,
DigiNgIconUsersSolidModule,
DigiNgIconBellModule,
DigiNgIconCalendarAltModule,
DigiNgIconEnvelopeFilledModule,
DigiNgIconSokkandidatModule,
],
imports: [CommonModule],
exports: [IconComponent],
})
export class IconModule {}