30 lines
965 B
HTML
30 lines
965 B
HTML
|
<div *ngIf="loading">
|
||
|
|
<loading></loading>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="!loading">
|
||
|
|
<div class="uk-flex uk-flex-around">
|
||
|
|
<div>
|
||
|
|
<div *ngFor="let item of firstColumn; let i = index"
|
||
|
|
class="uk-margin-bottom">
|
||
|
|
<label [class.uk-text-bolder]="subjects?.includes(item.id)">
|
||
|
|
<input [(ngModel)]="item.checked"
|
||
|
|
type="checkbox" class="uk-checkbox uk-margin-small-right">
|
||
|
|
<span class="uk-text-uppercase uk-margin-xsmall-right">Goal</span>
|
||
|
|
<span>{{item.id}}</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div *ngFor="let item of secondColumn; let i = index"
|
||
|
|
class="uk-margin-bottom">
|
||
|
|
<label [class.uk-text-bolder]="subjects?.includes(item.id)">
|
||
|
|
<input [(ngModel)]="item.checked"
|
||
|
|
type="checkbox" class="uk-checkbox uk-margin-small-right">
|
||
|
|
<span *ngIf="i !== secondColumn.length - 1"
|
||
|
|
class="uk-text-uppercase uk-margin-xsmall-right">Goal</span>
|
||
|
|
<span>{{item.id}}</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|