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

feature(ui-library): Added own library of UI components to replace digi-ng. Skeleton is first component moved (TV-850)

Browse Source 
Squashed commit of the following:

commit d76e32cd99e2e823142f4410e66c66df5e096041
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:28:02 2021 +0200

    Move styles to own library

commit 85f0a5788ebdd7309499b1b623f4ac1046f45811
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:09:23 2021 +0200

    double quotes in html

commit eeb600cd631e3478c136795a8109e8927546b14b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:42:48 2021 +0200

    UI library with copy of digi-ng's skeleton

commit 11a24c0eef173e6b2f087eca5e96063036e6394b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:06:43 2021 +0200

    Update .eslintrc.json

commit 3c4b2e4823dbd8e9ca8dd332966bd10ac0fc098f
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 15:08:32 2021 +0200

    add nx library
This commit is contained in:
Daniel Appelgren
2021-10-28 10:34:28 +02:00
parent a0f61c796d
commit d3c61a4c56
89 changed files with 2229 additions and 1574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html
View File

@@ -137,7 +137,7 @@
</footer>
</section>
<ng-template #loadingRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar personalkonto"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar personalkonto"></ui-skeleton>
</ng-template>
<ng-template #emptyDD class="employee-card__list">
<dd>

4
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.module.ts
View File

@@ -1,5 +1,5 @@
import { DigiNgLayoutExpansionPanelModule } from '@af/digi-ng/_layout/layout-expansion-panel';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -17,7 +17,7 @@ import { EmployeeCardComponent } from './employee-card.component';
CommonModule,
RouterModule.forChild([{ path: '', component: EmployeeCardComponent }]),
LayoutModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgLayoutExpansionPanelModule,
LocalDatePipeModule,
HideTextModule,

2
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/employee-form.component.html
View File

@@ -51,7 +51,7 @@
</div>
</ng-container>
<ng-template #isLoadingEmployeeTemplate>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar personalkonto..."></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar personalkonto..."></ui-skeleton>
</ng-template>
</section>
</digi-typography>

4
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/employee-form.module.ts
View File

@@ -19,7 +19,7 @@ import { LocalDatePipeModule } from '@msfa-shared/pipes/local-date/local-date.mo
import { EmployeeDeleteModule } from '../../components/employee-delete/employee-delete.module';
import { EditEmployeeFormComponent } from './edit-employee-form/edit-employee-form.component';
import { EmployeeFormComponent } from './employee-form.component';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { ErrorListModule } from '@msfa-shared/components/error-list/error-list.module';
@NgModule({
@@ -38,7 +38,7 @@ import { ErrorListModule } from '@msfa-shared/components/error-list/error-list.m
DigiNgFormCheckboxModule,
DigiNgButtonModule,
DigiNgLoaderSpinnerModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
LayoutModule,
EmployeeDeleteModule,
DigiNgDialogModule,

4
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.spec.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
@@ -17,7 +17,7 @@ describe('EmployeesListComponent', () => {
await TestBed.configureTestingModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
declarations: [EmployeesListComponent, LayoutComponent],
imports: [RouterTestingModule, DigiNgSkeletonBaseModule, HttpClientTestingModule],
imports: [RouterTestingModule, UiSkeletonModule, HttpClientTestingModule],
}).compileComponents();
fixture = TestBed.createComponent(EmployeesListComponent);

2
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
View File

@@ -48,7 +48,7 @@
</digi-typography>
<ng-template #loadingRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar personal"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar personal"></ui-skeleton>
</ng-template>
</section>
</msfa-layout>

4
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.module.ts
View File

@@ -1,6 +1,6 @@
import { DigiNgLinkButtonModule } from '@af/digi-ng/_link/link-button';
import { DigiNgLinkInternalModule } from '@af/digi-ng/_link/link-internal';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
@@ -18,7 +18,7 @@ import { EmployeesComponent } from './employees.component';
RouterModule.forChild([{ path: '', component: EmployeesComponent }]),
LayoutModule,
DigiNgLinkInternalModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
EmployeesListModule,
EmployeeDeleteModule,
DigiNgLinkButtonModule,

2
apps/mina-sidor-fa/src/app/pages/avrop/avrop.component.html
View File

@@ -131,7 +131,7 @@
</ng-template>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar nya deltagare"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar nya deltagare"></ui-skeleton>
</ng-template>
<ng-template #noAvailabeHandledare>

4
apps/mina-sidor-fa/src/app/pages/avrop/avrop.module.ts
View File

@@ -1,5 +1,5 @@
import { DigiNgProgressProgressbarModule } from '@af/digi-ng/_progress/progressbar';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -21,7 +21,7 @@ import { AvropListModule } from './components/avrop-list/avrop-list.module';
AvropListModule,
AvropFiltersModule,
DigiNgProgressProgressbarModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
LoaderModule,
HandledarePickerFormModule,
UnauthorizedAlertModule,

4
apps/mina-sidor-fa/src/app/pages/avrop/components/avrop-list/avrop-list.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { LoaderModule } from '@msfa-shared/components/loader/loader.module';
@@ -8,7 +8,7 @@ import { AvropListComponent } from './avrop-list.component';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
declarations: [AvropListComponent],
imports: [CommonModule, AvropRowModule, LoaderModule, DigiNgSkeletonBaseModule],
imports: [CommonModule, AvropRowModule, LoaderModule, UiSkeletonModule],
exports: [AvropListComponent],
})
export class AvropListModule {}

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-experiences/deltagare-tab-experiences.component.scss
View File

