Restore lfooter

Signed-off-by: Amol Sontakke <[email protected]>

Author: amolsontakke3576

edge/security-headers.js

@@ -40,7 +40,10 @@ function generateCSP(env, isDevServer) {
     'https://api-gw.staging.platform.linuxfoundation.org/',
     'https://api-gw.platform.linuxfoundation.org/',
     'https://api.lfcla.staging.platform.linuxfoundation.org/',
-    'https://api.lfcla.dev.platform.linuxfoundation.org/'
+    'https://api.lfcla.dev.platform.linuxfoundation.org/',
+    'https://easycla.dev.communitybridge.org/',
+    'https://easycla.lfx.linuxfoundation.org/',
+    'https://contributor.easycla.lfx.linuxfoundation.org/'
   ];
   let scriptSources = [SELF, UNSAFE_EVAL, UNSAFE_INLINE,
     'https://cdn.dev.platform.linuxfoundation.org/lfx-header-v2.js',

package.json

@@ -7,7 +7,7 @@
     "url": "https://www.linuxfoundation.org/"
   },
   "engines": {
-    "node": ">=16.0.0",
+    "node": ">=12.0.0",
     "npm": ">=8.0.0"
   },
   "version": "1.0.0",
@@ -56,9 +56,10 @@
     "@fortawesome/fontawesome-free": "^6.4.0",
     "@ng-bootstrap/ng-bootstrap": "^6.1.0",
     "@silvermine/serverless-plugin-cloudfront-lambda-edge": "^2.1.1",
+    "@linuxfoundation/lfx-ui-core": "^0.0.12",
+    "aws-sdk": "2.1558.0",
     "@types/node": "^18.16.0",
     "auth0-spa-js": "^1.6.5",
-    "aws-sdk": "2.1558.0",
     "bootstrap": "^4.4.0",
     "file-saver": "^2.0.5",
     "query-string": "^6.13.8",

serverless.yml

@@ -12,7 +12,7 @@ package:
 
 provider:
   name: aws
-  runtime: nodejs14.x
+  runtime: nodejs16.x
   stage: ${opt:stage}
   region: us-east-1 # Region can't be configurable, lambda@edge is us-east-1 only.
   deploymentBucket:

src/app/app.component.html

@@ -6,5 +6,4 @@
   <app-alert></app-alert>
   <router-outlet></router-outlet>
 </div>
-
 <lfx-footer></lfx-footer>

src/app/app.component.scss

@@ -1,12 +1,7 @@
 /* Copyright The Linux Foundation and each contributor to CommunityBridge.
  SPDX-License-Identifier: MIT */
 .fix-header-margin {
-  transition: margin 0.3s;
-  margin-top: 25px;
-  padding: 25px 0;
-  min-height: calc(100vh - 167px);
-  &.expanded {
-    margin-top: 100px;
-    min-height: calc(100vh - 242px);
-  }
+  margin-top: 35px;
+  padding: 25px 0 0 0;
+  min-height: calc(100vh - 125px);
 }

src/app/app.component.ts

@@ -2,9 +2,7 @@
 // SPDX-License-Identifier: MIT
 
 import { Component } from '@angular/core';
-import { AppSettings } from './config/app-settings';
 import { LfxHeaderService } from './shared/services/lfx-header.service';
