initial public commit

2022-07-07 00:19:05 +03:00
commit 3d07f0211d
484 changed files with 92412 additions and 0 deletions
@@ -0,0 +1,75 @@
+<script>
+    import CommonHelper from "@/utils/CommonHelper";
+    import tooltip from "@/actions/tooltip";
+    import Field from "@/components/base/Field.svelte";
+    import Searchbar from "@/components/base/Searchbar.svelte";
+    import LogsList from "@/components/logs/LogsList.svelte";
+    import LogsChart from "@/components/logs/LogsChart.svelte";
+    import LogViewPanel from "@/components/logs/LogViewPanel.svelte";
+
+    const ADMIN_LOGS_LOCAL_STORAGE_KEY = "includeAdminLogs";
+
+    let logPanel;
+    let filter = "";
+    let includeAdminLogs = window.localStorage?.getItem(ADMIN_LOGS_LOCAL_STORAGE_KEY) << 0;
+    let refreshToken = 1;
+
+    $: presets = !includeAdminLogs ? 'auth!="admin"' : "";
+
+    $: if (typeof includeAdminLogs !== "undefined" && window.localStorage) {
+        window.localStorage.setItem(ADMIN_LOGS_LOCAL_STORAGE_KEY, includeAdminLogs << 0);
+    }
+
+    function refresh() {
+        refreshToken++;
+    }
+
+    CommonHelper.setDocumentTitle("Request logs");
+</script>
+
+<main class="page-wrapper">
+    <div class="page-header-wrapper m-b-0">
+        <header class="page-header">
+            <nav class="breadcrumbs">
+                <div class="breadcrumb-item">Request logs</div>
+            </nav>
+
+            <button
+                type="button"
+                class="btn btn-circle btn-secondary"
+                use:tooltip={{ text: "Refresh", position: "right" }}
+                on:click={refresh}
+            >
+                <i class="ri-refresh-line" />
+            </button>
+
+            <div class="flex-fill" />
+
+            <div class="inline-flex">
+                <Field class="form-field form-field-toggle m-0" let:uniqueId>
+                    <input type="checkbox" id={uniqueId} bind:checked={includeAdminLogs} />
+                    <label for={uniqueId}>Include requests by admins</label>
+                </Field>
+            </div>
+        </header>
+
+        <Searchbar
+            value={filter}
+            placeholder="Search logs, ex. status > 200"
+            extraAutocompleteKeys={["method", "url", "ip", "referer", "status", "auth", "userAgent"]}
+            on:submit={(e) => (filter = e.detail)}
+        />
+
+        <div class="clearfix m-b-xs" />
+
+        {#key refreshToken}
+            <LogsChart bind:filter {presets} />
+        {/key}
+    </div>
+
+    {#key refreshToken}
+        <LogsList bind:filter {presets} on:select={(e) => logPanel?.show(e?.detail)} />
+    {/key}
+</main>
+
+<LogViewPanel bind:this={logPanel} />