@@ -1,4 +1,4 @@
@import 'apps/mina-sidor-fa/src/styles/mixins/list';
@import 'mixins/list';
.deltagare-tab-experiences {
display: contents;

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-reports/components/reports-list/reports-list.component.scss
View File

@@ -1,4 +1,4 @@
@import 'apps/mina-sidor-fa/src/styles/variables/gutters';
@import 'variables/gutters';
.reports-list {
&__pagination {

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-sensitive-information/deltagare-tab-sensitive-information.component.scss
View File

@@ -1,4 +1,4 @@
@import 'apps/mina-sidor-fa/src/styles/variables/z-index';
@import 'variables/z-index';
.deltagare-tab-sensitive-information {
display: contents;

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.component.html
View File

@@ -83,7 +83,7 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar deltagarinformation"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar deltagarinformation"></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.component.scss
View File

@@ -1,4 +1,4 @@
@import 'apps/mina-sidor-fa/src/styles/variables/gutters';
@import 'variables/gutters';
.deltagare-card {
&__tab-contents {

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.module.ts
View File

@@ -2,7 +2,7 @@ import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgLayoutExpansionPanelModule } from '@af/digi-ng/_layout/layout-expansion-panel';
import { DigiNgLinkButtonModule } from '@af/digi-ng/_link/link-button';
import { DigiNgPopoverModule } from '@af/digi-ng/_popover/popover';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -43,7 +43,7 @@ import { DeltagareCardService } from './deltagare-card.service';
DigiNgPopoverModule,
DigiNgLinkButtonModule,
DigiNgFormSelectModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
],
providers: [DeltagareCardService],
exports: [DeltagareCardComponent],

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/avvikelse-report-form/avvikelse-report-form.component.html
View File

@@ -133,10 +133,10 @@
</msfa-report-layout>
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Avvikelserapport (avvikelse)"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Avvikelserapport (avvikelse)"
></ui-skeleton>
</ng-template>
<ng-template #loadingRef>
<msfa-loader type="padded"></msfa-loader>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/avvikelse-report-form/avvikelse-report-form.module.ts
View File

@@ -5,7 +5,7 @@ import { DigiNgFormRadiobuttonGroupModule } from '@af/digi-ng/_form/form-radiobu
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgFormTextareaModule } from '@af/digi-ng/_form/form-textarea';
import { DigiNgProgressProgressbarModule } from '@af/digi-ng/_progress/progressbar';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -34,7 +34,7 @@ import { AvvikelseReportFormService } from './avvikelse-report-form.service';
ReportLayoutModule,
ConfirmDialogModule,
BackLinkModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgFormSelectModule,
LoaderModule,
ReportDescriptionListModule,

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/franvaro-report-form/franvaro-report-form.component.html
View File

@@ -316,10 +316,10 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Avvikelserapport (frånvaro)"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Avvikelserapport (frånvaro)"
></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/franvaro-report-form/franvaro-report-form.module.ts
View File

@@ -5,7 +5,7 @@ import { DigiNgFormRadiobuttonGroupModule } from '@af/digi-ng/_form/form-radiobu
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgFormTextareaModule } from '@af/digi-ng/_form/form-textarea';
import { DigiNgFormValidationMessageModule } from '@af/digi-ng/_form/form-validation-message';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -33,7 +33,7 @@ import { FranvaroReportFormService } from './franvaro-report-form.service';
DigiNgFormSelectModule,
DigiNgFormDatepickerModule,
DigiNgFormRadiobuttonGroupModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgFormTextareaModule,
DigiNgFormInputModule,
DigiNgFormValidationMessageModule,

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/gemensam-planering-form/gemensam-planering-form.component.html
View File

@@ -136,10 +136,10 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Gemensam planering"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Gemensam planering"
></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/gemensam-planering-form/gemensam-planering-form.module.ts
View File

@@ -2,7 +2,7 @@ import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
import { DigiNgFormCheckboxModule } from '@af/digi-ng/_form/form-checkbox';
import { DigiNgFormRadiobuttonGroupModule } from '@af/digi-ng/_form/form-radiobutton-group';
import { DigiNgProgressProgressbarModule } from '@af/digi-ng/_progress/progressbar';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -29,7 +29,7 @@ import { GemensamPlaneringFormService } from './gemensam-planering-form.service'
BackLinkModule,
LoaderModule,
ReportDescriptionListModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgFormCheckboxModule,
DigiNgDialogModule,
],

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/informativ-rapport-form/informativ-rapport-form.component.html
View File

@@ -152,10 +152,10 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Informativ rapport"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Informativ rapport"
></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/informativ-rapport-form/informativ-rapport-form.module.ts
View File

@@ -1,7 +1,7 @@
import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgFormTextareaModule } from '@af/digi-ng/_form/form-textarea';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -26,7 +26,7 @@ import { InformativRapportFormService } from './informativ-rapport-form.service'
ConfirmDialogModule,
ReportDescriptionListModule,
BackLinkModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgDialogModule,
DigiNgFormSelectModule,
DigiNgFormTextareaModule,

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/periodisk-redovisning-form/periodisk-redovisning-form.component.html
View File

