Add commit info to the about panel (#1971)

* adding the `commit` info to the about panel

* adding the `commit` link to the about panel

* fixing the `commit` in the about panel. The backend if configured with mode=simple

* Fixed minor linting

---------

Co-authored-by: Claudia Bressi <cbressi@vmware.com>

ui/src/app/about/info/info.component.html

@@ -12,6 +12,16 @@ <h3 style="padding-top: 0">{{ 'about.info.serverImpTitle' | translate }}</h3>
           <strong>{{ 'about.info.version' | translate }}</strong
           >: {{ about.versions.implementation.version || 'n/a' }}
         </li>
+        <li>
+          <strong>{{ 'about.info.commit' | translate }}</strong
+          >:
+          <a
+            target="_blank"
+            href="https://github.com/spring-cloud/spring-cloud-dataflow/commit/{{ about.git.commit || 'main' }}"
+          >
+            {{ about.git.commit || 'main' }}
+          </a>
+        </li>
       </ul>
       <h3>{{ 'about.info.features' | translate }}</h3>
       <ul id="enabledFeaturesTable">

ui/src/app/app.component.spec.ts

@@ -61,6 +61,9 @@ describe('app.component.ts', () => {
       },
       security: {
         isAuthentication: true
+      },
+      git: {
+        commit: 'fakecommit'
       }
     }
   };
@@ -98,6 +101,9 @@ describe('app.component.ts', () => {
       },
       security: {
         isAuthentication: true
+      },
+      git: {
+        commit: 'fakecommit'
       }
     }
   };

ui/src/app/shared/store/about.reducer.ts

@@ -55,6 +55,9 @@ export interface AboutState {
     username: string;
     roles: Array<string>;
   };
+  git: {
+    commit?: string;
+  };
 }
 
 export interface State extends fromRoot.State {
@@ -100,16 +103,23 @@ export const initialState: AboutState = {
     isAuthenticated: false,
     username: '',
     roles: []
+  },
+  git: {
+    commit: ''
   }
 };
 
 export const reducer = createReducer(
   initialState,
-  on(AboutActions.loaded, (state, {versions, features, runtimeEnvironment, monitoringDashboardInfo, security}) => ({
-    versions,
-    features,
-    runtimeEnvironment,
-    monitoringDashboardInfo,
-    security
-  }))
+  on(
+    AboutActions.loaded,
+    (state, {versions, features, runtimeEnvironment, monitoringDashboardInfo, security, git}) => ({
+      versions,
+      features,
+      runtimeEnvironment,
+      monitoringDashboardInfo,
+      security,
+      git
+    })
+  )
 );

ui/src/app/shared/store/about.support.ts

@@ -62,5 +62,8 @@ export const parse = (input: any): AboutState => ({
     isAuthenticated: input.securityInfo.authenticated,
     username: input.securityInfo.username,
     roles: input.securityInfo.roles as string[]
+  },
+  git: {
+    commit: input.gitAndBuildInfo.git?.commit?.id || ''
   }
 });

ui/src/app/tests/data/about.ts

@@ -53,5 +53,12 @@ export const LOAD = {
     dashboardType: 'WAVEFRONT',
     source: 'tzolov-08-09'
   },
+  gitAndBuildInfo: {
+    git: {
+      commit: {
+        id: '0ca477f'
+      }
+    }
+  },
   _links: {self: {href: 'http://localhost:9393/about'}}
 };

ui/src/assets/i18n/de.json

@@ -311,7 +311,8 @@
       "copy": "Kopiere Details in die Zwischenablage",
       "message": {
         "copyContent": "Kopiere Über-Details in die Zwischenablage(Als JSON)."
-      }
+      },
+      "commit": "Commit"
     }
   },
   "auditRecords": {

ui/src/assets/i18n/en.json

@@ -315,7 +315,8 @@
       "copy": "Copy Details to Clipboard",
       "message": {
         "copyContent": "Copied About Details to Clipboard (As JSON)."
-      }
+      },
+      "commit": "Commit"
     }
   },
   "auditRecords": {

ui/src/assets/i18n/ru.json

@@ -311,7 +311,8 @@
       "copy": "Скопировать данные в буфер обмена",
       "message": {
         "copyContent": "Информация о деталях скопирована в буфер обмена (как JSON)."
-      }
+      },
+      "commit": "Commit"
     }
   },
   "auditRecords": {