foreman_scc_manager 5.0.4 → 5.1.0

data/webpack/components/SCCAccountForm/components/DateTimeField.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  FormGroup,
+  InputGroup,
+  DatePicker,
+  TimePicker,
+} from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+export const formatDateTime = (dateStr, timeStr) => {
+  if (!dateStr || !timeStr) return undefined;
+
+  const match = timeStr.match(/^(\d{1,2}):(\d{2})\s*([AP]M)$/i);
+  if (!match) return undefined;
+
+  const [, hourStr, minuteStr, ampm] = match;
+  const hour24 =
+    (parseInt(hourStr, 10) % 12) + (ampm.toUpperCase() === 'PM' ? 12 : 0);
+
+  const [year, month, day] = dateStr.split('-').map(Number);
+  if (!year || !month || !day) return undefined;
+
+  const date = new Date(
+    year,
+    month - 1,
+    day,
+    hour24,
+    parseInt(minuteStr, 10),
+    0,
+    0
+  );
+  return Number.isNaN(date.getTime()) ? undefined : date.toISOString();
+};
+
+const DateTimeField = ({
+  id,
+  label,
+  date,
+  time,
+  onDateChange,
+  onTimeChange,
+}) => (
+  <FormGroup label={label} fieldId={id} ouiaId={`${id}-form-group`}>
+    <InputGroup ouiaId={`${id}-input-group`}>
+      <DatePicker
+        value={date}
+        onChange={(_, val) => onDateChange(val)}
+        placeholder={__('YYYY-MM-DD')}
+        ouiaId={`${id}-date-picker`}
+      />
+      <TimePicker
+        id={`${id}-time`}
+        time={time}
+        onChange={(_e, timeStr) => onTimeChange(timeStr)}
+        placeholder={__('HH:MM AM')}
+        ouiaId={`${id}-time-picker`}
+      />
+    </InputGroup>
+  </FormGroup>
+);
+
+DateTimeField.propTypes = {
+  id: PropTypes.string.isRequired,
+  label: PropTypes.node.isRequired,
+  date: PropTypes.string.isRequired,
+  time: PropTypes.string.isRequired,
+  onDateChange: PropTypes.func.isRequired,
+  onTimeChange: PropTypes.func.isRequired,
+};
+
+export default DateTimeField;

data/webpack/components/SCCAccountForm/components/SCCCredentialsCard.js