@@ -280,10 +280,10 @@
</ng-template>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Periodisk redovisning"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Periodisk redovisning"
></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/periodisk-redovisning-form/periodisk-redovisning-form.module.ts
View File

@@ -2,7 +2,7 @@ import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
import { DigiNgFormCheckboxModule } from '@af/digi-ng/_form/form-checkbox';
import { DigiNgFormRadiobuttonGroupModule } from '@af/digi-ng/_form/form-radiobutton-group';
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -27,7 +27,7 @@ import { PeriodiskRedovisningFormService } from './periodisk-redovisning-form.se
ReportDescriptionListModule,
BackLinkModule,
LoaderModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgDialogModule,
DigiNgFormSelectModule,
DigiNgFormRadiobuttonGroupModule,

8
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/signal-form/signal-form.component.html
View File

@@ -152,8 +152,8 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base
[afCount]="3"
afText="Laddar data för att kunna skapa Signal om arbete eller studier"
></digi-ng-skeleton-base>
<ui-skeleton
[uiCount]="3"
uiText="Laddar data för att kunna skapa Signal om arbete eller studier"
></ui-skeleton>
</ng-template>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/signal-form/signal-form.module.ts
View File

@@ -4,7 +4,7 @@ import { DigiNgFormRadiobuttonGroupModule } from '@af/digi-ng/_form/form-radiobu
import { DigiNgFormRangeModule } from '@af/digi-ng/_form/form-range';
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
import { DigiNgFormValidationMessageModule } from '@af/digi-ng/_form/form-validation-message';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
@@ -29,7 +29,7 @@ import { SignalFormService } from './signal-form.service';
BackLinkModule,
DigiNgFormRadiobuttonGroupModule,
DigiNgFormDatepickerModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
DigiNgDialogModule,
DigiNgFormRangeModule,
DigiNgFormValidationMessageModule,

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/avvikelse-report-view/avvikelse-report-view.component.html
View File

