<div class="panel">
    <h3>GIS Functions</h3>
    <ul>
        <li *ngFor="let func of gisService.functions">{{func.FUNCTION_NAME}}</li>
    </ul>

    <h3>Standard Tools</h3>
    <ul>
        <li *ngFor="let func of gisService.standardTools">{{func.FUNCTION_NAME}}</li>
    </ul>

    <div>
        <button *ngIf="!authService.isAuthenticated()" (click)="authService.signIn()">Sign In</button>
        <button *ngIf="authService.isAuthenticated()" (click)="authService.signOut()">Sign Out</button>
    </div>
</div>