chore: Update Example snapshots and source formatting

ngrx · Jul 23, 2018 · eb8c862 · eb8c862
1 parent 790d539
commit eb8c862
Show file tree

Hide file tree

Showing 24 changed files with 236 additions and 222 deletions.
diff --git a/example-app/app/auth/components/login-form.component.ts b/example-app/app/auth/components/login-form.component.ts
@@ -35,36 +35,36 @@ import { Authenticate } from '../models/user';
   `,
   styles: [
     `
-    :host {
-      display: flex;
-      justify-content: center;
-      margin: 72px 0;
-    }
+      :host {
+        display: flex;
+        justify-content: center;
+        margin: 72px 0;
+      }
 
-    .mat-form-field {
-      width: 100%;
-      min-width: 300px;
-    }
+      .mat-form-field {
+        width: 100%;
+        min-width: 300px;
+      }
 
-    mat-card-title,
-    mat-card-content {
-      display: flex;
-      justify-content: center;
-    }
+      mat-card-title,
+      mat-card-content {
+        display: flex;
+        justify-content: center;
+      }
 
-    .loginError {
-      padding: 16px;
-      width: 300px;
-      color: white;
-      background-color: red;
-    }
+      .loginError {
+        padding: 16px;
+        width: 300px;
+        color: white;
+        background-color: red;
+      }
 
