lade till Deltagaren har inte deltagit i några aktiviteter denna period under periodisk redovisning view
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user