app/views/components: Add components

2 files changed, 64 insertions, 0 deletions

diff --git a/app/views/components/context-menu.php b/app/views/components/context-menu.php
new file mode 100644
index 0000000..a33cbb7
--- /dev/null
+++ b/app/views/components/context-menu.php
@@ -0,0 +1,31 @@
+<div class="dropdown <?php echo $type ?? null ?>">
+  <input
+    class="is-hidden input-dropdown"
+    type="checkbox"
+    id="dropdown-menu__<?php echo $id ?? null ?>"
+  />
+
+  <label for="dropdown-menu__<?php echo $id ?? null ?>">
+    <?php echo $label ?? null ?>
+  </label>
+
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+       <?php
+        echo $content ?? null;
+        if ($links ?? null  === true) {
+            include views('partials', 'navigator.links');
+            $formClass = 'theme-toggle';
+            $buttonClass ='theme-toggle-button button is-text has-text-left is-block';
+            include views('components', 'theme-toggle');
+        }
+        ?>
+    </div>
+  </div>
+</div>
+
+<style>
+  .input-dropdown[type="checkbox"]:checked ~ .dropdown-menu {
+    display: block;
+  }
+</style>
diff --git a/app/views/components/theme-toggle.php b/app/views/components/theme-toggle.php
new file mode 100644
index 0000000..c28b240
--- /dev/null
+++ b/app/views/components/theme-toggle.php
@@ -0,0 +1,33 @@
+<form
+  class="<?php echo $formClass ?? null; ?>"
+  method="get"
+  action="<?php echo $_SERVER['REQUEST_URI']; ?>"
+>
+  <?php if ($theme->color() === 'dark') { ?>
+
+  <button
+    title="Switch to Light Theme"
+    class="<?php echo $buttonClass ?? null; ?>"
+    name="theme"
+    type="submit"
+    value="light"
+  >
+    <?php echo featherIcon('sun', 'is-hidden-touch'); ?>
+    <span>Light</span>
+  </button>
+
+  <?php } else { ?>
+
+  <button
+    title="Switch to Dark Theme"
+    class="<?php echo $buttonClass ?? null; ?>"
+    name="theme"
+    type="submit"
+    value="dark"
+  >
+    <?php echo featherIcon('moon', 'is-hidden-touch'); ?>
+    <span>Dark</span>
+  </button>
+
+  <?php } ?>
+</form>