feat: add view teller component (#554)

Fixes: #535

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

@@ -20,6 +20,7 @@ import { SmsCampaignsComponent } from './sms-campaigns/sms-campaigns.component';
 import { AdhocQueryComponent } from './adhoc-query/adhoc-query.component';
 import { ViewAdhocQueryComponent } from './adhoc-query/view-adhoc-query/view-adhoc-query.component';
 import { TellersComponent } from './tellers/tellers.component';
+import { ViewTellerComponent } from './tellers/view-teller/view-teller.component';
 import { PaymentTypesComponent } from './payment-types/payment-types.component';
 import { PasswordPreferencesComponent } from './password-preferences/password-preferences.component';
 import { EntityDataTableChecksComponent } from './entity-data-table-checks/entity-data-table-checks.component';
@@ -37,6 +38,7 @@ import { SmsCampaignsResolver } from './sms-campaigns/sms-campaigns.resolver';
 import { AdhocQueriesResolver } from './adhoc-query/adhoc-queries.resolver';
 import { AdhocQueryResolver } from './adhoc-query/adhoc-query.resolver';
 import { TellersResolver } from './tellers/tellers.resolver';
+import { TellerResolver } from './tellers/teller.resolver';
 import { PaymentTypesResolver } from './payment-types/payment-types.resolver';
 import { PasswordPreferencesTemplateResolver } from './password-preferences/password-preferences-template.resolver';
 import { EntityDataTableChecksResolver } from './entity-data-table-checks/entity-data-table-checks.resolver';
@@ -150,11 +152,24 @@ const routes: Routes = [
         },
         {
           path: 'tellers',
-          component: TellersComponent,
           data: { title: extract('Tellers'), breadcrumb: 'Tellers' },
-          resolve: {
-            tellers: TellersResolver
-          }
+          children: [
+            {
+              path: '',
+              component: TellersComponent,
+              resolve: {
+                tellers: TellersResolver
+              }
+            },
+            {
+              path: ':id',
+              component: ViewTellerComponent,
+              data: { title: extract('View Teller'), routeResolveBreadcrumb: ['teller', 'name'] },
+              resolve: {
+                teller: TellerResolver
+              }
+            }
+          ]
         },
         {
           path: 'payment-types',
@@ -221,6 +236,7 @@ const routes: Routes = [
     AdhocQueriesResolver,
     AdhocQueryResolver,
     TellersResolver,
+    TellerResolver,
     PaymentTypesResolver,
     PasswordPreferencesTemplateResolver,
     EntityDataTableChecksResolver,