-    .loginButtons {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-end;
-    }
-  `,
+      .loginButtons {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+      }
+    `,
   ],
 })
 export class LoginFormComponent implements OnInit {

diff --git a/example-app/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap b/example-app/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap
@@ -35,7 +35,7 @@ exports[`Login Page should compile 1`] = `
           >
             <mat-form-field
               _ngcontent-c0=""
-              class="mat-form-field ng-tns-c2-0 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid"
+              class="mat-form-field ng-tns-c2-0 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid _mat-animation-noopable"
             >
               <div
                 class="mat-form-field-wrapper"
@@ -44,6 +44,7 @@ exports[`Login Page should compile 1`] = `
                   class="mat-form-field-flex"
                 >
                   
+                  
                   <div
                     class="mat-form-field-infix"
                   >
@@ -69,6 +70,7 @@ exports[`Login Page should compile 1`] = `
                         aria-owns="mat-input-0"
                         class="mat-form-field-label ng-tns-c2-0 mat-empty mat-form-field-empty ng-star-inserted"
                         for="mat-input-0"
+                        id="mat-form-field-label-1"
                         ng-reflect-ng-switch="false"
                       >
                         
@@ -89,7 +91,6 @@ exports[`Login Page should compile 1`] = `
                     class="mat-form-field-ripple"
                   />
                 </div>
-                
                 <div
                   class="mat-form-field-subscript-wrapper"
                   ng-reflect-ng-switch="hint"
@@ -98,7 +99,7 @@ exports[`Login Page should compile 1`] = `
                   
                   <div
                     class="mat-form-field-hint-wrapper ng-tns-c2-0 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
-                    style="opacity: 1;"
+                    style="opacity:1;0:opacity;transform:translateY(0%);"
                   >
                     
                     <div
@@ -114,7 +115,7 @@ exports[`Login Page should compile 1`] = `
           >
             <mat-form-field
               _ngcontent-c0=""
-              class="mat-form-field ng-tns-c2-1 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid"
+              class="mat-form-field ng-tns-c2-1 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid _mat-animation-noopable"
             >
               <div
                 class="mat-form-field-wrapper"
@@ -123,6 +124,7 @@ exports[`Login Page should compile 1`] = `
                   class="mat-form-field-flex"
                 >
                   
+                  
                   <div
                     class="mat-form-field-infix"
                   >
@@ -148,6 +150,7 @@ exports[`Login Page should compile 1`] = `
                         aria-owns="mat-input-1"
                         class="mat-form-field-label ng-tns-c2-1 mat-empty mat-form-field-empty ng-star-inserted"
                         for="mat-input-1"
+                        id="mat-form-field-label-3"
                         ng-reflect-ng-switch="false"
                       >
                         
@@ -168,7 +171,6 @@ exports[`Login Page should compile 1`] = `
                     class="mat-form-field-ripple"
                   />
                 </div>
-                
                 <div
                   class="mat-form-field-subscript-wrapper"
                   ng-reflect-ng-switch="hint"
@@ -177,7 +179,7 @@ exports[`Login Page should compile 1`] = `
                   
                   <div
                     class="mat-form-field-hint-wrapper ng-tns-c2-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted"
-                    style="opacity: 1;"
+                    style="opacity:1;0:opacity;transform:translateY(0%);"
                   >
                     
                     <div

diff --git a/example-app/app/auth/effects/auth.effects.ts b/example-app/app/auth/effects/auth.effects.ts
@@ -20,12 +20,10 @@ export class AuthEffects {
     ofType<Login>(AuthActionTypes.Login),
     map(action => action.payload),
     exhaustMap((auth: Authenticate) =>
-      this.authService
-        .login(auth)
-        .pipe(
-          map(user => new LoginSuccess({ user })),
-          catchError(error => of(new LoginFailure(error)))
-        )
+      this.authService.login(auth).pipe(
+        map(user => new LoginSuccess({ user })),
+        catchError(error => of(new LoginFailure(error)))
+      )
     )
   );
 

diff --git a/example-app/app/books/components/book-authors.component.ts b/example-app/app/books/components/book-authors.component.ts
@@ -12,10 +12,10 @@ import { Book } from '../models/book';
   `,
   styles: [
     `
-    h5 {
-      margin-bottom: 5px;
-    }
-  `,
+      h5 {
+        margin-bottom: 5px;
+      }
+    `,
   ],
 })
 export class BookAuthorsComponent {

diff --git a/example-app/app/books/components/book-detail.component.ts b/example-app/app/books/components/book-detail.component.ts
@@ -30,33 +30,33 @@ import { Book } from '../models/book';
   `,
   styles: [
     `
-    :host {
-      display: flex;
-      justify-content: center;
-      margin: 75px 0;
-    }
-    mat-card {
-      max-width: 600px;
-    }
-    mat-card-title-group {
-      margin-left: 0;
-    }
-    img {
-      width: 60px;
-      min-width: 60px;
-      margin-left: 5px;
-    }
-    mat-card-content {
-      margin: 15px 0 50px;
-    }
-    mat-card-actions {
-      margin: 25px 0 0 !important;
-    }
-    mat-card-footer {
-      padding: 0 25px 25px;
-      position: relative;
-    }
-  `,
+      :host {
+        display: flex;
+        justify-content: center;
+        margin: 75px 0;
+      }
+      mat-card {
+        max-width: 600px;
+      }
+      mat-card-title-group {
+        margin-left: 0;
+      }
+      img {
+        width: 60px;
+        min-width: 60px;
+        margin-left: 5px;
+      }
+      mat-card-content {
+        margin: 15px 0 50px;
+      }
+      mat-card-actions {
+        margin: 25px 0 0 !important;
+      }
+      mat-card-footer {
+        padding: 0 25px 25px;
+        position: relative;
+      }
+    `,
   ],
 })
 export class BookDetailComponent {

diff --git a/example-app/app/books/components/book-preview-list.component.ts b/example-app/app/books/components/book-preview-list.component.ts
@@ -8,12 +8,12 @@ import { Book } from '../models/book';
   `,
   styles: [
     `
-    :host {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
-    }
-  `,
+      :host {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+    `,
   ],
 })
 export class BookPreviewListComponent {

diff --git a/example-app/app/books/components/book-preview.component.ts b/example-app/app/books/components/book-preview.component.ts
@@ -22,57 +22,57 @@ import { Book } from '../models/book';
   `,
   styles: [
     `
-    :host {
-      display: flex;
-    }
-
-    :host a {
-      display: flex;
-    }
+      :host {
+        display: flex;
+      }
 
-    mat-card {
-      width: 400px;
-      margin: 15px;
-      display: flex;
-      flex-flow: column;
-      justify-content: space-between;
-    }
+      :host a {
+        display: flex;
+      }
 
-    @media only screen and (max-width: 768px) {
       mat-card {
-        margin: 15px 0 !important;
+        width: 400px;
+        margin: 15px;
+        display: flex;
+        flex-flow: column;
+        justify-content: space-between;
       }
-    }
-    mat-card:hover {
-      box-shadow: 3px 3px 16px -2px rgba(0, 0, 0, .5);
-    }
-    mat-card-title {
-      margin-right: 10px;
-    }
-    mat-card-title-group {
-      margin: 0;
-    }
-    a {
-      color: inherit;
-      text-decoration: none;
-    }
-    img {
-      width: 60px;
-      min-width: 60px;
-      margin-left: 5px;
-    }
-    mat-card-content {
-      margin-top: 15px;
-      margin: 15px 0 0;
-    }
-    span {
-      display: inline-block;
-      font-size: 13px;
-    }
-    mat-card-footer {
-      padding: 0 25px 25px;
-    }
-  `,
+
+      @media only screen and (max-width: 768px) {
+        mat-card {
+          margin: 15px 0 !important;
+        }
+      }
+      mat-card:hover {
+        box-shadow: 3px 3px 16px -2px rgba(0, 0, 0, 0.5);
+      }
+      mat-card-title {
+        margin-right: 10px;
+      }
+      mat-card-title-group {
+        margin: 0;
+      }
+      a {
+        color: inherit;
+        text-decoration: none;
+      }
+      img {
+        width: 60px;
+        min-width: 60px;
+        margin-left: 5px;
+      }
+      mat-card-content {
+        margin-top: 15px;
+        margin: 15px 0 0;
+      }
+      span {
+        display: inline-block;
+        font-size: 13px;
+      }
+      mat-card-footer {
+        padding: 0 25px 25px;
+      }
+    `,
   ],
 })
 export class BookPreviewComponent {