@@ -0,0 +1,150 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  Card,
+  CardTitle,
+  CardBody,
+  Grid,
+  GridItem,
+  FormGroup,
+  TextInput,
+  Button,
+  Tooltip,
+  CardHeader,
+} from '@patternfly/react-core';
+
+const SCCCredentialsCard = ({
+  name,
+  login,
+  password,
+  baseUrl,
+  testing,
+  onNameChange,
+  onLoginChange,
+  onPasswordChange,
+  onBaseUrlChange,
+  onTestConnection,
+}) => (
+  <Card isFlat ouiaId="scc-credentials-card">
+    <CardHeader ouiaId="scc-credentials-card-header">
+      <CardTitle
+        component="h2"
+        className="pf-v5-u-font-size-xl pf-v5-u-mt-0"
+        ouiaId="scc-credentials-card-title"
+      >
+        {__('SCC Account Credentials')}
+      </CardTitle>
+    </CardHeader>
+    <CardBody ouiaId="scc-credentials-card-body">
+      <Grid hasGutter ouiaId="scc-credentials-grid">
+        <GridItem span={12} ouiaId="scc-name-grid-item">
+          <FormGroup
+            label={<span>{__('Name')}</span>}
+            isRequired
+            fieldId="scc-name"
+            ouiaId="scc-name-form-group"
+          >
+            <TextInput
+              id="scc-name"
+              isRequired
+              value={name}
+              onChange={(_, val) => onNameChange(val)}
+              ouiaId="scc-name-text-input"
+            />
+          </FormGroup>
+        </GridItem>
+
+        <GridItem span={12} ouiaId="scc-login-grid-item">
+          <FormGroup
+            label={
+              <Tooltip
+                content={__(
+                  "Use your 'Organization credentials' obtained from the SUSE Customer Center."
+                )}
+                ouiaId="scc-login-tooltip"
+              >
+                <span>{__('Login')}</span>
+              </Tooltip>
+            }
+            isRequired
+            fieldId="scc-login"
+            ouiaId="scc-login-form-group"
+          >
+            <TextInput
+              id="scc-login"
+              isRequired
+              value={login}
+              onChange={(_, val) => onLoginChange(val)}
+              ouiaId="scc-login-text-input"
+            />
+          </FormGroup>
+        </GridItem>
+
+        <GridItem span={12} ouiaId="scc-password-grid-item">
+          <FormGroup
+            label={<span>{__('Password')}</span>}
+            isRequired
+            fieldId="scc-password"
+            ouiaId="scc-password-form-group"
+          >
+            <TextInput
+              id="scc-password"
+              type="password"
+              isRequired
+              value={password}
+              onChange={(_, val) => onPasswordChange(val)}
+              ouiaId="scc-password-text-input"
+            />
+          </FormGroup>
+        </GridItem>
+
+        <GridItem span={12} ouiaId="scc-base-url-grid-item">
+          <FormGroup
+            label={<span>{__('Base URL')}</span>}
+            isRequired
+            fieldId="scc-base-url"
+            ouiaId="scc-base-url-form-group"
+          >
+            <TextInput
+              id="scc-base-url"
+              value={baseUrl}
+              onChange={(_, val) => onBaseUrlChange(val)}
+              placeholder="https://scc.suse.com"
+              ouiaId="scc-base-url-text-input"
+            />
+          </FormGroup>
+        </GridItem>
+
+        <GridItem span={12} ouiaId="scc-test-connection-grid-item">
+          <div className="scc-account-form-test-connection">
+            <Button
+              variant="secondary"
+              onClick={onTestConnection}
+              isLoading={testing}
+              isDisabled={testing}
+              ouiaId="scc-test-connection-button"
+            >
+              {__('Test Connection')}
+            </Button>
+          </div>
+        </GridItem>
+      </Grid>
+    </CardBody>
+  </Card>
+);
+
+SCCCredentialsCard.propTypes = {
+  name: PropTypes.string.isRequired,
+  login: PropTypes.string.isRequired,
+  password: PropTypes.string.isRequired,
+  baseUrl: PropTypes.string.isRequired,
+  testing: PropTypes.bool.isRequired,
+  onNameChange: PropTypes.func.isRequired,
+  onLoginChange: PropTypes.func.isRequired,
+  onPasswordChange: PropTypes.func.isRequired,
+  onBaseUrlChange: PropTypes.func.isRequired,
+  onTestConnection: PropTypes.func.isRequired,
+};
+
+export default SCCCredentialsCard;

data/webpack/components/SCCAccountForm/components/SCCSyncSettingsCard.js

