HTML Reports based on filter data

apps/frontend/src/components/global/ExportHTMLModal.vue

@@ -119,22 +119,60 @@ export default class ExportHTMLModal extends Vue {
     }
 
     const files = [];
+    const filteredOn = this.filter.status;
+
     for (const fileId of this.filter.fromFile) {
       const file = InspecDataModule.allEvaluationFiles.find(
         (f) => f.uniqueId === fileId
       );
+
       if (file) {
         const data = file.evaluation;
+
+        /**
+         * NOTE: The filterControls array is used to specify which
+         * controls are selected.
+         * If we use the approach of filtering the content from the data object
+         * (e.g.
+         *   data.data.profiles[0].controls =
+         *     data.data.profiles[0].controls.filter((control) => {
+         *       if (filteredControls.includes(control.id)) {
+         *         return filteredControls.includes(control.id);
+         *       }
+         *     });
+         * )
+         * the contextualize object does not get updated and the results
+         * in data_store get out of sync, there is when utilizing the
+         * ".contains" it returns ann results where the file.evaluations
+         * returns the filtered controls.
+         */
+        let filteredControls: string[] = [];
+        if (filteredOn!.length > 0) {
+          data.contains.map((profile) => {
+            profile.contains.map((result) => {
+              if (filteredOn?.includes(result.root.hdf.status)) {
+                filteredControls.push(result.data.id);
+              }
+            });
+          });
+        } else {
+          data.contains.map((profile) => {
+            profile.contains.map((result) => {
+              filteredControls.push(result.data.id);
+            });
+          });
+        }
+
         const fileName = file.filename;
         const fileID = file.uniqueId;
-        files.push({data, fileName, fileID});
+        files.push({data, fileName, fileID, filteredControls});
       }
     }
-
     // Generate and export HTML file
     const body = await new FromHDFToHTMLMapper(files, this.exportType).toHTML(
       '/static/export/'
     );
+
     saveAs(
       new Blob([s2ab(body)], {type: 'application/octet-stream'}),
       `${this.exportType}_Report_${new Date().toString()}.html`.replace(

certs/ssl_certificate.crt

@@ -0,0 +1,33 @@
+-----BEGIN CERTIFICATE-----
+MIIFozCCA4ugAwIBAgIUNg89YEYG6UyEAaGy+SK1LBb8zvIwDQYJKoZIhvcNAQEL
+BQAwYTELMAkGA1UEBhMCVVMxEzARBgNVBAgMClNlbGZTaWduZWQxEzARBgNVBAcM
+ClNlbGZTaWduZWQxEzARBgNVBAoMClNlbGZTaWduZWQxEzARBgNVBAsMClNlbGZT
+aWduZWQwHhcNMjMxMTA1MjE1NTU3WhcNMjMxMTEyMjE1NTU3WjBhMQswCQYDVQQG
+EwJVUzETMBEGA1UECAwKU2VsZlNpZ25lZDETMBEGA1UEBwwKU2VsZlNpZ25lZDET
+MBEGA1UECgwKU2VsZlNpZ25lZDETMBEGA1UECwwKU2VsZlNpZ25lZDCCAiIwDQYJ
+KoZIhvcNAQEBBQADggIPADCCAgoCggIBAJvp3CPb/oGsS35Mea8k81P2pGdT9qXc
+zoeODACYzeRuSFh5Hb7GtQXa9/SH0dGcoGuUet0ep6rehflbS4uavIuyvH+YNgFe
+fL9tjFx+gB6QFAI5pzw/CR0dNEQYebVnZzh9RnSzo2ch7E1QeOFSDTaqVggONiYv
+GrQSPE/883AjKuhsLq/CeR20LuzkQ7rHKhTbpjNcp5OQRUfL/vIFGUNWJkggkG7F
+w4uTrK2ebFPhEBe3cq3my0anboqfox6UahN/O7cOWAHuVmGMzyDOusLrWHN9g4dT
+XJMAwPtZXhSueQlhnNaqpqpzmX2OhYt5uczgDkC11j7tXjiLubPTOoy3vd1q8qJ2
+7qD0OobZu1Nw942bbZjuRF4nN0hsDrYHFhLliX6T3BcRFUFgYQmNomUp7mL8fdPX
+joi/EFqrbUu8GiXWUInOFDsuH+8EK6k1VqCWxgCK+G8yVrj9H2Gk4U4XUfsNVPzB
+WoXYhGAiere29eRsE6JE228pi90Ug1kwEKZSfP19WcJbTnJmWgzidhmViJ2fKSyp
+1WVCTkg7SS9NvnQbkVwcSZJo3FJ35Q+SxZgTNxWr81ZCC/bBgZX1sllVu/wytVb/
+iJjDTwwMhpwogP1ak4RAZJ85BmvkQ4/qtAdKNj3Bwi+QZTNLSZM6hkOvGi1JBBOc
+wLasljniXHpTAgMBAAGjUzBRMB0GA1UdDgQWBBQ2XVVz2L0J4Ip9zqddOGSaLc/s
+rDAfBgNVHSMEGDAWgBQ2XVVz2L0J4Ip9zqddOGSaLc/srDAPBgNVHRMBAf8EBTAD
+AQH/MA0GCSqGSIb3DQEBCwUAA4ICAQBmtS6UMcuBuYsFqBkvJOaTIy6zPpcgUFLb
+/Dw0bMipOWr8gmcU+gPaWzZFW4xzPtfzRs/kmjGSWW7MwLcUnET7HNKrGjg/aIx9
+VgwdWo8SVhDgPdlw5VIJvdG9N5vtICs7erFxryehgwjPhDhcgbLIhBUgOl2XCec/
+Zi/6CgYw9ds1t79/oO720YHGzkQi5U5s8T8kyyOOZHFnqQotVdO/YapxRwYC26b4
+KV8PBdC2/tlgW04xiJ9cmAhNr1GcRn4fr+0Y+HBDNIEXoE4c8DEGUHweJSMh3ET6
+doWHEPomN5Sg//G0Byh3pLsgXxJSw1vcueyBY5HOnWR5Cpj/DRaKWY1D+xLN3P+l
+Rq+1qVTCAOq/gdkgABjJnO4niOb2N80/RM4j8Yr2dxLVMLSUIX2EqbZ39PmmIN69
+uHqHhvmoGK3yBToQeul3aq2oNwG921GlLSkwOrmtfDtsZGXlzyKgNkO1Aa5yVAWm
+DFnt0bQp47k5smBWm7M5XTboZUq262jXRWz6EVXRl3GtdBFgjXRYTwoMcCCY1ACZ
+fNNsCONBjudfZhuNxne2e5mJcA1EhgOOR2YyZLwQ1nYQXBfG6XrJqOUPwAySdPti
+dWUqsW3n8L4RgxL0k8F7hGRYrQL17B7Uli70ruBxn9eQpY15T1bwFCYNSJubG5h/
+DZ38BAkEmQ==
+-----END CERTIFICATE-----

certs/ssl_certificate_key.key

@@ -0,0 +1,52 @@
+-----BEGIN PRIVATE KEY-----
+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
+SfixdHDoNGiIl7/gdJjaWXE9H6il0Q==
+-----END PRIVATE KEY-----

libs/hdf-converters/package.json

@@ -6,7 +6,7 @@
   "files": [
     "lib"
   ],
-  "main": "src/index.ts",
+  "main": "lib/index.js",
   "publishConfig": {
     "main": "lib/index.js"
   },
@@ -75,4 +75,4 @@
       "^.+\\.ts$": "ts-jest"
     }
   }
-}
+}

libs/hdf-converters/src/converters-from-hdf/html/reverse-html-mapper.ts

