From d0982c5250d2e33c824ddccb8bd245ca39faa724 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Wed, 12 Jan 2022 18:58:54 +0100
Subject: Upadte

---
 search/dept/index.php | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 search/dept/index.php

(limited to 'search/dept/index.php')

diff --git a/search/dept/index.php b/search/dept/index.php
new file mode 100644
index 0000000..4c75745
--- /dev/null
+++ b/search/dept/index.php
@@ -0,0 +1,73 @@
+<?php $_TITLE = "Recherche par département de naissance"; require_once $_SERVER['DOCUMENT_ROOT'] . "/private/header.php"; ?>
+<div class="container">
+    <h2>Rechercher par département de naissance</h2>
+    <p id="preview">Patientez...</p>
+    <script src="/dllib/jquery.flexdatalist.min.js"></script>
+    <div class="input-group mt-3 mb-3">
+        <div class="input-group-prepend">
+            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
+                Par département
+            </button>
+            <div class="dropdown-menu">
+                <a class="dropdown-item" href="/search/name">Par prénom</a>
+                <a class="dropdown-item" href="/search/lastname">Par nom</a>
+                <a class="dropdown-item" href="/search/birth">Par date de naissance</a>
+                <a class="dropdown-item" href="/search/death">Par date de décès</a>
+                <a class="dropdown-item" href="/search/marriage">Par date de mariage</a>
+                <a class="dropdown-item" href="/search/city">Par ville</a>
+                <a class="dropdown-item active" href="/search/dept">Par département</a>
+                <a class="dropdown-item" href="/search/state">Par région</a>
+            </div>
+        </div>
+        <input onchange="reload();" class="form-control" type="text"
+               placeholder="Commencer à taper un département..."
+               id="search">
+    </div>
+    <script>
+        setInterval(() => {
+            if (document.getElementById("search").value.trim() !== "") {
+                document.getElementById("preview").innerText = "Affiche toutes les personnes nées dans le " + document.getElementById("search").value;
+            } else {
+                document.getElementById("preview").innerText = "Sélectionnez un département";
+            }
+        }, 100)
+
+        function reload() {
+            window.fetch("./results/?q=" + encodeURI(document.getElementById("search").value.trim())).then((a) => {
+                a.text().then((b) => {
+                    document.getElementById("results").innerHTML = b;
+                })
+            })
+        }
+
+        window.addEventListener("load", () => {
+            i = Math.random().toString().substr(2);
+            document.getElementById('search').classList.add(i);
+            $('#search.' + i).flexdatalist({
+                cache: false,
+                minLength: 0,
+                selectionRequired: true,
+                visibleProperties: ["name","occurrences"],
+                searchIn: 'name',
+                data: "data.json"
+            });
+        })
+    </script>
+    <style>
+        .flexdatalist-results li {
+            cursor: pointer;
+        }
+        .flexdatalist-results li .item-occurrences {
+            color: rgba(0, 0, 0, .25);
+        }
+        .flexdatalist-results li:hover {
+            opacity: .75;
+        }
+        .flexdatalist-results li:active {
+            opacity: .5;
+        }
+    </style>
+    <div id="results"></div>
+</div>
+<br>
+<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/private/footer.php"; ?>
\ No newline at end of file
-- 
cgit