913068613

pending completion

Build # 913068613

Build Type

Pull #3803

gitlab-ci

Committed by

web-flow

Commit Message

Merge pull request #3801 from mzedel/men-6383

MEN-6383 - device check in time

Pull Request Pull Request #3803: staging alignment

Run Details

4418 of 6435 branches covered (68.66%)

178 of 246 new or added lines in 27 files covered. (72.36%)

8352 of 10138 relevant lines covered (82.38%)

160.95 hits per line

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

62.5

/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 { DEVICE_DISMISSAL_STATE, DEVICE_STATES } from '../../../../constants/deviceConstants';
import { getAcceptedDevices, getDeviceLimit, getLimitMaxed, getUserCapabilities } from '../../../../selectors';
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, showHelptips }) => {
  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 { auth_sets = [], status = DEVICE_STATES.accepted } = device;

  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.finally(() => setLoading(null));
  };

  const { canManageDevices } = userCapabilities;
  const { classes } = useStyles();
  return (
    <div className={classes.wrapper}>
      <div className="margin-bottom-small">
        {status === DEVICE_STATES.pending ? `Authorization ${pluralize('request', auth_sets.length)}` : 'Authorization sets'}
      </div>
      <Authsetlist
        limitMaxed={limitMaxed}
        total={auth_sets.length}
        confirm={updateDeviceAuthStatus}
        loading={loading}
        device={device}
        showHelptips={showHelptips}
        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 { DEVICE_DISMISSAL_STATE, DEVICE_STATES } from '../../../../constants/deviceConstants';
25	import { getAcceptedDevices, getDeviceLimit, getLimitMaxed, getUserCapabilities } from '../../../../selectors';
26	import { DeviceLimitWarning } from '../../dialogs/preauth-dialog';
27	import Confirm from './../../../common/confirm';
28	import Authsetlist from './authsetlist';
29
30	const useStyles = makeStyles()(theme => ({	12✔
31	decommission: { justifyContent: 'flex-end', marginTop: theme.spacing(2) },
32	wrapper: {
33	backgroundColor: theme.palette.grey[400],
34	borderColor: theme.palette.grey[500],
35	borderStyle: 'solid',
36	borderWidth: 1,
37	marginBottom: theme.spacing(2),
38	minWidth: 700,
39	padding: theme.spacing(2)
40	}
41	}));
42
43	export const Authsets = ({ decommission, device, showHelptips }) => {	12✔
44	const [confirmDecommission, setConfirmDecomission] = useState(false);	3✔
45	const [loading, setLoading] = useState(false);	3✔
46	const dispatch = useDispatch();	3✔
47	const { total: acceptedDevices = 0 } = useSelector(getAcceptedDevices);	3!
48	const deviceLimit = useSelector(getDeviceLimit);	3✔
49	const limitMaxed = useSelector(getLimitMaxed);	3✔
50	const userCapabilities = useSelector(getUserCapabilities);	3✔
51
52	const { auth_sets = [], status = DEVICE_STATES.accepted } = device;	3!
53
54	const updateDeviceAuthStatus = (device_id, auth_id, status) => {	3✔
55	setLoading(auth_id);	×
56	// call API to update authset
NEW 57	const request = status === DEVICE_DISMISSAL_STATE ? dispatch(deleteAuthset(device_id, auth_id)) : dispatch(updateDeviceAuth(device_id, auth_id, status));	×
58	// on finish, change "loading" back to null
NEW 59	return request.finally(() => setLoading(null));	×
60	};
61
62	const { canManageDevices } = userCapabilities;	3✔
63	const { classes } = useStyles();	3✔
64	return (	3✔
65	<div className={classes.wrapper}>
66	<div className="margin-bottom-small">
67	{status === DEVICE_STATES.pending ? `Authorization ${pluralize('request', auth_sets.length)}` : 'Authorization sets'}	3!
68	</div>
69	<Authsetlist
70	limitMaxed={limitMaxed}
71	total={auth_sets.length}
72	confirm={updateDeviceAuthStatus}
73	loading={loading}
74	device={device}
75	showHelptips={showHelptips}
76	userCapabilities={userCapabilities}
77	/>
78	{limitMaxed && <DeviceLimitWarning acceptedDevices={acceptedDevices} deviceLimit={deviceLimit} hasContactInfo />}	3!
79	{![DEVICE_STATES.preauth, DEVICE_STATES.pending].includes(device.status) && canManageDevices && (	9✔
80	<div className={`flexbox ${classes.decommission}`}>
81	{confirmDecommission ? (	3!
82	<Confirm action={() => decommission(device.id)} cancel={() => setConfirmDecomission(false)} type="decommissioning" />	×
83	) : (
84	<Button color="secondary" onClick={setConfirmDecomission}>
85	Decommission device
86	</Button>
87	)}
88	</div>
89	)}
90	</div>
91	);
92	};
93
94	export default Authsets;

mendersoftware / gui / 913068613

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