@@ -29,12 +29,14 @@ type InputData = {
   data: ContextualizedEvaluation | string;
   fileName: string;
   fileID: string;
+  filteredControls: string[];
 };
 
 type ProcessedData = {
   data: ContextualizedEvaluation;
   fileName: string;
   fileID: string;
+  filteredControls: string[];
 };
 
 // All selectable export types for an HTML export
@@ -174,7 +176,12 @@ export class FromHDFToHTMLMapper {
       }
 
       this.addFiledata(
-        {data: file.data, fileName: file.fileName, fileID: file.fileID},
+        {
+          data: file.data,
+          fileName: file.fileName,
+          fileID: file.fileID,
+          filteredControls: file.filteredControls
+        },
         exportType
       );
     }
@@ -201,7 +208,11 @@ export class FromHDFToHTMLMapper {
     const allResultLevels: ContextualizedControl[] = [];
     file.data.contains.map((profile) => {
       profile.contains.map((result) => {
-        allResultLevels.push(result);
+        file.filteredControls.forEach((element) => {
+          if (element === result.data.id) {
+            allResultLevels.push(result);
+          }
+        });
       });
     });
 
@@ -310,7 +321,7 @@ export class FromHDFToHTMLMapper {
     };
 
     // Calculate & set compliance level and color from result statuses
-    // Set default complaince level and color
+    // Set default compliance level and color
     this.outputData.compliance.level = '0.00%';
     this.outputData.compliance.color = 'low';
 
@@ -324,7 +335,9 @@ export class FromHDFToHTMLMapper {
           100
       );
       // Set compliance level
-      this.outputData.compliance.level = complianceLevel;
+      this.outputData.compliance.level = complianceLevel.includes('NaN')
+        ? '0.00%'
+        : complianceLevel;
       // Determine color of compliance level
       // High compliance is green, medium is yellow, low is red
       this.outputData.compliance.color = translateCompliance(complianceLevel);
@@ -495,7 +508,7 @@ export class FromHDFToHTMLMapper {
     return text;
   }
 
-  // Prompt HTML generation from data pulled from file during constructor intialization
+  // Prompt HTML generation from data pulled from file during constructor initialization
   // Requires path to prompt location of needed files relative to function call location
   async toHTML(path: string): Promise<string> {
     // Pull export template + styles and create outputData object containing data to fill template with

libs/inspecjs/src/compat_wrappers.ts

@@ -109,12 +109,14 @@ export interface HDFControl {
    */
   parsedNistRevision: NistRevision | null;
 
-  /** Get the start time of this control's run, as determiend by the time of the first test.
+  /**
+   * Get the start time of this control's run, as determined by the time of the first test.
    * If no tests were run, (it is a profile-json or has no tests) returns undefined
    */
   start_time?: string;
 
-  /** Get the results of this control's control segments  as a list.
+  /**
+   * Get the results of this control's control segments  as a list.
    * If no tests were run, (this is a profile-json) returns undefined.
    * Can be empty in the rare case that no control segments exist/were run.
    */

libs/inspecjs/src/context.ts

@@ -1,5 +1,5 @@
 /**
- * Provides general utilities for articulating associations beteen evaluations, profiles, and controls.
+ * Provides general utilities for articulating associations between evaluations, profiles, and controls.
  * Especially useful for handling overlay/wrapper profiles.
  */
 
@@ -206,7 +206,7 @@ export function contextualizeEvaluation(
 
   // Link each contextualized control
   for (const cc of allControls) {
-    // Behaviour changes based on if we have well-formed or malformed profile dependency
+    // Behavior changes based on if we have well-formed or malformed profile dependency
     if (cc.sourcedFrom.extendsFrom.length || cc.sourcedFrom.extendedBy.length) {
       // Our profile is a baseline! No need to continue - children will make connections for us
       // If we aren't extended from something we just drop. Our children will make connections for us