1113439055

Committed 19 Dec 2023 09:01PM UTC coverage: 82.752% (-17.2%) from 99.964%

Build # 1113439055

Build Type

Pull #4258

gitlab-ci

Committed by

mender-test-bot

Commit Message

chore: Types update

Signed-off-by: Mender Test Bot <mender@northern.tech>

Pull Request Pull Request #4258: chore: Types update

Run Details

4326 of 6319 branches covered (0.0%)

8348 of 10088 relevant lines covered (82.75%)

189.39 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

77.78

/src/js/components/devices/device-details/authsets/authsets.js

// Copyright 2021 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';

// material ui
import { Button } from '@mui/material';
import { makeStyles } from 'tss-react/mui';

import pluralize from 'pluralize';

import { deleteAuthset, updateDeviceAuth } from '../../../../actions/deviceActions';
import { advanceOnboarding } from '../../../../actions/onboardingActions';
import { DEVICE_DISMISSAL_STATE, DEVICE_STATES } from '../../../../constants/deviceConstants';
import { onboardingSteps } from '../../../../constants/onboardingConstants';
import { getAcceptedDevices, getDeviceLimit, getLimitMaxed, getUserCapabilities } from '../../../../selectors';
import { HELPTOOLTIPS, MenderHelpTooltip } from '../../../helptips/helptooltips';
import { DeviceLimitWarning } from '../../dialogs/preauth-dialog';
import Confirm from './../../../common/confirm';
import Authsetlist from './authsetlist';

const useStyles = makeStyles()(theme => ({
  decommission: { justifyContent: 'flex-end', marginTop: theme.spacing(2) },
  wrapper: {
    backgroundColor: theme.palette.grey[400],
    borderColor: theme.palette.grey[500],
    borderStyle: 'solid',
    borderWidth: 1,
    marginBottom: theme.spacing(2),
    minWidth: 700,
    padding: theme.spacing(2)
  }
}));

export const Authsets = ({ decommission, device, listRef }) => {
  const [confirmDecommission, setConfirmDecomission] = useState(false);
  const [loading, setLoading] = useState(false);
  const dispatch = useDispatch();
  const { total: acceptedDevices = 0 } = useSelector(getAcceptedDevices);
  const deviceLimit = useSelector(getDeviceLimit);
  const limitMaxed = useSelector(getLimitMaxed);
  const userCapabilities = useSelector(getUserCapabilities);
  const { classes } = useStyles();
  const { auth_sets = [], status = DEVICE_STATES.accepted } = device;
  const { canManageDevices } = userCapabilities;

  const updateDeviceAuthStatus = (device_id, auth_id, status) => {
    setLoading(auth_id);
    // call API to update authset
    const request = status === DEVICE_DISMISSAL_STATE ? dispatch(deleteAuthset(device_id, auth_id)) : dispatch(updateDeviceAuth(device_id, auth_id, status));
    // on finish, change "loading" back to null
    return request.then(() => dispatch(advanceOnboarding(onboardingSteps.DEVICES_PENDING_ACCEPTING_ONBOARDING))).finally(() => setLoading(null));
  };

  return (
    <div className={classes.wrapper}>
      <div className="margin-bottom-small flexbox space-between">
        {status === DEVICE_STATES.pending ? `Authorization ${pluralize('request', auth_sets.length)}` : 'Authorization sets'}
        <MenderHelpTooltip id={HELPTOOLTIPS.authExplainButton.id} />
      </div>
      <Authsetlist
        limitMaxed={limitMaxed}
        listRef={listRef}
        total={auth_sets.length}
        confirm={updateDeviceAuthStatus}
        loading={loading}
        device={device}
        userCapabilities={userCapabilities}
      />
      {limitMaxed && <DeviceLimitWarning acceptedDevices={acceptedDevices} deviceLimit={deviceLimit} hasContactInfo />}
      {![DEVICE_STATES.preauth, DEVICE_STATES.pending].includes(device.status) && canManageDevices && (
        <div className={`flexbox ${classes.decommission}`}>
          {confirmDecommission ? (
            <Confirm action={() => decommission(device.id)} cancel={() => setConfirmDecomission(false)} type="decommissioning" />
          ) : (
            <Button color="secondary" onClick={setConfirmDecomission}>
              Decommission device
            </Button>
          )}
        </div>
      )}
    </div>
  );
};

export default Authsets;

