Skip to content
Snippets Groups Projects
Commit e70865ec authored by Tifenn Guillas's avatar Tifenn Guillas
Browse files

WIP

parent cc3a42df
No related branches found
No related tags found
2 merge requests!68Develop,!51Resolve "Design output selectbox"
<p class="mb-3"><em>{{ categoryLabel }}</em></p>
<div class="row mb-1">
<div class="col pr-1">
<button (click)="selectAll()" [disabled]="isAllSelected" class="btn btn-sm btn-block btn-outline-secondary letter-spacing">Select All</button>
<button (click)="selectAll()" [disabled]="isAllSelected"
class="btn btn-sm btn-block btn-outline-secondary letter-spacing">Select All</button>
</div>
<div class="col pl-1">
<button (click)="unselectAll()" [disabled]="isAllUnselected" class="btn btn-sm btn-block btn-outline-secondary letter-spacing">Unselect All</button>
<button (click)="unselectAll()" [disabled]="isAllUnselected"
class="btn btn-sm btn-block btn-outline-secondary letter-spacing">Unselect All</button>
</div>
</div>
<div class="selectbox py-1">
<button *ngFor="let attribute of getAttributeListSortedByDisplay()" class="btn btn-block text-left py-0 m-0"
(click)="toggleSelection(attribute.id)">
<div *ngIf="isSelected(attribute.id); then selected else unselected"></div>
{{ attribute.form_label }}
</button>
</div>
<ng-template #selected>
<span class="fa-stack fa-1x">
<i class="far fa-square fa-stack-1x text-secondary"></i>
<i class="fas fa-check fa-stack-1x anis-color"></i>
</span>
</ng-template>
<ng-template #unselected>
<span class="fa-stack fa-1x">
<i class="far fa-square fa-stack-1x text-secondary"></i>
</span>
</ng-template>
\ No newline at end of file
<div class="selectbox p-0">
<div *ngFor="let attribute of getAttributeListSortedByDisplay()">
<div *ngIf="isSelected(attribute.id)">
<button class="btn btn-block text-left py-1 m-0 bg-theme-color rounded-0"
(click)="toggleSelection(attribute.id)">
<i class="fas fa-fw fa-check"></i> {{ attribute.form_label }}
</button>
</div>
<div *ngIf="!isSelected(attribute.id)">
<button class="btn btn-block text-left py-1 m-0 rounded-0" (click)="toggleSelection(attribute.id)">
<i class="far fa-fw fa-square text-secondary"></i> {{ attribute.form_label }}
</button>
</div>
</div>
</div>
\ No newline at end of file
......@@ -3,4 +3,8 @@
.custom-accordion-output .panel-body {
padding-top: 0;
padding-bottom: 0;
}
.bg-theme-color {
background-color: #7AC29A;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment