tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

construct g calendar link. implement user preference

Browse Source
This commit is contained in:
Kent Brockman 2022-07-10 12:14:53 -06:00
parent 26f35a5aa9
commit 4ff5c60685
1 changed files with 39 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
webclient/src/Classes.js
View File

@ -452,8 +452,15 @@ export function ICalButtons(props) {
const addToGoogleCalendar = (e) => { const addToGoogleCalendar = (e) => {
e.preventDefault(); e.preventDefault();
// TODO: fill in URL from clazz properties
window.open('https://www.google.com/calendar/render?action=TEMPLATE&text=Title&dates=20190227/20190228', '_blank'); // construct and set the dates format that google calendar links require
let starttime = moment(clazz.datetime);
let endtime = starttime.clone().add(1, 'hour');
const datestringfmt = 'YYYYMMDDTkkmmss';
let dates = `${starttime.format(datestringfmt)}/${endtime.format(datestringfmt)}`
// send user to google calendar
window.location = `https://www.google.com/calendar/render?action=TEMPLATE&text=${clazz.course_data.name}&dates=${dates}`;
}; };
const options = [ const options = [
@ -461,43 +468,44 @@ export function ICalButtons(props) {
{ key: 'download', icon: 'download', text: 'Download ICS Event', value: 'download', action: handleDownload }, { key: 'download', icon: 'download', text: 'Download ICS Event', value: 'download', action: handleDownload },
{ key: 'google', icon: 'google', text: 'Add to Google Calendar', value: 'google', action: addToGoogleCalendar }, { key: 'google', icon: 'google', text: 'Add to Google Calendar', value: 'google', action: addToGoogleCalendar },
]; ];
// TODO: get default option from local storage or default to 0
const [selectedOption, setOption] = useState(options[0]); // get default option from local storage or default to first item in options list
const pref = 'calendarPreference';
let defaultSelection = options[0];
let savedPreference = localStorage.getItem(pref);
if (savedPreference != null) defaultSelection = options.filter(x => x.value === savedPreference)[0];
const [selectedOption, setOption] = useState(defaultSelection);
const onClick = (e, data) => { const onClick = (e, data) => {
let newOption = options.filter(x => x.value === data.value)[0]; let newOption = options.filter(x => x.value === data.value)[0];
setOption(newOption); setOption(newOption);
// set the option as users preference
localStorage.setItem(pref, newOption.value);
}; };
return ( return (
<Button.Group> <>
<Button {success ?
loading={loading} <span>&nbsp;&nbsp;Sent!</span>
onClick={selectedOption.action}> :
<Icon name={selectedOption.icon} />{selectedOption.text} <Button.Group>
</Button> <Button
<Dropdown loading={loading}
className='button icon' onClick={selectedOption.action}>
floating <Icon name={selectedOption.icon} />{selectedOption.text}
onChange={onClick}
options={options}
trigger={<></>}
/>
</Button.Group>
// TODO: reimplement success prompt
/*<>
<Button compact onClick={handleDownload}>
Download
</Button>
{success ?
<span>&nbsp;&nbsp;Sent!</span>
:
<Button compact loading={loading} onClick={handleEmail}>
Email
</Button> </Button>
} <Dropdown
{error && <span>Error.</span>} className='button icon'
</>*/ floating
onChange={onClick}
options={options}
trigger={<></>}
/>
</Button.Group>
}
</>
); );
}; };