foreman_openscap 4.3.0 → 5.0.0

data/webpack/components/RuleSeverity/i_unknown.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 110 130" style="enable-background:new 0 0 110 130;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CCCCCC;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M96.6,130H13c-7.2,0-13-5.9-13-13l0,0c0-7.2,5.9-13,13-13h83.6c7.2,0,13,5.9,13,13l0,0
+	C109.7,124.1,103.8,130,96.6,130z M96.6,95.4H13c-7.2,0-13-5.9-13-13l0,0c0-7.2,5.9-13,13-13h83.6c7.2,0,13,5.9,13,13l0,0
+	C109.7,89.5,103.8,95.4,96.6,95.4z M97,60.2H13.4c-7.2,0-13-5.9-13-13l0,0c0-7.2,5.9-13,13-13H97c7.2,0,13,5.9,13,13l0,0
+	C110,54.4,104.1,60.2,97,60.2z M96.6,26.1H13c-7.2,0-13-5.9-13-13l0,0C0,5.9,5.9,0,13,0h83.6c7.2,0,13,5.9,13,13l0,0
+	C109.7,20.2,103.8,26.1,96.6,26.1z"/>
+<path class="st0" d="M53.3,123.4c-4.6,0-8.5-1.6-11.6-4.6c-3.2-3.1-4.8-7-4.8-11.5s1.6-8.4,4.8-11.5c1-1,2.1-1.8,3.3-2.5h-4.9v-8.7
+	c0-4.9,0.7-9.3,2.1-13.3c1.4-4,3.3-7.3,5.5-9.8c1.9-2.1,4.1-4.3,6.3-6.3c2.2-2,4.3-3.8,6.2-5.3c1.4-1.1,2.5-2.5,3.5-4.2
+	c0.9-1.6,1.3-3.2,1.3-5c0-2.7-0.8-4.7-2.5-6.3c-1.7-1.7-4.2-2.5-7.6-2.5c-4.2,0-7.3,1.2-9.4,3.5c-2.3,2.5-3.4,6.1-3.4,10.9V51H15.6
+	v-4.5c0-12.2,3.7-22,10.9-29.2c7.2-7.1,16.7-10.8,28.4-10.8c11.3,0,20.3,3.2,26.8,9.6c6.5,6.4,9.8,14.7,9.8,24.7
+	c0,4.4-0.7,8.5-2.2,12.1c-1.5,3.6-3.4,6.6-5.6,8.9c-1.9,1.9-3.9,3.8-6.1,5.9c-2.1,2-4.1,3.8-6,5.5c-1.4,1.2-2.6,2.9-3.6,4.9
+	c-1,2-1.4,4.2-1.4,6.7v8.5h-4.8c1.2,0.7,2.3,1.6,3.4,2.6c3.2,3.2,4.7,7,4.7,11.4c0,4.5-1.6,8.4-4.8,11.5
+	C61.8,121.9,57.9,123.4,53.3,123.4z"/>
+<path class="st1" d="M54.8,11.1c10.1,0,18,2.8,23.6,8.3c5.6,5.6,8.4,12.7,8.4,21.5c0,3.9-0.6,7.4-1.9,10.4c-1.2,3.1-2.8,5.5-4.6,7.4
+	c-1.8,1.8-3.8,3.8-6,5.7c-2.1,2-4.1,3.8-6,5.4c-1.8,1.6-3.4,3.8-4.6,6.3c-1.2,2.6-1.9,5.5-1.9,8.6v4H44.6v-4.2
+	c0-4.4,0.6-8.3,1.9-11.8c1.2-3.5,2.8-6.2,4.6-8.3c1.8-2,3.8-4,6-6c2.1-1.9,4.1-3.6,6-5.1c1.8-1.4,3.4-3.3,4.6-5.5
+	c1.2-2.2,1.9-4.6,1.9-7.2c0-3.9-1.3-7.1-3.9-9.5c-2.6-2.5-6.2-3.7-10.7-3.7c-5.5,0-9.7,1.7-12.7,5c-3,3.3-4.5,8-4.5,13.9H20.1
+	c0-11,3.2-19.7,9.5-26C36,14.2,44.4,11.1,54.8,11.1 M53.3,95.7c3.4,0,6.2,1.1,8.5,3.4c2.3,2.3,3.4,5,3.4,8.2c0,3.3-1.1,6-3.4,8.3
+	c-2.3,2.2-5.1,3.4-8.5,3.4c-3.4,0-6.2-1.1-8.5-3.4c-2.3-2.2-3.4-5-3.4-8.3c0-3.3,1.1-6,3.4-8.3C47.1,96.8,50,95.7,53.3,95.7
+	 M54.8,2.1C42,2.1,31.4,6.1,23.3,14.1c-8.1,8-12.2,18.9-12.2,32.4v9h9h17.4h9v-9c0-3.6,0.7-6.3,2.2-7.9c0.8-0.9,2.3-2.1,6.1-2.1
+	c2.1,0,3.7,0.4,4.5,1.2c0.5,0.5,1.1,1.2,1.1,3c0,1.1-0.2,2-0.7,2.9c-0.7,1.2-1.4,2.1-2.3,2.8c-2,1.6-4.2,3.4-6.5,5.5
+	c-2.3,2.1-4.6,4.3-6.6,6.6c-2.6,2.9-4.8,6.7-6.4,11.3c-1.6,4.4-2.4,9.4-2.4,14.8v4.2v7.5c-2.1,3.2-3.1,7-3.1,11
+	c0,5.7,2.1,10.8,6.1,14.7c4,3.9,9.1,5.9,14.8,5.9c5.7,0,10.8-2,14.8-5.9c4-3.9,6.1-9,6.1-14.7c0-4.1-1.1-7.9-3.3-11.1v-7.3v-4
+	c0-1.8,0.3-3.4,1-4.7c0.7-1.5,1.6-2.7,2.5-3.5c1.9-1.7,4-3.6,6.1-5.6c2.2-2,4.3-4,6.2-6c2.7-2.7,4.9-6.2,6.6-10.4
+	c1.7-4.1,2.5-8.8,2.5-13.8c0-11.2-3.7-20.6-11.1-27.8C77.5,5.7,67.4,2.1,54.8,2.1L54.8,2.1z"/>
+</svg>

data/webpack/components/RuleSeverity/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import SeverityCritical from './i_severity-critical.svg';
+import SeverityHigh from './i_severity-high.svg';
+import SeverityMedium from './i_severity-med.svg';
+import SeverityLow from './i_severity-low.svg';
+import SeverityUnknown from './i_unknown.svg';
+
+import './RuleSeverity.scss';
+
+const RuleSeverity = props => {
+  const propsMapping = {
+    low: { alt: 'Low Serverity', src: SeverityLow },
+    medium: { alt: 'Medium Serverity', src: SeverityMedium },
+    high: { alt: 'High Serverity', src: SeverityHigh },
+    critical: {
+      alt: 'Critical Serverity',
+      src: SeverityCritical,
+    },
+    unknown: { alt: 'Unknown Serverity', src: SeverityUnknown },
+  };
+
+  const imgProps = propsMapping[props.severity] || propsMapping.unknown;
+  // eslint-disable-next-line jsx-a11y/alt-text
+  return <img {...imgProps} className="severity-img" />;
+};
+
+RuleSeverity.propTypes = {
+  severity: PropTypes.string.isRequired,
+};
+
+export default RuleSeverity;

data/webpack/components/withLoading.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import Loading from 'foremanReact/components/Loading';
+import {
+  permissionCheck,
+  permissionDeniedMsg,
+} from '../helpers/permissionsHelper';
+
+import EmptyState from './EmptyState';
+
+const errorStateTitle = __('Error!');
+const emptyStateBody = '';
+
+const pluckData = (data, path) => {
+  const split = path.split('.');
+  return split.reduce((memo, item) => {
+    if (item) {
+      return memo[item];
+    }
+    throw new Error('Unexpected empty segment in response data path');
+  }, data);
+};
+
+const withLoading = Component => {
+  const Subcomponent = ({
+    fetchFn,
+    resultPath,
+    renameData,
+    emptyStateTitle,
+    permissions,
+    ...rest
+  }) => {
+    const { loading, error, data } = fetchFn(rest);
+
+    if (loading) {
+      return <Loading />;
+    }
+
+    if (error) {
+      return (
+        <EmptyState
+          error={error}
+          title={errorStateTitle}
+          body={error.message}
+        />
+      );
+    }
+
+    const check = permissionCheck(data.currentUser, permissions);
+
+    if (!check.allowed) {
+      return (
+        <EmptyState
+          lock
+          title={__('Permission denied')}
+          body={permissionDeniedMsg(check.permissions.map(item => item.name))}
+        />
+      );
+    }
+
+    const result = pluckData(data, resultPath);
+
+    if ((Array.isArray(result) && result.length === 0) || !result) {
+      return <EmptyState title={emptyStateTitle} body={emptyStateBody} />;
+    }
+
+    return <Component {...rest} {...renameData(data)} />;
+  };
+
+  Subcomponent.propTypes = {
+    fetchFn: PropTypes.func.isRequired,
+    resultPath: PropTypes.string.isRequired,
+    renameData: PropTypes.func,
+    emptyStateTitle: PropTypes.string.isRequired,
+    permissions: PropTypes.array,
+  };
+
+  Subcomponent.defaultProps = {
+    renameData: data => data,
+    permissions: [],
+  };
+
+  return Subcomponent;
+};
+
+export default withLoading;

data/webpack/global_index.js

@@ -0,0 +1,5 @@
+import { registerRoutes } from 'foremanReact/routes/RoutingService';
+
+import routes from './routes/routes';
+
+registerRoutes('foreman_openscap', routes);

data/webpack/graphql/queries/currentUserAttributes.gql

@@ -0,0 +1,11 @@
+fragment CurrentUserAttributes on User {
+  id
+  login
+  admin
+  permissions {
+    nodes {
+      id
+      name
+    }
+  }
+}

data/webpack/graphql/queries/cves.gql

@@ -0,0 +1,23 @@
+#import "./currentUserAttributes.gql"
+
+query($search: String, $first: Int, $last: Int) {
+  cves(search: $search, first: $first, last: $last) {
+    totalCount
+    nodes {
+      id
+      refId
+      refUrl
+      hasErrata
+      definitionId
+      hosts {
+        nodes {
+          id
+          name
+        }
+      }
+    }
+  }
+  currentUser {
+    ...CurrentUserAttributes
+  }
+}

data/webpack/graphql/queries/ovalContents.gql

@@ -0,0 +1,16 @@
+#import "./currentUserAttributes.gql"
+
+query($first: Int, $last: Int) {
+  ovalContents(first: $first, last: $last) {
+    totalCount
+    nodes {
+      id
+      name
+      url
+      originalFilename
+    }
+  }
+  currentUser {
+    ...CurrentUserAttributes
+  }
+}

data/webpack/graphql/queries/ovalPolicies.gql

@@ -0,0 +1,17 @@
+#import "./currentUserAttributes.gql"
+
+query($first: Int, $last: Int) {
+  ovalPolicies(first: $first, last: $last) {
+    totalCount
+    nodes {
+      id
+      name
+      ovalContent {
+        name
+      }
+    }
+  }
+  currentUser {
+    ...CurrentUserAttributes
+  }
+}

data/webpack/graphql/queries/ovalPolicy.gql

@@ -0,0 +1,26 @@
+#import "./currentUserAttributes.gql"
+
+query($id: String!) {
+  ovalPolicy(id: $id) {
+    id
+    name
+    period
+    cronLine
+    weekday
+    dayOfMonth
+    description
+    hostgroups {
+      nodes {
+        id
+        descendants {
+          nodes {
+            id
+          }
+        }
+      }
+    }
+  }
+  currentUser {
+    ...CurrentUserAttributes
+  }
+}

data/webpack/helpers/commonHelper.js

@@ -0,0 +1 @@
+export const last = array => array[array.length - 1];

data/webpack/helpers/globalIdHelper.js

@@ -0,0 +1,13 @@
+import { last } from './commonHelper';
+
+const idSeparator = '-';
+const versionSeparator = ':';
+const defaultVersion = '01';
+
+export const decodeId = model => {
+  const split = atob(model.id).split(idSeparator);
+  return parseInt(last(split), 10);
+};
+
+export const encodeId = (typename, id) =>
+  btoa([defaultVersion, versionSeparator, typename, idSeparator, id].join(''));

data/webpack/helpers/pageParamsHelper.js

@@ -0,0 +1,31 @@
+import URI from 'urijs';
+import { useForemanSettings } from 'foremanReact/Root/Context/ForemanContext';
+
+const parsePageParams = history => URI.parseQuery(history.location.search);
+
+export const addSearch = (basePath, params) => {
+  let stringyfied = '';
+  if (Object.keys(params).length > 0) {
+    stringyfied = `?${URI.buildQuery(params)}`;
+  }
+
+  return `${basePath}${stringyfied}`;
+};
+
+export const useCurrentPagination = history => {
+  const pageParams = parsePageParams(history);
+  const uiSettings = useForemanSettings();
+
+  return {
+    page: parseInt(pageParams.page, 10) || 1,
+    perPage: parseInt(pageParams.perPage, 10) || uiSettings.perPage,
+  };
+};
+
+export const pageToVars = pagination => ({
+  first: pagination.page * pagination.perPage,
+  last: pagination.perPage,
+});
+
+export const useParamsToVars = history =>
+  pageToVars(useCurrentPagination(history));