1	// Copyright 2021 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useState } from 'react';
15	import { useDispatch, useSelector } from 'react-redux';
16
17	// material ui
18	import { Button } from '@mui/material';
19	import { makeStyles } from 'tss-react/mui';
20
21	import pluralize from 'pluralize';
22
23	import { deleteAuthset, updateDeviceAuth } from '../../../../actions/deviceActions';
24	import { advanceOnboarding } from '../../../../actions/onboardingActions';
25	import { DEVICE_DISMISSAL_STATE, DEVICE_STATES } from '../../../../constants/deviceConstants';
26	import { onboardingSteps } from '../../../../constants/onboardingConstants';
27	import { getAcceptedDevices, getDeviceLimit, getLimitMaxed, getUserCapabilities } from '../../../../selectors';
28	import { HELPTOOLTIPS, MenderHelpTooltip } from '../../../helptips/helptooltips';
29	import { DeviceLimitWarning } from '../../dialogs/preauth-dialog';
30	import Confirm from './../../../common/confirm';
31	import Authsetlist from './authsetlist';
32
33	const useStyles = makeStyles()(theme => ({	11✔
34	decommission: { justifyContent: 'flex-end', marginTop: theme.spacing(2) },
35	wrapper: {
36	backgroundColor: theme.palette.grey[400],
37	borderColor: theme.palette.grey[500],
38	borderStyle: 'solid',
39	borderWidth: 1,
40	marginBottom: theme.spacing(2),
41	minWidth: 700,
42	padding: theme.spacing(2)
43	}
44	}));
45
46	export const Authsets = ({ decommission, device, listRef }) => {	11✔
47	const [confirmDecommission, setConfirmDecomission] = useState(false);	3✔
48	const [loading, setLoading] = useState(false);	3✔
49	const dispatch = useDispatch();	3✔
50	const { total: acceptedDevices = 0 } = useSelector(getAcceptedDevices);	3!
51	const deviceLimit = useSelector(getDeviceLimit);	3✔
52	const limitMaxed = useSelector(getLimitMaxed);	3✔
53	const userCapabilities = useSelector(getUserCapabilities);	3✔
54	const { classes } = useStyles();	3✔
55	const { auth_sets = [], status = DEVICE_STATES.accepted } = device;	3!
56	const { canManageDevices } = userCapabilities;	3✔
57
58	const updateDeviceAuthStatus = (device_id, auth_id, status) => {	3✔
59	setLoading(auth_id);	×
60	// call API to update authset
61	const request = status === DEVICE_DISMISSAL_STATE ? dispatch(deleteAuthset(device_id, auth_id)) : dispatch(updateDeviceAuth(device_id, auth_id, status));	×
62	// on finish, change "loading" back to null
63	return request.then(() => dispatch(advanceOnboarding(onboardingSteps.DEVICES_PENDING_ACCEPTING_ONBOARDING))).finally(() => setLoading(null));	×
64	};
65
66	return (	3✔
67	<div className={classes.wrapper}>
68	<div className="margin-bottom-small flexbox space-between">
69	{status === DEVICE_STATES.pending ? `Authorization ${pluralize('request', auth_sets.length)}` : 'Authorization sets'}	3!
70	<MenderHelpTooltip id={HELPTOOLTIPS.authExplainButton.id} />
71	</div>
72	<Authsetlist
73	limitMaxed={limitMaxed}
74	listRef={listRef}
75	total={auth_sets.length}
76	confirm={updateDeviceAuthStatus}
77	loading={loading}
78	device={device}
79	userCapabilities={userCapabilities}
80	/>
81	{limitMaxed && <DeviceLimitWarning acceptedDevices={acceptedDevices} deviceLimit={deviceLimit} hasContactInfo />}	3!
82	{![DEVICE_STATES.preauth, DEVICE_STATES.pending].includes(device.status) && canManageDevices && (	9✔
83	<div className={`flexbox ${classes.decommission}`}>
84	{confirmDecommission ? (	3!
85	<Confirm action={() => decommission(device.id)} cancel={() => setConfirmDecomission(false)} type="decommissioning" />	×
86	) : (
87	<Button color="secondary" onClick={setConfirmDecomission}>
88	Decommission device
89	</Button>
90	)}
91	</div>
92	)}
93	</div>
94	);
95	};
96
97	export default Authsets;

mendersoftware / gui / 1113439055

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous