foreman_leapp 0.0.5 → 0.1.3

data/webpack/components/PreupgradeReportsList/components/__tests__/helpers.test.js

@@ -1,16 +1,27 @@
 import { testSelectorsSnapshotWithFixtures } from '@theforeman/test';
 
-import { additionalInfo } from '../helpers';
+import {
+  tagInfo,
+  hasRemediations,
+  getTitle,
+  getSeverity,
+  getSummary,
+  getTags,
+  getExternals,
+  getRemediations,
+} from '../helpers';
 
-const reportEntry = {
-  title: 'This is title',
-  severity: 'low',
-  id: 5,
-  preupgradeReportId: 6,
-};
+import { reportEntry } from './PreupgradeReportEntry.fixtures';
 
 const fixtures = {
-  'should return additional info': () => additionalInfo(reportEntry),
+  'should return tag info': () => tagInfo(reportEntry.tags),
+  'should detect if has remediations': () => hasRemediations(reportEntry),
+  'should return title': () => getTitle(reportEntry),
+  'should return severity': () => getSeverity(reportEntry),
+  'should return summary': () => getSummary(reportEntry),
+  'should return tags': () => getTags(reportEntry),
+  'should return externals': () => getExternals(reportEntry),
+  'should return remediations': () => getRemediations(reportEntry),
 };
 
 describe('PreupgradeReportList/helpers', () =>

data/webpack/components/PreupgradeReportsList/components/foreman_leapp.scss

@@ -0,0 +1,15 @@
+@import '~@theforeman/vendor/scss/variables';
+
+.top-padded {
+  padding-top: 8px;
+}
+
+.pre-wrap{
+    white-space: pre-wrap;
+  }
+
+.severity-img{
+  width: 18px;
+  height: 18px;
+  margin-right: 10px;
+}

data/webpack/components/PreupgradeReportsList/components/helpers.js

@@ -1,28 +1,184 @@
 import React from 'react';
-
+import { Grid, ListView, Badge, Icon } from 'patternfly-react';
 import EmptyInfoItem from './EmptyInfoItem';
-import StringInfoItem from './StringInfoItem';
+import SeverityHigh from './images/i_severity-high.svg';
+import SeverityMedium from './images/i_severity-med.svg';
+import SeverityLow from './images/i_severity-low.svg';
 
 export const itemIteratorId = (entry, ...rest) =>
   `${entry.id}-${entry.preupgradeReportId}-${rest.join('-')}`;
 
-export const additionalInfo = entry => {
-  const infoAttrs = ['title', 'severity'];
-
-  return infoAttrs.map(attr => {
-    const key = itemIteratorId(entry, attr);
-
-    if (!entry[attr]) {
-      return <EmptyInfoItem entry={entry} attr={attr} key={key} />;
-    }
-
-    switch (attr) {
-      case 'title':
-        return <StringInfoItem entry={entry} attr={attr} key={key} />;
-      case 'severity':
-        return <StringInfoItem entry={entry} attr={attr} key={key} />;
-      default:
-        return '';
-    }
-  });
+export const tagInfo = tags =>
+  tags.map(attr => (
+    <Badge key={attr} variant="pill primary">
+      {attr}
+    </Badge>
+  ));
+
+export const getSeverityImg = entry => {
+  const key = itemIteratorId(entry, `sv${entry.id}`);
+
+  switch (entry.severity) {
+    case 'low':
+      return (
+        <img
+          key={key}
+          src={SeverityLow}
+          alt="Low Risk Factor"
+          className="severity-img"
+        />
+      );
+    case 'medium':
+      return (
+        <img
+          key={key}
+          src={SeverityMedium}
+          alt="Medium Risk Factor"
+          className="severity-img"
+        />
+      );
+    case 'high':
+      return (
+        <img
+          key={key}
+          src={SeverityHigh}
+          alt="High Risk Factor"
+          className="severity-img"
+        />
+      );
+    default:
+      return (
+        <img
+          key={key}
+          src={SeverityLow}
+          alt="Low Risk Factor"
+          className="severity-img"
+        />
+      );
+  }
+};
+
+export const hasRemediations = entry => {
+  const key = itemIteratorId(entry, `rm${entry.id}`);
+  if (entry.detail && entry.detail.remediations) {
+    return (
+      <ListView.InfoItem key={key}>
+        <Icon type="pf" name="warning-triangle-o" /> Has Remediation
+      </ListView.InfoItem>
+    );
+  }
+
+  return <EmptyInfoItem key={key} entry={entry} attr="remediation" />;
+};
+
+export const getTitle = entry => {
+  if (entry.title) {
+    return (
+      <Grid.Row>
+        <Grid.Col md={1}>
+          <strong>Title</strong>
+        </Grid.Col>
+        <Grid.Col md={8}>{entry.title}</Grid.Col>
+      </Grid.Row>
+    );
+  }
+  return <div />;
+};
+
+export const getSeverity = entry => {
+  if (entry.severity) {
+    return (
+      <Grid.Row className="top-padded">
+        <Grid.Col md={1}>
+          <strong>Risk Factor</strong>
+        </Grid.Col>
+        <Grid.Col md={8}>
+          {getSeverityImg(entry)} {entry.severity}
+        </Grid.Col>
+      </Grid.Row>
+    );
+  }
+  return <div />;
+};
+
+export const getSummary = entry => {
+  if (entry.summary) {
+    return (
+      <Grid.Row className="top-padded">
+        <Grid.Col md={1}>
+          <strong>Summary</strong>
+        </Grid.Col>
+        <Grid.Col md={8} className="pre-wrap">
+          {entry.summary}
+        </Grid.Col>
+      </Grid.Row>
+    );
+  }
+  return <div />;
+};
+
+export const getTags = entry => {
+  if (entry.tags) {
+    return (
+      <Grid.Row className="top-padded">
+        <Grid.Col md={1}>
+          <strong>Tags</strong>
+        </Grid.Col>
+        <Grid.Col md={8}>{tagInfo(entry.tags)}</Grid.Col>
+      </Grid.Row>
+    );
+  }
+  return <div />;
+};
+
+export const getExternals = entry => {
+  if (entry.detail && entry.detail.external) {
+    return entry.detail.external.map(attr => {
+      const key = itemIteratorId(entry, attr);
+      return (
+        <Grid.Row className="top-padded" key={key}>
+          <Grid.Col md={1}>
+            <strong>Links</strong>
+          </Grid.Col>
+          <Grid.Col md={8}>
+            <a href={attr.url}>{attr.title}</a>
+          </Grid.Col>
+        </Grid.Row>
+      );
+    });
+  }
+  return <div />;
+};
+
+export const getRemediations = entry => {
+  if (entry.detail && entry.detail.remediations) {
+    return entry.detail.remediations.map(attr => {
+      const key = itemIteratorId(entry, attr);
+      if (attr.type === 'hint') {
+        return (
+          <Grid.Row className="top-padded" key={key}>
+            <Grid.Col md={1}>
+              <strong>Hint</strong>
+            </Grid.Col>
+            <Grid.Col md={8}>{attr.context}</Grid.Col>
+          </Grid.Row>
+        );
+      }
+      if (attr.type === 'command') {
+        return (
+          <Grid.Row className="top-padded" key={key}>
+            <Grid.Col md={1}>
+              <strong>Command</strong>
+            </Grid.Col>
+            <Grid.Col md={8}>
+              <code>{attr.context.join(' ')}</code>
+            </Grid.Col>
+          </Grid.Row>
+        );
+      }
+
+      return <div />;
+    });
+  }
+  return <div />;
 };

data/webpack/components/PreupgradeReportsList/components/images/i_severity-critical.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 146 166"
+   style="enable-background:new 0 0 146 166;"
+   xml:space="preserve"
+   sodipodi:docname="i_critical.svg"
+   inkscape:version="0.92.1 r"><metadata
+     id="metadata4612"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4610" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1055"
+     id="namedview4608"
+     showgrid="false"
+     inkscape:zoom="1.4216867"
+     inkscape:cx="73"
+     inkscape:cy="83"
+     inkscape:window-x="0"
+     inkscape:window-y="1050"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style4593">
+	.st0{fill:#808080;}
+	.st1{fill:#CC0000;}
+</style><g
+     id="g4605"><path
+       class="st1"
+       d="M114.6,143.3H31c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6h83.6c7.2,0,13,4.8,13,10.6l0,0   C127.7,138.5,121.8,143.3,114.6,143.3z"
+       id="path4597" /><path
+       class="st1"
+       d="M114.6,110.2H31c-7.2,0-13-4.8-13-10.6l0,0C18,93.7,23.9,89,31,89h83.6c7.2,0,13,4.8,13,10.6l0,0   C127.7,105.4,121.8,110.2,114.6,110.2z"
+       id="path4599" /><path
+       class="st1"
+       d="M115,77.1H31.4c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6H115c7.2,0,13,4.8,13,10.6l0,0   C128,72.3,122.1,77.1,115,77.1z"
+       id="path4601" /><path
+       class="st1"
+       d="M114.6,44H31c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.7,13-10.7h83.6c7.2,0,13,4.8,13,10.6l0,0   C127.7,39.2,121.8,44,114.6,44z"
+       id="path4603" /></g></svg>

data/webpack/components/PreupgradeReportsList/components/images/i_severity-high.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 146 166"
+   style="enable-background:new 0 0 146 166;"
+   xml:space="preserve"
+   sodipodi:docname="i_high.svg"
+   inkscape:version="0.92.1 r"><metadata
+     id="metadata6016"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6014" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1055"
+     id="namedview6012"
+     showgrid="false"
+     inkscape:zoom="1.4216867"
+     inkscape:cx="73"
+     inkscape:cy="83"
+     inkscape:window-x="0"
+     inkscape:window-y="1050"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style5999">
+	.st0{fill:#808080;}
+	.st1{fill:#F39800;}
+	.st2{fill:#CCCCCC;}
+</style><path
+     class="st1"
+     d="M114.6,143.3H31c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6h83.6c7.2,0,13,4.8,13,10.6l0,0  C127.7,138.5,121.8,143.3,114.6,143.3z"
+     id="path6003" /><path
+     class="st1"
+     d="M114.6,110.2H31c-7.2,0-13-4.8-13-10.6l0,0C18,93.7,23.9,89,31,89h83.6c7.2,0,13,4.8,13,10.6l0,0  C127.7,105.4,121.8,110.2,114.6,110.2z"
+     id="path6005" /><path
+     class="st1"
+     d="M115,77.1H31.4c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6H115c7.2,0,13,4.8,13,10.6l0,0  C128,72.3,122.1,77.1,115,77.1z"
+     id="path6007" /><path
+     class="st2"
+     d="M99.6,40.2H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,37.1,104.3,40.2,99.6,40.2z"
+     id="path6009" /></svg>

data/webpack/components/PreupgradeReportsList/components/images/i_severity-low.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 146 166"
+   style="enable-background:new 0 0 146 166;"
+   xml:space="preserve"
+   sodipodi:docname="i_low.svg"
+   inkscape:version="0.92.1 r"><metadata
+     id="metadata6693"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6691" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1055"
+     id="namedview6689"
+     showgrid="false"
+     inkscape:zoom="1.4216867"
+     inkscape:cx="73"
+     inkscape:cy="83"
+     inkscape:window-x="0"
+     inkscape:window-y="1050"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style6674">
+	.st0{fill:#808080;}
+	.st1{fill:#94D400;}
+	.st2{fill:#CCCCCC;}
+</style><g
+     id="g6678" /><path
+     class="st1"
+     d="M114.6,143.3H31c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6h83.6c7.2,0,13,4.8,13,10.6l0,0  C127.7,138.5,121.8,143.3,114.6,143.3z"
+     id="path6680" /><path
+     class="st2"
+     d="M99.6,40.2H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,37.1,104.3,40.2,99.6,40.2z"
+     id="path6682" /><path
+     class="st2"
+     d="M99.6,73.3H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,70.2,104.3,73.3,99.6,73.3z"
+     id="path6684" /><path
+     class="st2"
+     d="M99.6,106.4H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,103.3,104.3,106.4,99.6,106.4z"
+     id="path6686" /></svg>

data/webpack/components/PreupgradeReportsList/components/images/i_severity-med.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 146 166"
+   style="enable-background:new 0 0 146 166;"
+   xml:space="preserve"
+   sodipodi:docname="i_med.svg"
+   inkscape:version="0.92.1 r"><metadata
+     id="metadata7574"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7572" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="834"
+     inkscape:window-height="480"
+     id="namedview7570"
+     showgrid="false"
+     inkscape:zoom="1.4216867"
+     inkscape:cx="73"
+     inkscape:cy="83"
+     inkscape:window-x="0"
+     inkscape:window-y="1050"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style7555">
+	.st0{fill:#808080;}
+	.st1{fill:#DEC800;}
+	.st2{fill:#CCCCCC;}
+</style><g
+     id="g7559" /><path
+     class="st1"
+     d="M114.6,143.3H31c-7.2,0-13-4.8-13-10.6l0,0c0-5.9,5.9-10.6,13-10.6h83.6c7.2,0,13,4.8,13,10.6l0,0  C127.7,138.5,121.8,143.3,114.6,143.3z"
+     id="path7561" /><path
+     class="st1"
+     d="M114.6,110.2H31c-7.2,0-13-4.8-13-10.6l0,0C18,93.7,23.9,89,31,89h83.6c7.2,0,13,4.8,13,10.6l0,0  C127.7,105.4,121.8,110.2,114.6,110.2z"
+     id="path7563" /><path
+     class="st2"
+     d="M99.6,40.2H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,37.1,104.3,40.2,99.6,40.2z"
+     id="path7565" /><path
+     class="st2"
+     d="M99.6,73.3H46c-4.6,0-8.4-3.1-8.4-6.8l0,0c0-3.8,3.8-6.9,8.4-6.9h53.7c4.6,0,8.4,3.1,8.4,6.8l0,0  C108.1,70.2,104.3,73.3,99.6,73.3z"
+     id="path7567" /></svg>