data/webpack/helpers/pathsHelper.js

@@ -0,0 +1,22 @@
+import { decodeId } from './globalIdHelper';
+
+const experimental = path => `/experimental${path}`;
+
+const showPath = path => `${path}/:id`;
+
+export const modelPath = (basePath, model) => `${basePath}/${decodeId(model)}`;
+
+// react-router uses path-to-regexp, should we use it as well in a future?
+// https://github.com/pillarjs/path-to-regexp/tree/v1.7.0#compile-reverse-path-to-regexp
+export const resolvePath = (path, params) =>
+  Object.entries(params).reduce(
+    (memo, [key, value]) => memo.replace(key, value),
+    path
+  );
+
+export const ovalContentsPath = experimental('/compliance/oval_contents');
+export const ovalPoliciesPath = experimental('/compliance/oval_policies');
+export const ovalPoliciesShowPath = `${showPath(ovalPoliciesPath)}/:tab?`;
+export const hostsPath = '/hosts';
+export const newJobPath = '/job_invocations/new';
+export const hostsShowPath = showPath(hostsPath);

data/webpack/helpers/permissionsHelper.js

@@ -0,0 +1,42 @@
+import { translate as __, sprintf } from 'foremanReact/common/I18n';
+
+export const permissionCheck = (user, permissionsRequired) => {
+  if (permissionsRequired.length === 0) {
+    return { allowed: true };
+  }
+
+  if (!user) {
+    throw new Error(
+      'No user data when loading the page - cannot determine if current user is allowed to view the page.'
+    );
+  }
+
+  if (user.admin) {
+    return { allowed: true };
+  }
+
+  const permList = permissionsRequired.reduce((memo, item) => {
+    const found = user.permissions.nodes.find(
+      permission => permission.name === item
+    );
+    memo.push({ name: item, present: !!found });
+    return memo;
+  }, []);
+
+  if (permList.reduce((memo, item) => memo && item.present, true)) {
+    return { allowed: true, permissions: permList };
+  }
+
+  return { allowed: false, permissions: permList };
+};
+
+export const permissionDeniedMsg = permissions => {
+  let msg = __('You are not authorized to view the page. ');
+  if (permissions?.length > 0) {
+    msg += sprintf(
+      __('Request the following permissions from administrator: %s.'),
+      permissions.join(', ')
+    );
+  }
+  return msg;
+};

data/webpack/helpers/tableHelper.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { TableText } from '@patternfly/react-table';
+
+export const linkCell = (path, text) => (
+  <TableText>
+    <Link to={path}>{text}</Link>
+  </TableText>
+);

data/webpack/index.js

@@ -0,0 +1,8 @@
+import componentRegistry from 'foremanReact/components/componentRegistry';
+
+import RuleSeverity from './components/RuleSeverity';
+
+componentRegistry.register({
+  name: 'RuleSeverity',
+  type: RuleSeverity,
+});

data/webpack/routes/OvalContents/OvalContentsIndex/OvalContentsIndex.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import IndexLayout from '../../../components/IndexLayout';
+import OvalContentsTable from './OvalContentsTable';
+import {
+  useParamsToVars,
+  useCurrentPagination,
+} from '../../../helpers/pageParamsHelper';
+import ovalContentsQuery from '../../../graphql/queries/ovalContents.gql';
+
+const OvalContentsIndex = props => {
+  const useFetchFn = componentProps =>
+    useQuery(ovalContentsQuery, {
+      variables: useParamsToVars(componentProps.history),
+    });
+
+  const renameData = data => ({
+    ovalContents: data.ovalContents.nodes,
+    totalCount: data.ovalContents.totalCount,
+  });
+
+  const pagination = useCurrentPagination(props.history);
+
+  return (
+    <IndexLayout pageTitle={__('OVAL Contents')}>
+      <OvalContentsTable
+        {...props}
+        fetchFn={useFetchFn}
+        renameData={renameData}
+        resultPath="ovalContents.nodes"
+        pagination={pagination}
+        emptyStateTitle={__('No OVAL Contents found.')}
+        permissions={['view_oval_contents']}
+      />
+    </IndexLayout>
+  );
+};
+
+OvalContentsIndex.propTypes = {
+  history: PropTypes.object.isRequired,
+};
+
+export default OvalContentsIndex;