refactor: migrate to CSS, add tags

Author: ColinFrick

complete-application/angular.json

@@ -7,7 +7,7 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "style": "scss"
+          "style": "css"
         }
       },
       "root": "",
@@ -24,13 +24,13 @@
               "zone.js"
             ],
             "tsConfig": "tsconfig.app.json",
-            "inlineStyleLanguage": "scss",
+            "inlineStyleLanguage": "css",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.css"
             ],
             "scripts": []
           },
@@ -87,13 +87,13 @@
               "zone.js/testing"
             ],
             "tsConfig": "tsconfig.spec.json",
-            "inlineStyleLanguage": "scss",
+            "inlineStyleLanguage": "css",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.css"
             ],
             "scripts": []
           }

…account-page/account-page.component.scss …/account-page/account-page.component.csscomplete-application/src/app/account-page/account-page.component.scss renamed to complete-application/src/app/account-page/account-page.component.css complete-application/src/app/account-page/account-page.component.scss renamed to complete-application/src/app/account-page/account-page.component.css

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-account-page',
   templateUrl: './account-page.component.html',
-  styleUrls: ['./account-page.component.scss']
+  styleUrls: ['./account-page.component.css']
 })
 export class AccountPageComponent {
 

complete-application/src/app/account-page/account-page.component.ts

@@ -6,7 +6,7 @@ import {fromPromise} from "rxjs/internal/observable/innerFrom";
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrls: ['./app.component.css']
 })
 export class AppComponent {
 

…e-application/src/app/app.component.scss …te-application/src/app/app.component.csscomplete-application/src/app/app.component.scss renamed to complete-application/src/app/app.component.css complete-application/src/app/app.component.scss renamed to complete-application/src/app/app.component.css

@@ -16,15 +16,19 @@ import {authGuard} from "./auth-guard";
   ],
   imports: [
     BrowserModule,
+    //tag::routerConfiguration[]
     RouterModule.forRoot([
       {path: '', component: HomePageComponent, canActivate: [authGuard(false, '/account')]},
       {path: 'account', component: AccountPageComponent, canActivate: [authGuard(true, '/')]}
     ]),
+    //end::routerConfiguration[]
+    //tag::fusionAuthModuleConfiguration[]
     FusionAuthModule.forRoot({
       clientId: 'e9fdb985-9173-4e01-9d73-ac2d60d1dc8e',
       serverUrl: 'http://localhost:9011',
       redirectUri: 'http://localhost:4200',
     })
+    //end::fusionAuthModuleConfiguration[]
   ],
   providers: [],
   bootstrap: [AppComponent]

complete-application/src/app/app.component.ts

@@ -4,7 +4,7 @@ import {FusionAuthService} from "@fusionauth/angular-sdk";
 @Component({
   selector: 'app-home-page',
   templateUrl: './home-page.component.html',
-  styleUrls: ['./home-page.component.scss']
+  styleUrls: ['./home-page.component.css']
 })
 export class HomePageComponent {