lade till Deltagaren har inte deltagit i några aktiviteter denna period under periodisk redovisning view

This commit is contained in:
Daniel Appelgren
2021-11-02 16:09:37 +01:00
parent 596033f08a
commit 33adc35b56
2 changed files with 12 additions and 17 deletions

View File

@@ -15,17 +15,19 @@
<dd>{{report.hasOfferedJob ? 'Ja' : 'Nej' }}</dd> <dd>{{report.hasOfferedJob ? 'Ja' : 'Nej' }}</dd>
<dt>Aktiviteter</dt> <dt>Aktiviteter</dt>
<dd>
<ul class="periodisk-redovisning-view__activity-list"> <dd *ngIf="report.activities.length === 0; else activityList">
<li class="periodisk-redovisning-view__activity-item" *ngFor="let activity of report.activities"> Deltagaren har inte deltagit i några aktiviteter denna period
<digi-icon-check-circle
class="msfa__digi-icon periodisk-redovisning-view__activity-check"
aria-hidden="true"
></digi-icon-check-circle>
{{getActivityInfoAsString(activity)}}
</li>
</ul>
</dd> </dd>
<ng-template #activityList>
<dd *ngFor="let activity of report.activities" class="periodisk-redovisning-view__activity-item">
<digi-icon-check-circle
class="msfa__digi-icon periodisk-redovisning-view__activity-check"
aria-hidden="true"
></digi-icon-check-circle>
<span>{{getActivityInfoAsString(activity)}}</span>
</dd>
</ng-template>
</dl> </dl>
<footer class="periodisk-redovisning-view__footer"> <footer class="periodisk-redovisning-view__footer">
<msfa-back-link route="../../">Tillbaka till deltagaren</msfa-back-link> <msfa-back-link route="../../">Tillbaka till deltagaren</msfa-back-link>

View File

@@ -1,4 +1,3 @@
@import 'mixins/list';
@import 'variables/gutters'; @import 'variables/gutters';
.periodisk-redovisning-view { .periodisk-redovisning-view {
@@ -7,16 +6,10 @@
flex-direction: column; flex-direction: column;
gap: $digi--layout--gutter--l; gap: $digi--layout--gutter--l;
&__activity-list {
@include msfa__reset-list;
margin-bottom: var(--digi--layout--gutter--s);
}
&__activity-item { &__activity-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--digi--layout--gutter--s); gap: var(--digi--layout--gutter--s);
margin-top: var(--digi--layout--gutter--s);
} }
&__activity-check { &__activity-check {