1 files changed, 46 insertions, 0 deletions

diff --git a/recipes/google-calendar/webview-unsafe.js b/recipes/google-calendar/webview-unsafe.js
new file mode 100644
index 0000000..0f4833e
--- /dev/null
+++ b/recipes/google-calendar/webview-unsafe.js
@@ -0,0 +1,46 @@
+let modal;
+let updates = 0;
+
+const waitFor = (condition, callback) => {
+  if (condition()) {
+    callback();
+  } else {
+    window.setTimeout(waitFor.bind(null, condition, callback), 100);
+  }
+};
+
+const showModal = text => {
+  modal.querySelector('p').textContent = text;
+  updates += 1;
+  window.ferdium.setBadge(updates);
+  modal.classList.add('open');
+};
+
+const hideModal = () => {
+  modal.querySelector('p').textContent = '';
+  updates -= 1;
+  window.ferdium.setBadge(updates);
+  modal.classList.remove('open');
+};
+
+const createModal = () => {
+  const modalDialog = document.createElement('div');
+  modalDialog.setAttribute('id', 'franz-modal');
+  modalDialog.textContent =
+    '<div class="modal-content"><span class="close">&times;</span><p></p></div>';
+  modalDialog.querySelector('.close').addEventListener('click', hideModal);
+
+  return modalDialog;
+};
+
+window.alert = showModal;
+
+modal = createModal();
+waitFor(
+  () => document.body,
+  () => document.body.append(modal),
+);
+document.addEventListener(
+  'keydown',
+  event => event.key === 'Escape' && hideModal(),
+);