feedback updates

src/app/app.routes.ts

@@ -13,6 +13,7 @@ import { ManageTableRecordComponent } from './param/manage-table-record/manage-t
 import { ManageParamRecordComponent } from './param/manage-param-record/manage-param-record.component';
 import { RegionComponent } from './region/region.component';
 import { ManageFeeComponent } from './fees/manage/manage-fee.component';
+import { ManageCountryComponent } from './param/manage-country/manage-country.component';
 
 export const routes: Routes = [
   { path: 'login', component: LoginComponent },
@@ -20,6 +21,7 @@ export const routes: Routes = [
   { path: 'forgot-password', component: ForgotPasswordComponent },
   { path: 'table-record', component: ManageTableRecordComponent, canActivate: [AuthGuard] },
   { path: 'param-record/:id', component: ManageParamRecordComponent, canActivate: [AuthGuard] },
+  { path: 'country-messages', component: ManageCountryComponent, canActivate: [AuthGuard] },
   { path: 'region', component: RegionComponent, canActivate: [AuthGuard] },
   { path: 'fees', component: ManageFeeComponent, canActivate: [AuthGuard] },
   { path: 'usersettings', component: UserSettingsComponent, canActivate: [AuthGuard] },

src/app/common/secured-header/secured-header.component.html

@@ -9,6 +9,7 @@
         <button mat-button [matMenuTriggerFor]="configurations">Configurations</button>
         <mat-menu #configurations="matMenu">
             <button mat-menu-item (click)="navigateTo('table-record')">Table Records</button>
+            <button mat-menu-item (click)="navigateTo('country-messages')">Country Messages</button>
             <button mat-menu-item (click)="navigateTo('region')">Manage Regions</button>
             <button mat-menu-item (click)="navigateTo('fees')">Manage Fees</button>
         </mat-menu>

src/app/fees/cargo-rate/cargo-rate.component.html

@@ -37,8 +37,8 @@
 
             <!-- Rate Column -->
             <ng-container matColumnDef="rate">
-                <th mat-header-cell *matHeaderCellDef mat-sort-header>Rate</th>
+                <th mat-header-cell *matHeaderCellDef mat-sort-header>Rate in %</th>
-                <td mat-cell *matCellDef="let item">{{ item.rate | currency }}</td>
+                <td mat-cell *matCellDef="let item">{{ item.rate | number:'1.0-4' }}</td>
             </ng-container>
 
             <!-- Effective Date Column -->
@@ -138,14 +138,13 @@
 
             <div class="form-row">
                 <mat-form-field appearance="outline">
-                    <mat-label>Rate</mat-label>
+                    <mat-label>Rate in %</mat-label>
-                    <input matInput formControlName="rate" type="number" step="1" required>
+                    <input matInput formControlName="rate" type="number">
-                    <span class="dollar-prefix" matPrefix>$&nbsp;</span>
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['required']">
                         Rate is required
                     </mat-error>
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['pattern']">
-                        Must be a valid dollar amount
+                        Please enter a valid number with up to 4 decimal places
                     </mat-error>
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['min']">
                         Must be 0 or greater

src/app/fees/cargo-rate/cargo-rate.component.ts

@@ -75,7 +75,7 @@ export class CargoRateComponent implements OnInit {
       ]],
       rate: ['', [
         Validators.required,
-        Validators.pattern(/^\d+\.?\d{0,2}$/),
+        Validators.pattern(/^\d+\.?\d{0,4}$/),
         Validators.min(0)
       ]],
       effectiveDate: ['', Validators.required]