teller set in casher

src/app/cashier/cash-settlement/cash-settlement.component.html

@@ -45,14 +45,21 @@
           <input matInput type="date" [value]="settlementDate" (change)="settlementDate = $any($event.target).value" />
         </mat-form-field>
 
-        <mat-form-field appearance="outline" subscriptSizing="dynamic">
-          <mat-label>Teller</mat-label>
-          <mat-select [value]="supervisorTellerId" (selectionChange)="onSupervisorTellerSelect($event.value)">
-            @for (t of tellers; track t.id) {
-              <mat-option [value]="t.id">{{ t.name }}</mat-option>
-            }
-          </mat-select>
-        </mat-form-field>
+        @if (tellers.length === 1) {
+          <mat-form-field appearance="outline" subscriptSizing="dynamic">
+            <mat-label>Teller</mat-label>
+            <input matInput type="text" [value]="tellers[0].name" readonly />
+          </mat-form-field>
+        } @else {
+          <mat-form-field appearance="outline" subscriptSizing="dynamic">
+            <mat-label>Teller</mat-label>
+            <mat-select [value]="supervisorTellerId" (selectionChange)="onSupervisorTellerSelect($event.value)">
+              @for (t of tellers; track t.id) {
+                <mat-option [value]="t.id">{{ t.name }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        }
 
         <mat-form-field appearance="outline" subscriptSizing="dynamic">
           <mat-label>Cashier</mat-label>
@@ -140,17 +147,24 @@
         }
       </div>
 
-      <mat-form-field appearance="outline" subscriptSizing="dynamic">
-        <mat-label>Teller / Vault (To) *</mat-label>
-        <mat-select [value]="selectedTellerId" (selectionChange)="onTellerSelect($event.value)">
-          @for (t of tellers; track t.id) {
-            <mat-option [value]="t.id">{{ t.name }}</mat-option>
-          }
-          @if (tellers.length === 0) {
-            <mat-option [value]="null" disabled>No tellers configured</mat-option>
-          }
-        </mat-select>
-      </mat-form-field>
+      @if (tellers.length === 1) {
+        <mat-form-field appearance="outline" subscriptSizing="dynamic">
+          <mat-label>Teller / Vault (To) *</mat-label>
+          <input matInput type="text" [value]="toParty" readonly />
+        </mat-form-field>
+      } @else {
+        <mat-form-field appearance="outline" subscriptSizing="dynamic">
+          <mat-label>Teller / Vault (To) *</mat-label>
+          <mat-select [value]="selectedTellerId" (selectionChange)="onTellerSelect($event.value)">
+            @for (t of tellers; track t.id) {
+              <mat-option [value]="t.id">{{ t.name }}</mat-option>
+            }
+            @if (tellers.length === 0) {
+              <mat-option [value]="null" disabled>No tellers configured</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+      }
 
       <mat-form-field appearance="outline" subscriptSizing="dynamic">
         <mat-label>Settlement Date</mat-label>

src/app/cashier/cash-settlement/cash-settlement.component.ts

@@ -97,6 +97,10 @@ export class CashSettlementComponent implements OnInit {
       .pipe(catchError(() => of([] as any[])))
       .subscribe((list: any[]) => {
         this.tellers = (list || []).map((t: any) => ({ id: t.id, name: t.name }));
+        if (this.tellers.length === 1) {
+          this.onTellerSelect(this.tellers[0].id);
+          this.onSupervisorTellerSelect(this.tellers[0].id);
+        }
       });
     this.loadData();
   }