Extracting i18n strings

frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html

@@ -35,12 +35,12 @@
       <tr *ngIf="tx && tx.status && tx.status.length">
         <td class="td-width" i18n="transaction.audit-status">Audit status</td>
         <ng-container [ngSwitch]="tx?.status">
-          <td *ngSwitchCase="'found'" i18n="transaction.audit.match">match</td>
-          <td *ngSwitchCase="'censored'" i18n="transaction.audit.removed">removed</td>
-          <td *ngSwitchCase="'missing'" i18n="transaction.audit.marginal">marginal fee rate</td>
-          <td *ngSwitchCase="'fresh'" i18n="transaction.audit.recently-broadcast">recently broadcast</td>
-          <td *ngSwitchCase="'added'" i18n="transaction.audit.added">added</td>
-          <td *ngSwitchCase="'selected'" i18n="transaction.audit.marginal">marginal fee rate</td>
+          <td *ngSwitchCase="'found'" i18n="transaction.audit.match">Match</td>
+          <td *ngSwitchCase="'censored'" i18n="transaction.audit.removed">Removed</td>
+          <td *ngSwitchCase="'missing'" i18n="transaction.audit.marginal">Marginal fee rate</td>
+          <td *ngSwitchCase="'fresh'" i18n="transaction.audit.recently-broadcasted">Recently broadcasted</td>
+          <td *ngSwitchCase="'added'" i18n="transaction.audit.added">Added</td>
+          <td *ngSwitchCase="'selected'" i18n="transaction.audit.marginal">Marginal fee rate</td>
         </ng-container>
       </tr>
     </tbody>

frontend/src/app/components/reward-stats/reward-stats.component.html

@@ -14,7 +14,7 @@
     </div>
     <div class="item">
       <h5 class="card-title" i18n="mining.fees-per-block" i18n-ngbTooltip="mining.fees-per-block"
-      ngbTooltip="Avg block Fees" placement="bottom" #rewardsperblock [disableTooltip]="!isEllipsisActive(rewardsperblock)">Avg Block Fees</h5>
+      ngbTooltip="Avg Block Fees" placement="bottom" #rewardsperblock [disableTooltip]="!isEllipsisActive(rewardsperblock)">Avg Block Fees</h5>
       <div class="card-text" i18n-ngbTooltip="mining.fees-per-block-desc" ngbTooltip="Average fees per block in the past 144 blocks" placement="bottom">
         <div class="fee-text">
           {{ (rewardStats.feePerBlock / 100000000) | amountShortener: 4 }}

frontend/src/app/components/transactions-list/transactions-list.component.html

@@ -161,7 +161,7 @@
                   <ng-template #showMoreInputsLabel>
                     <span i18n="show-more">Show more</span>
                   </ng-template>
-                  ({{ tx.vin.length - getVinLimit(tx) }} <span i18n="inputs-remaining">remaining</span>)
+                  (<ng-container *ngTemplateOutlet="xRemaining; context: {$implicit: tx.vin.length - getVinLimit(tx)}"></ng-container>)
                 </button>
               </td>
             </tr>
@@ -272,7 +272,7 @@
                   <ng-template #showMoreOutputsLabel>
                     <span i18n="show-more">Show more</span>
                   </ng-template>
-                  ({{ tx.vout.length - getVoutLimit(tx) }} <span i18n="outputs-remaining">remaining</span>)
+                  (<ng-container *ngTemplateOutlet="xRemaining; context: {$implicit: tx.vout.length - getVoutLimit(tx)}"></ng-container>)
                 </button>
               </td>
             </tr>
@@ -326,3 +326,5 @@
   <br />
   <a [routerLink]="['/assets/asset/' | relativeUrl, item.asset]">{{ item.asset | shortenString : 13 }}</a>
 </ng-template>
+
+<ng-template #xRemaining let-x i18n="x-remaining">{{ x }} remaining</ng-template>

frontend/src/app/lightning/node/node.component.html

@@ -215,7 +215,7 @@
   </div>
 
   <div *ngIf="hasDetails" class="text-right mt-3">
-    <button type="button" class="btn btn-outline-info btn-sm btn-details" (click)="toggleShowDetails()" i18n="node.details|Node Details">Details</button>
+    <button type="button" class="btn btn-outline-info btn-sm btn-details" (click)="toggleShowDetails()" i18n="transaction.details|Transaction Details">Details</button>
   </div>
 
   <div *ngIf="!error">