@@ -0,0 +1,256 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  Card,
+  CardTitle,
+  CardBody,
+  Grid,
+  GridItem,
+  FormGroup,
+  Select,
+  SelectList,
+  SelectOption,
+  MenuToggle,
+  CardHeader,
+  Tooltip,
+} from '@patternfly/react-core';
+
+const SCCSyncSettingsCard = ({
+  gpgKey,
+  gpgKeyOptions,
+  openGpg,
+  downloadPolicy,
+  downloadPolicyOptions,
+  openDownload,
+  mirroringPolicy,
+  mirroringPolicyOptions,
+  openMirroring,
+  onGpgKeyChange,
+  onGpgOpenChange,
+  onDownloadPolicyChange,
+  onDownloadOpenChange,
+  onMirroringPolicyChange,
+  onMirroringOpenChange,
+}) => (
+  <Card isFlat ouiaId="scc-sync-settings-card">
+    <CardHeader ouiaId="scc-sync-settings-card-header">
+      <CardTitle
+        component="h2"
+        className="pf-v5-u-font-size-xl pf-v5-u-mt-0"
+        ouiaId="scc-sync-settings-card-title"
+      >
+        {__('Repository Sync Settings')}
+      </CardTitle>
+    </CardHeader>
+    <CardBody ouiaId="scc-sync-settings-card-body">
+      <Grid hasGutter ouiaId="scc-sync-settings-grid">
+        <GridItem md={4} lg={4} sm={4} ouiaId="scc-gpg-key-grid-item">
+          <FormGroup
+            label={
+              <Tooltip
+                content={__(
+                  "Use this setting if you want to automatically add a GPG key to your SUSE products upon subscription. You can change this setting in the 'Content' > 'Products' menu, later."
+                )}
+                ouiaId="scc-gpg-key-tooltip"
+              >
+                <span>{__('GPG key for SUSE products')}</span>
+              </Tooltip>
+            }
+            fieldId="scc-gpg"
+            ouiaId="scc-gpg-key-form-group"
+          >
+            <Select
+              id="scc-gpg"
+              isOpen={openGpg}
+              selected={gpgKey}
+              onSelect={(_, v) => {
+                onGpgKeyChange(String(v));
+                onGpgOpenChange(false);
+              }}
+              onOpenChange={onGpgOpenChange}
+              ouiaId="scc-gpg-key-select"
+              toggle={(ref) => (
+                <MenuToggle
+                  ref={ref}
+                  isExpanded={openGpg}
+                  isFullWidth
+                  onClick={() => onGpgOpenChange(!openGpg)}
+                  ouiaId="scc-gpg-key-menu-toggle"
+                >
+                  {gpgKey || __('None')}
+                </MenuToggle>
+              )}
+            >
+              <SelectList ouiaId="scc-gpg-key-select-list">
+                {gpgKeyOptions.length > 0 ? (
+                  gpgKeyOptions.map(([label], index) => (
+                    <SelectOption
+                      key={index}
+                      value={String(label)}
+                      ouiaId={`scc-gpg-key-option-${index}`}
+                    >
+                      {String(label)}
+                    </SelectOption>
+                  ))
+                ) : (
+                  <SelectOption value="" ouiaId="scc-gpg-key-option-none">
+                    {__('None')}
+                  </SelectOption>
+                )}
+              </SelectList>
+            </Select>
+          </FormGroup>
+        </GridItem>
+
+        <GridItem md={4} lg={4} sm={4} ouiaId="scc-download-policy-grid-item">
+          <FormGroup
+            label={
+              <Tooltip
+                content={__(
+                  'The default download policy for repositories which were created using this SCC Account.'
+                )}
+                ouiaId="scc-download-policy-tooltip"
+              >
+                <span>{__('Download Policy')}</span>
+              </Tooltip>
+            }
+            fieldId="scc-download-policy"
+            ouiaId="scc-download-policy-form-group"
+          >
+            <Select
+              id="scc-download-policy"
+              isOpen={openDownload}
+              selected={downloadPolicy}
+              onSelect={(_, val) => {
+                onDownloadPolicyChange(String(val));
+                onDownloadOpenChange(false);
+              }}
+              onOpenChange={onDownloadOpenChange}
+              ouiaId="scc-download-policy-select"
+              toggle={(ref) => (
+                <MenuToggle
+                  ref={ref}
+                  isExpanded={openDownload}
+                  onClick={() => onDownloadOpenChange(!openDownload)}
+                  isFullWidth
+                  ouiaId="scc-download-policy-menu-toggle"
+                >
+                  {downloadPolicy}
+                </MenuToggle>
+              )}
+            >
+              <SelectList ouiaId="scc-download-policy-select-list">
+                {downloadPolicyOptions.map(([label], index) => (
+                  <SelectOption
+                    key={index}
+                    value={String(label)}
+                    ouiaId={`scc-download-policy-option-${index}`}
+                  >
+                    {String(label)}
+                  </SelectOption>
+                ))}
+              </SelectList>
+            </Select>
+          </FormGroup>
+        </GridItem>
+
+        <GridItem md={4} lg={4} sm={4} ouiaId="scc-mirroring-policy-grid-item">
+          <FormGroup
+            label={
+              <Tooltip
+                content={__(
+                  'The default mirroring policy for repositories which were created using this SCC Account.'
+                )}
+                ouiaId="scc-mirroring-policy-tooltip"
+              >
+                <span>{__('Mirroring Policy')}</span>
+              </Tooltip>
+            }
+            fieldId="scc-mirroring-policy"
+            ouiaId="scc-mirroring-policy-form-group"
+          >
+            <Select
+              id="scc-mirroring-policy"
+              isOpen={openMirroring}
+              selected={mirroringPolicy}
+              onSelect={(_, val) => {
+                onMirroringPolicyChange(String(val));
+                onMirroringOpenChange(false);
+              }}
+              onOpenChange={onMirroringOpenChange}
+              ouiaId="scc-mirroring-policy-select"
+              toggle={(ref) => (
+                <MenuToggle
+                  ref={ref}
+                  isExpanded={openMirroring}
+                  onClick={() => onMirroringOpenChange(!openMirroring)}
+                  isFullWidth
+                  ouiaId="scc-mirroring-policy-menu-toggle"
+                >
+                  {mirroringPolicy}
+                </MenuToggle>
+              )}
+            >
+              <SelectList ouiaId="scc-mirroring-policy-select-list">
+                {mirroringPolicyOptions.map(([label], index) => (
+                  <SelectOption
+                    key={index}
+                    value={String(label)}
+                    ouiaId={`scc-mirroring-policy-option-${index}`}
+                  >
+                    {String(label)}
+                  </SelectOption>
+                ))}
+              </SelectList>
+            </Select>
+          </FormGroup>
+        </GridItem>
+      </Grid>
+    </CardBody>
+  </Card>
+);
+
+SCCSyncSettingsCard.propTypes = {
+  gpgKey: PropTypes.string.isRequired,
+  gpgKeyOptions: PropTypes.arrayOf(
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+        PropTypes.oneOf([null]),
+      ])
+    )
+  ).isRequired,
+  openGpg: PropTypes.bool.isRequired,
+  downloadPolicy: PropTypes.string.isRequired,
+  downloadPolicyOptions: PropTypes.arrayOf(
+    PropTypes.oneOfType([
+      PropTypes.exact({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.string.isRequired,
+      }),
+      PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string])),
+    ])
+  ).isRequired,
+  openDownload: PropTypes.bool.isRequired,
+  mirroringPolicy: PropTypes.string.isRequired,
+  mirroringPolicyOptions: PropTypes.arrayOf(
+    PropTypes.oneOfType([
+      PropTypes.exact({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.string.isRequired,
+      }),
+      PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string])),
+    ])
+  ).isRequired,
+  openMirroring: PropTypes.bool.isRequired,
+  onGpgKeyChange: PropTypes.func.isRequired,
+  onGpgOpenChange: PropTypes.func.isRequired,
+  onDownloadPolicyChange: PropTypes.func.isRequired,
+  onDownloadOpenChange: PropTypes.func.isRequired,
+  onMirroringPolicyChange: PropTypes.func.isRequired,
+  onMirroringOpenChange: PropTypes.func.isRequired,
+};
+
+export default SCCSyncSettingsCard;

