WFNEWS-2424 - Switching build number to be onClick of version number.…

… The addition of build number was causing the contact us panel to scroll so I switched it to be more of an easter egg. You have to click on Version to see it now.

client/wfnews-war/src/main/angular/src/app/components/sticky-widget/contact-widget-dialog/contact-widget-dialog.component.html

@@ -160,8 +160,9 @@ <h1 [class]="pageMode ? 'title padding-15' : 'mat-mdc-dialog-title'">Contact Inf
                     </div>
                 </div>
             </div>
-            <div class="version-number"> {{versionNumber}}</div>
-            <div class="version-number"> {{buildNumber}}</div>
+          <div class="version-number" (click)="toggleVersionDisplay()">
+            {{ showVersion ? versionNumber : buildNumber }}
+          </div>
         </div>
     </div>
 </ng-container>

client/wfnews-war/src/main/angular/src/app/components/sticky-widget/contact-widget-dialog/contact-widget-dialog.component.ts

@@ -26,6 +26,7 @@ export class ContactWidgetDialogComponent implements OnInit {
   public closeColor;
   public versionNumber;
   public buildNumber: string;
+  public showVersion = true; // Flag to track which value to display
 
   isMobileView = isMobileView;
 
@@ -59,11 +60,15 @@ export class ContactWidgetDialogComponent implements OnInit {
     });
     const version = this.appConfig.getConfig().application.version;
     if (version) {
-      this.versionNumber = 'Version ' + version;
+      this.versionNumber = 'Version: ' + version;
     }
     if (BUILD_NUMBER) {
-      this.buildNumber = ' Build ' + BUILD_NUMBER;
+      this.buildNumber = ' Build: ' + BUILD_NUMBER;
     }
+
+  }
+  toggleVersionDisplay() {
+    this.showVersion = !this.showVersion;
   }
 
   public error = (controlName: string, errorName: string) => this.contactForm.controls[controlName].hasError(errorName);