@@ -23,7 +23,7 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar Avvikelserapport (avvikelse)"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar Avvikelserapport (avvikelse)"></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/avvikelse-report-view/avvikelse-report-view.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -19,7 +19,7 @@ import { AvvikelseReportViewService } from './avvikelse-report-view.service';
ReportLayoutModule,
BackLinkModule,
LoaderModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
],
providers: [AvvikelseReportViewService],
exports: [AvvikelseReportViewComponent],

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/franvaro-report-view/franvaro-report-view.component.html
View File

@@ -39,7 +39,7 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar Avvikelserapport (frånvaro)"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar Avvikelserapport (frånvaro)"></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/franvaro-report-view/franvaro-report-view.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -19,7 +19,7 @@ import { FranvaroReportViewService } from './franvaro-report-view.service';
ReportLayoutModule,
BackLinkModule,
LoaderModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
],
providers: [FranvaroReportViewService],
exports: [FranvaroReportViewComponent],

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/gemensam-planering-view/gemensam-planering-view.component.html
View File

@@ -29,7 +29,7 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar Gemensam planering"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar Gemensam planering"></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/gemensam-planering-view/gemensam-planering-view.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -19,7 +19,7 @@ import { GemensamPlaneringViewService } from './gemensam-planering-view.service'
ReportLayoutModule,
BackLinkModule,
LoaderModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule
],
providers: [GemensamPlaneringViewService],
exports: [GemensamPlaneringViewComponent],

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
View File

@@ -34,7 +34,7 @@
</msfa-layout>
<ng-template #skeletonRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar Gemensam planering"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar Gemensam planering"></ui-skeleton>
</ng-template>
<ng-template #loadingRef>

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -21,7 +21,7 @@ import { PeriodiskRedovisningViewService } from './periodisk-redovisning-view.se
BackLinkModule,
LoaderModule,
HideTextModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
],
providers: [PeriodiskRedovisningViewService],
exports: [PeriodiskRedovisningViewComponent],

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.scss
View File

@@ -1,5 +1,5 @@
@import 'apps/mina-sidor-fa/src/styles/variables/gutters';
@import 'apps/mina-sidor-fa/src/styles/variables/z-index';
@import 'variables/gutters';
@import 'variables/z-index';
.deltagare-list {
position: relative;

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/deltagare-list.component.html
View File

@@ -32,7 +32,7 @@
</msfa-layout>
<ng-template #loadingRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar deltagarlista"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar deltagarlista"></ui-skeleton>
</ng-template>
<ng-template #noDeltagare>

2
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/deltagare-list.component.scss
View File

@@ -1,4 +1,4 @@
@import 'apps/mina-sidor-fa/src/styles/variables/gutters';
@import 'variables/gutters';
.deltagare {
&__header {

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/deltagare-list.module.ts
View File

@@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router';
import { DeltagareListComponent } from './deltagare-list.component';
import { LayoutModule } from '@msfa-shared/components/layout/layout.module';
import { DeltagareListTableModule } from './components/deltagare-list-table/deltagare-list-table.module';
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { UnauthorizedAlertModule } from '@msfa-shared/components/unauthorized-alert/unauthorized-alert.module';
@NgModule({
@@ -20,7 +20,7 @@ import { UnauthorizedAlertModule } from '@msfa-shared/components/unauthorized-al
]),
LayoutModule,
DeltagareListTableModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
UnauthorizedAlertModule,
],
})

