feat: add view savings account page (#862)

- Transactions Tab
- Charges Tab
- Standing Instructions Tab

Fixes: #221

src/app/groups/groups-routing.module.ts

@@ -47,48 +47,57 @@ const routes: Routes = [
         },
         {
           path: ':groupId',
-          component: GroupsViewComponent,
           data: { title: extract('View Group'), routeParamBreadcrumb: 'groupId' },
-          resolve: {
-            groupViewData: GroupViewResolver,
-            groupDatatables: GroupDatatablesResolver
-          },
           children: [
             {
-              path: 'general',
-              component: GeneralTabComponent,
-              data: { title: extract('General'), breadcrumb: 'General', routeParamBreadcrumb: false },
+              path: '',
+              component: GroupsViewComponent,
               resolve: {
-                groupAccountsData: GroupAccountsResolver,
-                groupSummary: GroupSummaryResolver
-              }
-            },
-            {
-              path: 'notes',
-              component: NotesTabComponent,
-              data: { title: extract('Notes'), breadcrumb: 'Notes', routeParamBreadcrumb: false },
-              resolve: {
-                groupNotes: GroupNotesResolver
-              }
-            },
-            {
-              path: 'committee',
-              component: CommitteeTabComponent,
-              data: { title: extract('Committee'), breadcrumb: 'Committee', routeParamBreadcrumb: false }
-            },
-            {
-              path: 'datatables',
+                groupViewData: GroupViewResolver,
+                groupDatatables: GroupDatatablesResolver
+              },
               children: [
                 {
-                  path: ':datatableName',
-                  component: DatatableTabsComponent,
-                  data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName' },
+                  path: 'general',
+                  component: GeneralTabComponent,
+                  data: { title: extract('General'), breadcrumb: 'General', routeParamBreadcrumb: false },
                   resolve: {
-                    groupDatatable: GroupDatatableResolver
+                    groupAccountsData: GroupAccountsResolver,
+                    groupSummary: GroupSummaryResolver
                   }
+                },
+                {
+                  path: 'notes',
+                  component: NotesTabComponent,
+                  data: { title: extract('Notes'), breadcrumb: 'Notes', routeParamBreadcrumb: false },
+                  resolve: {
+                    groupNotes: GroupNotesResolver
+                  }
+                },
+                {
+                  path: 'committee',
+                  component: CommitteeTabComponent,
+                  data: { title: extract('Committee'), breadcrumb: 'Committee', routeParamBreadcrumb: false }
+                },
+                {
+                  path: 'datatables',
+                  children: [
+                    {
+                      path: ':datatableName',
+                      component: DatatableTabsComponent,
+                      data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName' },
+                      resolve: {
+                        groupDatatable: GroupDatatableResolver
+                      }
+                    }
+                  ]
                 }
               ]
-            }
+            },
+            {
+              path: 'savingsaccounts',
+              loadChildren: '../savings/savings.module#SavingsModule'
+            },
           ]
         }
       ]

src/app/groups/groups-view/general-tab/general-tab.component.html

@@ -255,7 +255,7 @@
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="openSavingsColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: openSavingsColumns;"></tr>
+      <tr mat-row *matRowDef="let row; columns: openSavingsColumns;" [routerLink]="['../', 'savingsaccounts', row.id, 'transactions']"></tr>
 
     </table>
 

src/app/groups/groups-view/groups-view.component.html

@@ -7,7 +7,7 @@
       <div class="profile-image-container">
         <div>
           <img mat-card-md-image class="profile-image"
-            src="../../../assets/images/group_placeholder.png">
+            src="assets/images/group_placeholder.png">
         </div>
       </div>
 

src/app/groups/groups-view/groups-view.component.scss

@@ -29,7 +29,7 @@
         background-color: #0a6aac;
         p {
           color: white;
-          padding-inline: 10px;
+          padding: 0 10px;
         }
       }
     }