mendersoftware / gui / 951400782

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

54.05
/src/js/components/deployments/deployment-wizard/schedulerollout.js
1 
// Copyright 2019 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 









16



import { FormControl, MenuItem, Select } from '@mui/material';










17



import { DateTimePicker } from '@mui/x-date-pickers';










18



import { makeStyles } from 'tss-react/mui';










19












20



import moment from 'moment';










21












22



import EnterpriseNotification from '../../common/enterpriseNotification';










23



import InfoHint from '../../common/info-hint';










24












25



const useStyles = makeStyles()(() => ({




12✔





26



  textField: { minWidth: 400 },










27



  infoStyle: { minWidth: 400, borderBottom: 'none' },










28



  pickerStyle: { marginBottom: 15, width: 'min-content' }










29



}));










30












31



export const ScheduleRollout = ({ canSchedule, commonClasses, setDeploymentSettings, deploymentObject, open = false }) => {





12!





32



  const [isPickerOpen, setIsPickerOpen] = useState(open);




241✔





33



  const { classes } = useStyles();




241✔





34












35



  const { phases = [] } = deploymentObject;





241✔





36












37



  const handleStartTimeChange = value => {




241✔





38



    // if there is no existing phase, set phase and start time










39



    if (!phases.length) {





×







40



      setDeploymentSettings({ phases: [{ batch_size: 100, start_ts: value, delay: 0 }] });




×







41



    } else {










42



      //if there are existing phases, set the first phases to the new start time and adjust later phases in different function










43



      let newPhases = phases;




×







44



      newPhases[0].start_ts = value;




×







45



      setDeploymentSettings({ phases: newPhases });




×







46



    }










47



  };










48












49



  const handleStartChange = event => {




241✔





50



    // To be used with updated datetimepicker to open programmatically










51



    if (event.target.value) {





×







52



      setIsPickerOpen(true);




×







53



    } else {










54



      handleStartTimeChange();




×







55



    }










56



  };










57












58



  const start_time = phases.length ? phases[0].start_ts : undefined;





241✔





59












60



  const startTime = moment(start_time);




241✔





61



  return (




241✔





62



    <>










63



      <h4 className={`margin-bottom-none margin-top-none ${canSchedule ? '' : commonClasses.disabled}`}>Select a start time</h4>





241✔





64



      <div className={commonClasses.columns}>










65



        <FormControl className={classes.pickerStyle} disabled={!canSchedule}>










66



          <Select className={classes.textField} onChange={handleStartChange} value={start_time ? 'custom' : 0}>





241!





67



            <MenuItem value={0}>Start immediately</MenuItem>










68



            <MenuItem value="custom">Schedule the start date &amp; time</MenuItem>










69



          </Select>










70



        </FormControl>










71



        <InfoHint content="This time is relative to the server only – each device’s time zone will not be taken into account. Devices across different time zones will receive the update at the same time." />










72



      </div>










73



      {Boolean(isPickerOpen || start_time) && (





723✔





74



        <FormControl className={`margin-top-none ${classes.pickerStyle}`} disabled={!canSchedule}>










75



          <DateTimePicker










76



            ampm={false}










77



            open={isPickerOpen}










78



            onOpen={() => setIsPickerOpen(true)}




×







79



            onClose={() => setIsPickerOpen(false)}




×







80



            label="Starting at"










81



            minDateTime={moment()}










82



            disabled={!canSchedule}










83



            onChange={date => handleStartTimeChange(date.toISOString())}




×







84



            slotProps={{ textField: { style: { minWidth: 400 } } }}










85



            value={startTime}










86



          />










87



        </FormControl>










88



      )}










89



      <EnterpriseNotification isEnterprise={canSchedule} benefit="scheduled deployments to steer the distribution of your updates" />










90



    </>










91



  );










92



};
























    

  • 

    •