2
apps/mina-sidor-fa/src/app/pages/my-account/my-account.component.html
View File

@@ -90,7 +90,7 @@
</msfa-layout>
<ng-template #loadingRef>
<digi-ng-skeleton-base [afCount]="3" afText="Laddar kontoinformation"></digi-ng-skeleton-base>
<ui-skeleton [uiCount]="3" uiText="Laddar kontoinformation"></ui-skeleton>
</ng-template>
<ng-template #emptyText>

4
apps/mina-sidor-fa/src/app/pages/my-account/my-account.module.ts
View File

@@ -1,4 +1,4 @@
import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
@@ -17,7 +17,7 @@ import { MyAccountComponent } from './my-account.component';
RouterModule.forChild([{ path: '', component: MyAccountComponent }]),
LayoutModule,
IconModule,
DigiNgSkeletonBaseModule,
UiSkeletonModule,
OrganizationPickerFormModule,
RolesDialogModule,
HideTextModule,

1
apps/mina-sidor-fa/src/styles/functions/_rem.scss
View File

@@ -1 +0,0 @@
@import '~@digi/styles/src/base/functions/rem';

13
apps/mina-sidor-fa/src/styles/mixins/_a11y.scss
View File

@@ -1,13 +0,0 @@
@mixin msfa__a11y-sr-only {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}

21
apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss
View File

@@ -1,21 +0,0 @@
@import 'variables/z-index';
@mixin msfa__backdrop($zIndex: $msfa__z-index-default, $fullScreen: true, $opaqueBackground: false) {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zIndex;
@if $opaqueBackground {
background-color: var(--digi--ui--color--background);
} @else {
background-color: rgba(255, 255, 255, 0.4);
}
@if $fullScreen {
position: fixed;
} @else {
position: absolute;
}
}

46
apps/mina-sidor-fa/src/styles/mixins/_buttons.scss
View File

@@ -1,46 +0,0 @@
@import '~@digi/core/dist/collection/components/_button/button/button.css';
@mixin msfa__button($type: 'primary') {
padding: var(--digi-button--padding);
border-radius: var(--digi-button--border-radius);
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
text-decoration: none;
font-weight: var(--digi-button--font-weight);
font-size: var(--digi-button--font-size);
width: var(--digi-button--width);
display: flex;
align-items: center;
gap: 0.3rem;
text-align: var(--digi-button--text-align);
border: var(--digi-button--border);
outline: var(--digi-button--outline);
border-color: var(--digi-button--border-color);
@if $type == 'secondary' {
background-color: var(--digi-button--background--secondary);
color: var(--digi-button--color--secondary);
} @else if $type == 'tertiary' {
background-color: transparent;
color: var(--digi-button--color--tertiary);
border-width: 0;
} @else {
background-color: var(--digi-button--background);
color: var(--digi-button--color);
}
&:hover,
&:focus {
outline: var(--digi-button--outline--focus);
border-color: var(--digi-button--border-color--hover);
@if $type == 'secondary' {
background-color: var(--digi-button--background--secondary--hover);
color: var(--digi-button--color--secondary);
} @else if $type == 'tertiary' {
color: var(--digi-button--color--tertiary--hover);
} @else {
background-color: var(--digi-button--background--hover);
color: var(--digi-button--color--hover);
}
}
}

5
apps/mina-sidor-fa/src/styles/mixins/_flex.scss
View File

@@ -1,5 +0,0 @@
@mixin msfa__flex-center {
display: flex;
align-items: center;
justify-content: center;
}

25
apps/mina-sidor-fa/src/styles/mixins/_form.scss
View File

@@ -1,25 +0,0 @@
@import 'variables/colors';
@import 'variables/gutters';
@mixin msfa__fieldset($legendAsHeading: true) {
margin: 0;
padding: 0;
border-width: 0;
legend {
position: relative;
text-align: left;
@if $legendAsHeading {
width: 100%;
display: flex;
align-items: center;
padding-bottom: var(--digi--layout--gutter--xs);
margin: 0;
font-weight: var(--digi--typography--font-weight--bold);
font-size: var(--digi--typography--font-size--s);
border-bottom: 1px solid var(--digi--ui--color--background--off);
}
}
}

7
apps/mina-sidor-fa/src/styles/mixins/_icon.scss
View File

@@ -1,7 +0,0 @@
@mixin msfa__digi-ng-icon($width: 1em) {
display: inline-flex;
justify-content: center;
align-items: center;
width: $width;
max-height: $width;
}

42
apps/mina-sidor-fa/src/styles/mixins/_link.scss
View File

@@ -1,42 +0,0 @@
@mixin msfa__link($ignore-visited: false, $theme: 'dark') {
display: inline-flex;
align-items: center;
text-decoration: none;
color: var(--digi--typography--color--link);
font-size: var(--digi--typography--font-size);
font-weight: var(--digi--typography--font-weight--semibold);
gap: var(--digi--layout--gutter--xs);
@if ($theme == 'light') {
color: var(--digi--typography--color--text--light);
&:visited {
color: var(--digi--typography--color--text--light);
&:hover {
color: var(--digi--typography--color--text--light);
}
}
}
&:hover {
text-decoration: underline;
}
@if ($ignore-visited) {
&:visited {
color: var(--digi--typography--color--link);
&:hover {
color: var(--digi--typography--color--link--active);
}
}
}
}
@mixin msfa__button-as-link($ignore-visited: false) {
@include msfa__link($ignore-visited);
background-color: transparent;
border-width: 0;
padding: 0;
}

5
apps/mina-sidor-fa/src/styles/mixins/_list.scss
View File

@@ -1,5 +0,0 @@
@mixin msfa__reset-list {
list-style-type: none;
padding: 0;
margin: 0;
}

1
apps/mina-sidor-fa/src/styles/variables/_breakpoints.scss
View File

@@ -1 +0,0 @@
@import '~@digi/styles/src/layout/variables/layout__variables';

7
apps/mina-sidor-fa/src/styles/variables/_colors.scss
View File

@@ -1,7 +0,0 @@
@import '~@digi/styles/src/ui/variables/ui__variables';
// AF DIGI Variables
$digi--ui--color--primary-light: lighten($digi--ui--color--primary, 10%);
$digi--ui--color--primary: $digi--ui--color--stratos;
// Local variables

13
apps/mina-sidor-fa/src/styles/variables/_gutters.scss
View File

@@ -1,13 +0,0 @@
@import '~@digi/styles/src/layout/variables/layout__variables';
@import 'functions/rem';
// AF DIGI Variables
$digi--layout--gutter--xs: var(--digi--layout--gutter--xs);
$digi--layout--gutter--s: var(--digi--layout--gutter--s);
$digi--layout--gutter--m: rem(12);
$digi--layout--gutter: var(--digi--layout--gutter);
$digi--layout--gutter--l: rem(25);
$digi--layout--gutter--xl: rem(40);
$digi--layout--gutter--xxl: rem(60);
// Local variables

1
apps/mina-sidor-fa/src/styles/variables/_navigation.scss
View File

@@ -1 +0,0 @@
$msfa__navigation-height: 4rem;

1
apps/mina-sidor-fa/src/styles/variables/_shadows.scss
View File

@@ -1 +0,0 @@
$msfa__shadow: 0 0.2rem 0.6rem 0 var(--digi--ui--color--shadow);

9
apps/mina-sidor-fa/src/styles/variables/_z-index.scss
View File

@@ -1,9 +0,0 @@
$msfa__z-index-default: 0;
$msfa__z-index-header: 1;
$msfa__z-index-sidebar: 1;
$msfa__z-index-footer: 0;
$msfa__z-index-selector-panel: 1;
$msfa__z-index-backdrop: 1000;
$msfa__z-index-skip-to-content: 2;
$msfa__z-index-toast: 9999;
$msfa__z-index-popover: 1;