mirror of
https://github.com/Casvt/MIND.git
synced 2026-04-03 03:00:22 -04:00
98 lines
3.0 KiB
JavaScript
98 lines
3.0 KiB
JavaScript
const inputs = {
|
|
'title': document.getElementById('title-input'),
|
|
'time': document.getElementById('time-input'),
|
|
'notification_service': document.getElementById('notification-service-input'),
|
|
'text': document.getElementById('text-input')
|
|
};
|
|
|
|
const type_buttons = {
|
|
'normal-button': document.getElementById('normal-button'),
|
|
'repeat-button': document.getElementById('repeat-button'),
|
|
|
|
'repeat-bar': document.querySelector('.repeat-bar'),
|
|
'repeat-interval': document.getElementById('repeat-interval'),
|
|
'repeat-quantity': document.getElementById('repeat-quantity')
|
|
};
|
|
|
|
function addReminder() {
|
|
const data = {
|
|
'title': inputs.title.value,
|
|
'time': new Date(inputs.time.value).getTime() / 1000,
|
|
'notification_service': inputs.notification_service.value,
|
|
'text': inputs.text.value
|
|
};
|
|
if (type_buttons['repeat-button'].dataset.selected === 'true') {
|
|
data['repeat_quantity'] = type_buttons['repeat-quantity'].value;
|
|
data['repeat_interval'] = type_buttons['repeat-interval'].value
|
|
};
|
|
|
|
fetch(`/api/reminders?api_key=${api_key}`, {
|
|
'method': 'POST',
|
|
'headers': {'Content-Type': 'application/json'},
|
|
'body': JSON.stringify(data)
|
|
})
|
|
.then(response => {
|
|
// catch errors
|
|
if (!response.ok) {
|
|
return Promise.reject(response.status);
|
|
};
|
|
|
|
fillList();
|
|
closeAdd();
|
|
return
|
|
})
|
|
.catch(e => {
|
|
if (e === 401) {
|
|
window.location.href = '/';
|
|
} else {
|
|
console.log(e);
|
|
};
|
|
});
|
|
};
|
|
|
|
function showAdd() {
|
|
if (!document.getElementById('add-entry').classList.contains('error')) {
|
|
loadTemplates(force=false);
|
|
showWindow('add');
|
|
} else {
|
|
showWindow('notification');
|
|
};
|
|
};
|
|
|
|
function closeAdd() {
|
|
hideWindow();
|
|
setTimeout(() => {
|
|
document.getElementById('template-selection').value = document.querySelector('#template-selection option[selected]').value;
|
|
inputs.title.value = '';
|
|
inputs.time.value = '';
|
|
inputs.notification_service.value = document.querySelector('#notification-service-input option[selected]').value;
|
|
toggleNormal();
|
|
inputs.text.value = '';
|
|
}, 500);
|
|
};
|
|
|
|
function toggleNormal() {
|
|
type_buttons['normal-button'].dataset.selected = 'true';
|
|
type_buttons['repeat-button'].dataset.selected = 'false';
|
|
|
|
type_buttons['repeat-bar'].classList.add('hidden');
|
|
type_buttons['repeat-interval'].removeAttribute('required');
|
|
type_buttons['repeat-interval'].value = '';
|
|
};
|
|
|
|
function toggleRepeated() {
|
|
type_buttons['normal-button'].dataset.selected = 'false';
|
|
type_buttons['repeat-button'].dataset.selected = 'true';
|
|
|
|
type_buttons['repeat-bar'].classList.remove('hidden');
|
|
type_buttons['repeat-interval'].setAttribute('required', '');
|
|
};
|
|
|
|
// code run on load
|
|
|
|
document.getElementById('add-form').setAttribute('action', 'javascript:addReminder();');
|
|
document.getElementById('template-selection').addEventListener('change', e => loadTemplate());
|
|
document.getElementById('normal-button').addEventListener('click', e => toggleNormal());
|
|
document.getElementById('repeat-button').addEventListener('click', e => toggleRepeated());
|
|
document.getElementById('close-add').addEventListener('click', e => closeAdd());
|