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

fix report buttons

Browse Source
This commit is contained in:
Daniel Appelgren
2021-10-08 16:21:45 +02:00
parent d54191a2c1
commit 71be421798
2 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-reports/deltagare-tab-reports.component.html
View File

@@ -1,24 +1,31 @@
<div class="deltagare-tab-reports">
<!-- <form [formGroup]="reportPickerFormGroup" class="deltagare-tab-reports__form">-->
<h3>Skapa ny rapport</h3>
<p>Här kan du skicka rapporter om deltagaren till arbetsförmedlingen.</p>
<!-- TODO put these in a styled list-->
<p>
<digi-ng-link-button [afRoute]="'./gemensam-planering'" afText="Skapa ny Gemensam planering"></digi-ng-link-button>
</p>
<p>
<digi-ng-link-button
[afRoute]="'./franvarorapport'"
afText="Skapa ny Avvikelserapport (frånvaro)"
></digi-ng-link-button>
</p>
<p>
<digi-ng-link-button
[afRoute]="'./avvikelserapport'"
afText="Skapa ny Avvikelserapport (avvikelse)"
></digi-ng-link-button>
</p>
<ul class="deltagare-tab-reports__button-list">
<li>
<digi-ng-link-button
class="deltagare-tab-reports__button"
[afRoute]="'./gemensam-planering'"
afText="Skapa ny Gemensam planering"
></digi-ng-link-button>
</li>
<li>
<digi-ng-link-button
class="deltagare-tab-reports__button"
[afRoute]="'./franvarorapport'"
afText="Skapa ny Avvikelserapport (frånvaro)"
></digi-ng-link-button>
</li>
<li>
<digi-ng-link-button
class="deltagare-tab-reports__button"
[afRoute]="'./avvikelserapport'"
afText="Skapa ny Avvikelserapport (avvikelse)"
></digi-ng-link-button>
</li>
</ul>
<ng-container *ngIf="reportsData; else loadingRef">
<h3>Inskickade rapporter</h3>

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

@@ -1,4 +1,5 @@
@import 'apps/mina-sidor-fa/src/styles/variables/gutters';
@import 'variables/gutters';
@import 'mixins/list';
.deltagare-tab-reports {
&__form {
@@ -9,4 +10,18 @@
margin-top: $digi--layout--gutter--l;
margin-bottom: $digi--layout--gutter--xl;
}
&__button-list {
@include msfa__reset-list;
display: flex;
flex-direction: column;
gap: var(--digi--layout--gutter);
margin-bottom: $digi--layout--gutter--xxl;
}
&__button {
::ng-deep .digi-ng-link-button {
padding: var(--digi--layout--padding--15) var(--digi--layout--padding--30) !important;
}
}
}