applied new category style to fixed category view
This commit is contained in:
parent
dc27b286cf
commit
40b0a0088c
1 changed files with 11 additions and 14 deletions
|
@ -78,21 +78,18 @@
|
||||||
<label class="col-md-3 form-control-label" for="text-input">Budget Type</label>
|
<label class="col-md-3 form-control-label" for="text-input">Budget Type</label>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6 btn-group-vertical">
|
||||||
<div>
|
<label class="btn btn-secondary mb-0" [class.active]="categoryId == ''">
|
||||||
<input value="" type="radio" name="radios" [(ngModel)]="categoryId">
|
<input value="" type="radio" name="radios" style="display:none;" [(ngModel)]="categoryId">Uncategorised
|
||||||
<label>Uncategorised</label>
|
</label>
|
||||||
</div>
|
<label *ngFor="let category of leftCategoryIdList, let i=index" class="btn btn-secondary mb-0" [class.active]="categoryId == category">
|
||||||
<div class="radio" *ngFor="let category of leftCategoryIdList, let i=index">
|
<input [value]="category" type="radio" name="radios" style="display:none;" [(ngModel)]="categoryId">{{ leftCategoryNameList[i] }}
|
||||||
<input [value]="category" type="radio" name="radios" [(ngModel)]="categoryId">
|
</label>
|
||||||
<label>{{ leftCategoryNameList[i] }}</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6 btn-group-vertical">
|
||||||
<div class="radio" *ngFor="let category2 of rightCategoryIdList, let i=index">
|
<label *ngFor="let category2 of rightCategoryIdList, let i=index" class="btn btn-secondary mb-0" [class.active]=" categoryId == category2">
|
||||||
<input [value]="category2" type="radio" name="radios" [(ngModel)]="categoryId">
|
<input [value]="category2" type="radio" name="radios" style="display:none;" [(ngModel)]="categoryId">{{ rightCategoryNameList[i] }}
|
||||||
<label>{{ rightCategoryNameList[i] }}</label>
|
</label>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span class="help-block"><strong>Optional:</strong> Choose the Budget Type for the majority of the purchase.</span>
|
<span class="help-block"><strong>Optional:</strong> Choose the Budget Type for the majority of the purchase.</span>
|
||||||
|
|
Reference in a new issue