Sorting in table settings

src/app/cln/liquidity-ads/liquidity-ads-list/liquidity-ads-list.component.html

@@ -9,7 +9,7 @@
         <form fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row wrap" #formAsk="ngForm">
           <div fxFlex="100" fxLayout="row" class="alert alert-warn">
             <fa-icon [icon]="faExclamationTriangle" class="mr-1 alert-icon"></fa-icon>
-            <span>Ads should be supplemented with additional research of the nodes, before buying liquidity.</span>
+            <span>Ads should be supplemented with additional research of the node, before buying liquidity.</span>
           </div>
           <div fxLayout="column" fxLayout.gt-sm="row wrap" fxFlex="100" fxLayoutAlign.gt-sm="space-between center" fxLayoutAlign="start start" class="page-sub-title-container mt-1">
             <div fxFlex="30">

src/app/cln/store/cln.reducers.ts

@@ -220,12 +220,22 @@ export const CLNReducer = createReducer(initCLNState,
   }),
   on(setPageSettings, (state, { payload }) => {
     const newPageSettings: PageSettingsCLN[] = [];
-    CLN_DEFAULT_PAGE_SETTINGS.forEach((page) => {
+    CLN_DEFAULT_PAGE_SETTINGS.forEach((defaultPage) => {
-      const pageIdx = payload.findIndex((p) => p.pageId === page.pageId);
+      const pageSetting = payload.find((p) => p.pageId === defaultPage.pageId) || null;
-      if (pageIdx >= 0) {
+      if (pageSetting) {
-        newPageSettings.push(payload[pageIdx]);
+        const tablesSettings = JSON.parse(JSON.stringify(pageSetting.tables));
+        pageSetting.tables = []; // To maintain settings order
+        defaultPage.tables.forEach((defaultTable) => {
+          const tableSetting = tablesSettings.find((t) => t.tableId === defaultTable.tableId) || null;
+          if (tableSetting) {
+            pageSetting.tables.push(tableSetting);
+          } else {
+            pageSetting.tables.push(JSON.parse(JSON.stringify(defaultTable)));
+          }
+        });
+        newPageSettings.push(pageSetting);
       } else {
-        newPageSettings.push(page);
+        newPageSettings.push(JSON.parse(JSON.stringify(defaultPage)));
       }
     });
     return {

src/app/shared/components/navigation/top-menu/top-menu.component.html

@@ -12,7 +12,7 @@
     <span routerLink="/settings">Settings</span>
   </a>
   <a *ngIf="showLogout" mat-menu-item routerLink="/help">
-    <fa-icon [icon]="faLifeRing" class="fa-icon-small mr-1"></fa-icon>
+    <fa-icon [icon]="faQuestion" class="fa-icon-small mr-1"></fa-icon>
     <span routerLink="/help">Help</span>
   </a>
   <a *ngIf="showLogout" mat-menu-item (click)="onClick()">

src/app/shared/components/navigation/top-menu/top-menu.component.ts

@@ -3,7 +3,7 @@ import { Subject } from 'rxjs';
 import { takeUntil, filter } from 'rxjs/operators';
 import { Store } from '@ngrx/store';
 import { Actions } from '@ngrx/effects';
-import { faCodeBranch, faCode, faCog, faLifeRing, faEject, faUserCog } from '@fortawesome/free-solid-svg-icons';
+import { faCodeBranch, faCode, faCog, faQuestion, faEject, faUserCog } from '@fortawesome/free-solid-svg-icons';
 
 import { GetInfoRoot } from '../../../models/RTLconfig';
 import { LoggerService } from '../../../services/logger.service';
@@ -29,7 +29,7 @@ export class TopMenuComponent implements OnInit, OnDestroy {
   public faCodeBranch = faCodeBranch;
   public faCode = faCode;
   public faCog = faCog;
-  public faLifeRing = faLifeRing;
+  public faQuestion = faQuestion;
   public faEject = faEject;
   public version = '';
   public information: GetInfoRoot = {};

src/app/shared/components/node-config/page-settings/page-settings.component.ts

@@ -27,7 +27,7 @@ export class PageSettingsComponent implements OnInit, OnDestroy {
   public screenSizeEnum = ScreenSizeEnum;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public pageSettings: PageSettingsCLN[] = [];
-  public initialPageSettings: PageSettingsCLN[] = CLN_DEFAULT_PAGE_SETTINGS;
+  public initialPageSettings: PageSettingsCLN[] = Object.assign([], CLN_DEFAULT_PAGE_SETTINGS);
   public tableFieldsDef = CLN_TABLES_DEF;
   public sortOrders = SORT_ORDERS;
   public apiCallStatus: ApiCallStatusPayload | null = null;
@@ -48,7 +48,7 @@ export class PageSettingsComponent implements OnInit, OnDestroy {
           this.errorMessage = this.apiCallStatus.message || null;
         }
         this.pageSettings = settings.pageSettings;
-        this.initialPageSettings = JSON.parse(JSON.stringify(settings.pageSettings));
+        this.initialPageSettings = settings.pageSettings;
         this.logger.info(settings);
       });
     this.actions.pipe(takeUntil(this.unSubs[1]), filter((action) => action.type === CLNActions.UPDATE_API_CALL_STATUS_CLN || action.type === CLNActions.SAVE_PAGE_SETTINGS_CLN)).
@@ -83,11 +83,10 @@ export class PageSettingsComponent implements OnInit, OnDestroy {
   onResetPageSettings(prev: string) {
     if (prev === 'current') {
       this.errorMessage = null;
-      this.pageSettings = this.initialPageSettings;
+      this.pageSettings = JSON.parse(JSON.stringify(this.initialPageSettings));
     } else {
       this.errorMessage = null;
-      this.pageSettings = CLN_DEFAULT_PAGE_SETTINGS;
+      this.pageSettings = JSON.parse(JSON.stringify(CLN_DEFAULT_PAGE_SETTINGS));
-      this.onUpdatePageSettings();
     }
   }