-import { EnvConfig } from './config/cla-env-utils';
 import { environment } from 'src/environments/environment';
 
 @Component({
@@ -26,7 +24,6 @@ export class AppComponent {
   ngOnInit() {
     this.mountHeader();
     this.hasExpanded = true;
-    this.mountFooter();
   }
 
   private mountHeader(): void {
@@ -35,10 +32,4 @@ export class AppComponent {
     script.setAttribute('async', 'true');
     document.head.appendChild(script);
   }
-
-  private mountFooter(): void {
-    const script = document.createElement('script');
-    script.setAttribute('src', EnvConfig.default[AppSettings.LFX_FOOTER]);
-    document.head.appendChild(script);
-  }
 }

src/app/config/scripts/prefetch-ssm.js

@@ -1,17 +1,15 @@
 // Copyright The Linux Foundation and each contributor to CommunityBridge.
 // SPDX-License-Identifier: MIT
-
 const fs = require('fs');
 const RetrieveSSMValues = require('./read-ssm');
 const configVarArray = ['auth0-clientId', 'auth0-domain', 'proj-console-link', 'corp-console-link', 'lfx-header', 'lfx-footer', 'corporate-v2-base', 'api-base', 'api-v4-base', 'admin-v2-base'];
 const region = 'us-east-1';
-const profile = process.env.AWS_PROFILE;
 const stageEnv = process.env.STAGE_ENV;
 const AWS_SSM_JSON_PATH = './src/app/config/cla-env-config.json';
 
 async function prefetchSSM() {
   console.log(`Start to fetch SSM values at ${stageEnv}...`);
-  const result = await RetrieveSSMValues(configVarArray, stageEnv, region, profile);
+  const result = await RetrieveSSMValues(configVarArray, stageEnv, region);
   console.log('Fetching completed.');
 
   //test for local

src/app/config/scripts/read-ssm.js

@@ -1,30 +1,29 @@
-// @ts-check
-
 // Copyright The Linux Foundation and each contributor to CommunityBridge.
 // SPDX-License-Identifier: MIT
 const AWS = require('aws-sdk');
 
+// @ts-check
+
+
 /**
  * @param {string[]} variables
  * @param {string} stage
  * @param {string} region
- * @param {string} profile
  * @returns {Promise<{ [key:string]: string}>}
  */
-async function retrieveSSMValues(variables, stage, region, profile) {
+async function retrieveSSMValues(variables, stage, region) {
     const scopedVariables = variables.map((param) => `cla-${param}-${stage}`);
-    const result = await requestSSMParameters(scopedVariables, stage, region, profile);
+    const result = await requestSSMParameters(scopedVariables, stage, region);
     const parameters = result.Parameters;
     const error = result.$response.error;
     if (error !== null) {
         throw new Error(
-            `Couldn't retrieve SSM parameters for stage ${stage} in region ${region} using profile ${profile} - error ${error}`
+            `Couldn't retrieve SSM parameters for stage ${stage} in region ${region} - error ${error}`
         );
     }
     const scopedParams = createParameterMap(parameters, stage);
     const params = new Map();
     Object.keys(scopedParams).forEach((key) => {
-        // console.log(`processing ${key}`);
         const param = scopedParams[key];
         key = key.replace('cla-', '');
         key = key.replace(`-${stage}`, '');
@@ -34,7 +33,7 @@ async function retrieveSSMValues(variables, stage, region, profile) {
     variables.forEach((variable) => {
         if (params[variable] === undefined) {
             throw new Error(
-                `Missing SSM parameter with name ${variable} for stage ${stage} in region ${region} using profile ${profile}`,
+                `Missing SSM parameter with name ${variable} for stage ${stage} in region ${region}`,
             );
         }
     });
@@ -47,20 +46,14 @@ async function retrieveSSMValues(variables, stage, region, profile) {
  * @param {string[]} variables
  * @param {string} stage
  * @param {string} region
- * @param {string} profile
  */
-async function requestSSMParameters(variables, stage, region, profile) {
-    console.log(`Loading AWS credentials from profile: ${profile}`)
-    AWS.config.credentials = new AWS.SharedIniFileCredentials({ profile });
+async function requestSSMParameters(variables, stage, region) {
     const ssm = new AWS.SSM({ region });
     const ps = {
         Names: variables,
         WithDecryption: true
     };
-    // console.log(AWS.config.credentials);
-    // console.log(`fetching ssm parameters: ${variables}`);
     const response = await ssm.getParameters(ps).promise();
-    // console.log(response);
     return response;
 }
 

src/app/modules/dashboard/container/gerrit-dashboard/gerrit-dashboard.component.html

@@ -1,7 +1,7 @@
 <!-- Copyright The Linux Foundation and each contributor to CommunityBridge.
  SPDX-License-Identifier: MIT -->
-<div class="container-fluid">
-    <div class="row justify-content-center align-items-center">
-        <div class="col-auto message">You are being redirected to the login page.</div>
-    </div>
+<div class="container">
+    <div class="message">Welcome to Gerrit Window </div>
+    <div class="subtitle">wait ... We are trying to login LFX portal</div>
+    <div class="warning">If you are still viewing this screen, please <a class="link" (click)="login()">click here</a></div>
 </div>

src/app/modules/dashboard/container/gerrit-dashboard/gerrit-dashboard.component.scss

@@ -1,9 +1,28 @@
 /* Copyright The Linux Foundation and each contributor to CommunityBridge.
  SPDX-License-Identifier: MIT -->*/
-.row {
-    .message {
-        font-size: 18px;
-        text-align: center;
-        font-weight: bold;
-    }
+.container {
+  .message {
+    margin-top: calc(100vh / 3);
+    font-size: 24px;
+    text-align: center;
+    font-weight: bold;
+  }
+
+  .subtitle {
+    font-size: 18px;
+    margin-top: 5px;
+    text-align: center;
+    font-weight: bold;
+  }
+
+  .warning {
+    font-size: 18px;
+    margin-top: 20px;
+    text-align: center;
+  }
+
+  .link {
+    color: #0099cc;
+    cursor: pointer;
+  }
 }