update to latest Angular template

mythz · mythz · commit f574bb589b14 · 2021-05-23T19:23:13.000+08:00
diff --git a/AngularSpa/src/app/signup/index.ts b/AngularSpa/src/app/signup/index.ts
@@ -12,33 +12,33 @@ import { Routes } from '../shared';
             <h3>Register New User</h3>
 
             <form (ngSubmit)="submit()" [className]="cls({ error:responseStatus, loading:loading })">
-                <div class="form-group">
+                <div class="mb-3">
                     <error-summary except="displayName,email,password,confirmPassword" [responseStatus]="responseStatus"></error-summary>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-input name="displayName" [(ngModel)]="displayName" [responseStatus]="responseStatus"
                               placeholder="Display Name" label="Name" help="Your first and last name"></ng-input>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-input name="email" [(ngModel)]="email" [responseStatus]="responseStatus"
                               placeholder="Email" label="Email"></ng-input>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-input type="password" name="password" [(ngModel)]="password" [responseStatus]="responseStatus"
                               placeholder="Password" label="Password"></ng-input>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-input type="password" name="confirmPassword" [(ngModel)]="confirmPassword" [responseStatus]="responseStatus"
                               placeholder="Confirm" label="Confirm Password"></ng-input>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-checkbox name="autoLogin" [(ngModel)]="autoLogin" [responseStatus]="responseStatus">
                         Auto Login
                     </ng-checkbox>
                 </div>
-                <div class="form-group">
+                <div class="mb-3">
                     <ng-button type="submit" lg primary>Register</ng-button>
-                    <link-button href="/signin" navItemClass="btn">Sign In</link-button>
+                    <link-button href="/signin" lg navItemClass="btn">Sign In</link-button>
                 </div>
 
                 <div class="pt-3">
diff --git a/AngularSpa/src/karma.conf.js b/AngularSpa/src/karma.conf.js
@@ -24,7 +24,7 @@ module.exports = function (config) {
     reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
-    logLevel: config.LOG_DEBUG,
+    logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
     singleRun: false,
diff --git a/AngularSpa/src/styles.scss b/AngularSpa/src/styles.scss
@@ -32,7 +32,7 @@ a.nav-link:hover {
 link-button + link-button,button + link-button {
     padding-left: .25rem;
 }
-.btn-lg + [lg] {
+[lg] + [lg], .btn-lg + [lg] {
     padding-left: .5rem;
 }
 nav-button-group > div {
diff --git a/AngularSpa/wwwroot/index.html b/AngularSpa/wwwroot/index.html
@@ -5,7 +5,7 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-<style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));}*,:after,:before{box-sizing:border-box;}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth;}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}h4{font-size:calc(1.275rem + .3vw);}@media (min-width:1200px){h4{font-size:1.5rem;}}a{color:#0d6efd;text-decoration:underline;}a:hover{color:#0a58ca;}img{vertical-align:middle;}[hidden]{display:none!important;}a:not(.btn){color:#e2373d;}</style><link rel="stylesheet" href="styles.da9fb616068b7d1ffec9.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.da9fb616068b7d1ffec9.css"></noscript></head>
+<style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));}*,:after,:before{box-sizing:border-box;}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth;}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}h4{font-size:calc(1.275rem + .3vw);}@media (min-width:1200px){h4{font-size:1.5rem;}}a{color:#0d6efd;text-decoration:underline;}a:hover{color:#0a58ca;}img{vertical-align:middle;}[hidden]{display:none!important;}a:not(.btn){color:#e2373d;}</style><link rel="stylesheet" href="styles.42147c85e6d405906a42.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.42147c85e6d405906a42.css"></noscript></head>
 <body>
 <i hidden="">
 {{ 'buttons,svg-auth,app' | cssIncludes }}
@@ -37,6 +37,6 @@ <h4>
     <div>Copyright © {{ now.dateFormat('yyyy') }}</div>
   </div>
 
-<script src="runtime.f1b6dd904b71f11a20b8.js" defer></script><script src="polyfills.f24c0c493de60609ee55.js" defer></script><script src="main.999743e564c256b2f202.js" defer></script>
+<script src="runtime.f1b6dd904b71f11a20b8.js" defer></script><script src="polyfills.f24c0c493de60609ee55.js" defer></script><script src="main.927b8dc4f7b52f7afd78.js" defer></script>
 
 </body></html>
diff --git a/AngularSpa/wwwroot/main.927b8dc4f7b52f7afd78.js b/AngularSpa/wwwroot/main.927b8dc4f7b52f7afd78.js
diff --git a/AngularSpa/wwwroot/styles.42147c85e6d405906a42.css b/AngularSpa/wwwroot/styles.42147c85e6d405906a42.css

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ a.nav-link:hover {`
`32`	`32`	`link-button + link-button,button + link-button {`
`33`	`33`	`padding-left: .25rem;`
`34`	`34`	`}`
`35`		`-.btn-lg + [lg] {`
	`35`	`+[lg] + [lg], .btn-lg + [lg] {`
`36`	`36`	`padding-left: .5rem;`
`37`	`37`	`}`
`38`	`38`	`nav-button-group > div {`