blob: c39a61aea5c5a0b55a25c7733ec9beb9f088ee70 [file] [log] [blame]
import 'elements-sk/error-toast-sk';
import { $$, findParent } from 'common-sk/modules/dom';
import { errorMessage } from 'elements-sk/errorMessage';
import { jsonOrThrow } from 'common-sk/modules/jsonOrThrow';
import '../../infra-sk/modules/theme-chooser-sk';
import 'elements-sk/styles/buttons';
// Move to after theme-chooser-sk since that uses infra-sk styles right now.
import './index.scss';
// Handle the form action for toggling the 'hidden' state of any Artifact.
document.addEventListener('submit', (e) => {
const form = as HTMLFormElement;
if (form.getAttribute('target') !== '__toggle_hidden') {
fetch(form.action, {
method: 'POST',
body: new FormData(form),
}).then(jsonOrThrow).then(() => {
findParent(form, 'LI')!.classList.toggle('hidden');
// When someone clicks the 'Edit' checkbox we display the edit buttons next to
// each Artifact that allows the hidden state to be toggled. The displaying is
// done via CSS, here we just toggle a CSS class on the 'main' element.
$$<HTMLInputElement>('#edit-toggle')!.addEventListener('change', (e) => {
$$<HTMLDivElement>('main')!.classList.toggle('edit-mode', ( as HTMLInputElement).checked);