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

42
webclient/src/Classes.js
View File

@ -452,8 +452,15 @@ export function ICalButtons(props) {
const addToGoogleCalendar = (e) => {
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 = [
@ -461,15 +468,28 @@ export function ICalButtons(props) {
{ 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 },
];
// 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) => {
let newOption = options.filter(x => x.value === data.value)[0];
setOption(newOption);
// set the option as users preference
localStorage.setItem(pref, newOption.value);
};
return (
<>
{success ?
<span>&nbsp;&nbsp;Sent!</span>
:
<Button.Group>
<Button
loading={loading}
@ -484,20 +504,8 @@ export function ICalButtons(props) {
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>
}
{error && <span>Error.</span>}
</>*/
</>
);
};