data/webpack/components/SCCAccountForm/components/SCCTokenRefreshCard.js

@@ -0,0 +1,133 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  Card,
+  CardBody,
+  Grid,
+  GridItem,
+  FormGroup,
+  Select,
+  SelectList,
+  SelectOption,
+  MenuToggle,
+  Tooltip,
+  CardHeader,
+  CardTitle,
+} from '@patternfly/react-core';
+import DateTimeField from './DateTimeField';
+
+const SCCTokenRefreshCard = ({
+  interval,
+  intervalOptions,
+  openInterval,
+  refreshDate,
+  refreshTime,
+  onIntervalChange,
+  onIntervalOpenChange,
+  onRefreshDateChange,
+  onRefreshTimeChange,
+}) => (
+  <Card isFlat ouiaId="scc-token-refresh-card">
+    <CardHeader ouiaId="scc-token-refresh-card-header">
+      <CardTitle
+        component="h2"
+        className="pf-v5-u-font-size-xl pf-v5-u-mt-0"
+        ouiaId="scc-token-refresh-card-title"
+      >
+        {__('Token Refresh Settings')}
+      </CardTitle>
+    </CardHeader>
+    <CardBody ouiaId="scc-token-refresh-card-body">
+      <Grid hasGutter ouiaId="scc-token-refresh-grid">
+        <GridItem sm={6} md={6} lg={6} ouiaId="scc-interval-grid-item">
+          <FormGroup
+            label={
+              <Tooltip
+                content={__(
+                  'The token refresh interval is used to periodically update the SCC authentication tokens of any imported products.'
+                )}
+                ouiaId="scc-interval-tooltip"
+              >
+                <span>{__('Refresh interval')}</span>
+              </Tooltip>
+            }
+            fieldId="scc-interval"
+            ouiaId="scc-interval-form-group"
+          >
+            <Select
+              id="scc-interval"
+              isOpen={openInterval}
+              selected={interval}
+              onSelect={(_, val) => {
+                onIntervalChange(String(val));
+                onIntervalOpenChange(false);
+              }}
+              onOpenChange={onIntervalOpenChange}
+              ouiaId="scc-interval-select"
+              toggle={(ref) => (
+                <MenuToggle
+                  ref={ref}
+                  isExpanded={openInterval}
+                  isFullWidth
+                  onClick={() => onIntervalOpenChange(!openInterval)}
+                  ouiaId="scc-interval-menu-toggle"
+                >
+                  {interval}
+                </MenuToggle>
+              )}
+            >
+              <SelectList ouiaId="scc-interval-select-list">
+                {intervalOptions.map((option, i) => (
+                  <SelectOption
+                    key={i}
+                    value={String(option)}
+                    ouiaId={`scc-interval-option-${i}`}
+                  >
+                    {String(option)}
+                  </SelectOption>
+                ))}
+              </SelectList>
+            </Select>
+          </FormGroup>
+        </GridItem>
+
+        <GridItem sm={6} md={6} lg={6} ouiaId="scc-refresh-time-grid-item">
+          <div className="pf-v5-u-w-100">
+            <DateTimeField
+              id="scc-refresh-time"
+              label={
+                <Tooltip
+                  content={__(
+                    'Specifies the daily time when the SCC authentication token refresh process starts. Set this to a time outside of business hours (e.g., during the night) to minimize disruption.'
+                  )}
+                  ouiaId="scc-refresh-time-tooltip"
+                >
+                  <span>{__('Refresh time')}</span>
+                </Tooltip>
+              }
+              date={refreshDate}
+              time={refreshTime}
+              onDateChange={onRefreshDateChange}
+              onTimeChange={onRefreshTimeChange}
+            />
+          </div>
+        </GridItem>
+      </Grid>
+    </CardBody>
+  </Card>
+);
+
+SCCTokenRefreshCard.propTypes = {
+  interval: PropTypes.string.isRequired,
+  intervalOptions: PropTypes.arrayOf(PropTypes.string).isRequired,
+  openInterval: PropTypes.bool.isRequired,
+  refreshDate: PropTypes.string.isRequired,
+  refreshTime: PropTypes.string.isRequired,
+  onIntervalChange: PropTypes.func.isRequired,
+  onIntervalOpenChange: PropTypes.func.isRequired,
+  onRefreshDateChange: PropTypes.func.isRequired,
+  onRefreshTimeChange: PropTypes.func.isRequired,
+};
+
+export default SCCTokenRefreshCard;