Formatting

Author: rufer7

ui/src/app/home.component.html

@@ -1,29 +1,25 @@
 <h2>BFF Security architecture with Angular CLI</h2>
 
-@if (userProfileClaims$ | async; as userProfileClaims) {
-  @if (userProfileClaims?.isAuthenticated) {
-    <div>
-      <button (click)="getDirectApiData()">get data from API direct</button>
-      <button (click)="getGraphApiDataUsingApi()">
-        get Graph data using API
-      </button>
-      <form method="post" action="api/Account/Logout">
-        <button class="btn btn-link" type="submit">Sign out</button>
-      </form>
-    </div>
-  } @else {
-    <a class="btn btn-link" href="api/Account/Login">Log in</a>
-  }
-  <hr />
-  <h2>User profile:</h2>
-  <pre>{{ userProfileClaims | json }}</pre>
-  <hr />
-  <h2>get direct data using API:</h2>
-  <pre>{{ dataFromAzureProtectedApi$ | async | json }}</pre>
-  <hr />
-  <h2>get Microsoft Graph data using API:</h2>
-  <pre>{{ dataGraphApiCalls$ | async | json }}</pre>
+@if (userProfileClaims$ | async; as userProfileClaims) { @if (userProfileClaims?.isAuthenticated) {
+<div>
+  <button (click)="getDirectApiData()">Get data from API direct</button>
+  <button (click)="getGraphApiDataUsingApi()">Get Graph data using API</button>
+  <form method="post" action="api/Account/Logout">
+    <button class="btn btn-link" type="submit">Sign out</button>
+  </form>
+</div>
 } @else {
-  <a class="btn btn-link" href="api/Account/Login">Log in</a>
+<a class="btn btn-link" href="api/Account/Login">Log in</a>
+}
+<hr />
+<h2>User profile:</h2>
+<pre>{{ userProfileClaims | json }}</pre>
+<hr />
+<h2>get direct data using API:</h2>
+<pre>{{ dataFromAzureProtectedApi$ | async | json }}</pre>
+<hr />
+<h2>get Microsoft Graph data using API:</h2>
+<pre>{{ dataGraphApiCalls$ | async | json }}</pre>
+} @else {
+<a class="btn btn-link" href="api/Account/Login">Log in</a>
 }
-