Newer
Older
<accordion *ngIf="coneSearchConfig && coneSearchConfig.enabled" [isAnimated]="true">
<accordion-group #ag [panelClass]="'custom-accordion'" [isOpen]="coneSearchConfig.opened" class="my-2">
<button class="btn btn-link btn-block clearfix" accordion-heading>
<span class="pull-left float-left">
Cone search
<span *ngIf="ag.isOpen">
<span class="fas fa-chevron-up"></span>
</span>
<span *ngIf="!ag.isOpen">
<span class="fas fa-chevron-down"></span>
</span>
</span>
</button>
<div class="row">
<div class="col">
<app-cone-search
[coneSearch]="coneSearch"
[resolver]="resolver"
[resolverIsLoading]="resolverIsLoading"
[resolverIsLoaded]="resolverIsLoaded"
(retrieveCoordinates)="retrieveCoordinates.emit($event)" #cs>
</app-cone-search>
</div>
<div class="col-2 text-center align-self-end">
<button class="btn btn-outline-success" *ngIf="!coneSearch" [hidden]="cs.formIsInValid" (click)="addConeSearch.emit(cs.getConeSearch())">
<span class="fas fa-plus fa-fw"></span>
</button>
<button class="btn btn-outline-danger" *ngIf="coneSearch" (click)="deleteConeSearch.emit()">
</div>
</div>
</accordion-group>
</accordion>