lazydns 0.3.20

A light and fast DNS server/forwarder implementation in Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167

<script lang="ts">
  import { createEventDispatcher } from "svelte";
  import type { Alert } from "../lib/types";
  import { getSeverityColor, formatTimeAgo } from "../lib/utils";
  import { darkMode } from "../lib/stores";

  export let alerts: Alert[];
  export let limit: number = 5;
  export let showAcknowledgeButton: boolean = false;
  export let adminEnabled: boolean = false;
  export let showViewAllLink: boolean = true;

  const dispatch = createEventDispatcher<{ acknowledge: string }>();

  $: displayedAlerts = alerts.slice(0, limit);

  function handleAcknowledge(id: string) {
    dispatch("acknowledge", id);
  }
</script>

<div class="card h-full flex flex-col">
  <div class="card-header flex items-center justify-between">
    <h3
      class="font-semibold flex items-center gap-2 {$darkMode
        ? 'text-white'
        : 'text-gray-900'}"
    >
      <svg
        class="w-5 h-5 {$darkMode ? 'text-gray-400' : 'text-gray-500'}"
        fill="none"
        stroke="currentColor"
        viewBox="0 0 24 24"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="2"
          d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
        />
      </svg>
      Recent Alerts
    </h3>
    <span class="text-sm {$darkMode ? 'text-gray-400' : 'text-gray-500'}"
      >{alerts.length} total</span
    >
  </div>

  <div
    class="flex-1 overflow-y-auto divide-y {$darkMode
      ? 'divide-gray-700/50'
      : 'divide-gray-200'}"
  >
    {#if displayedAlerts.length === 0}
      <div
        class="p-8 text-center {$darkMode ? 'text-gray-500' : 'text-gray-400'}"
      >
        <svg
          class="w-12 h-12 mx-auto mb-3 opacity-50"
          fill="none"
          stroke="currentColor"
          viewBox="0 0 24 24"
        >
          <path
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="1.5"
            d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
          />
        </svg>
        <p>No alerts</p>
      </div>
    {:else}
      {#each displayedAlerts as alert}
        <div
          class="px-5 py-3 transition-colors border-l-4 {$darkMode
            ? 'hover:bg-gray-700/30'
            : 'hover:bg-gray-50'}"
          class:border-blue-500={alert.severity === "info"}
          class:border-yellow-500={alert.severity === "warning"}
          class:border-red-500={alert.severity === "critical"}
          class:opacity-60={alert.acknowledged}
        >
          <div class="flex items-start justify-between gap-3">
            <div class="flex-1 min-w-0">
              <div class="flex items-center gap-2 mb-1">
                <span
                  class="text-xs font-semibold uppercase tracking-wide {getSeverityColor(
                    alert.severity,
                  )}"
                >
                  {alert.severity}
                </span>
                {#if alert.occurrence_count > 1}
                  <span
                    class="text-xs px-2 py-0.5 rounded {$darkMode
                      ? 'bg-gray-700 text-gray-300'
                      : 'bg-gray-200 text-gray-700'}"
                  >
                    {alert.occurrence_count}x
                  </span>
                {/if}
                <span
                  class="text-xs {$darkMode
                    ? 'text-gray-500'
                    : 'text-gray-400'}"
                >
                  {formatTimeAgo(alert.last_updated)}
                </span>
              </div>
              <p
                class="text-sm {$darkMode ? 'text-gray-200' : 'text-gray-700'}"
              >
                {alert.message}
              </p>
            </div>
            {#if alert.acknowledged}
              <svg
                class="w-4 h-4 text-green-500 flex-shrink-0"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M5 13l4 4L19 7"
                />
              </svg>
            {:else if showAcknowledgeButton}
              <button
                on:click|stopPropagation={() => handleAcknowledge(alert.id)}
                disabled={!adminEnabled}
                class="text-xs px-2 py-1 rounded transition-colors flex-shrink-0 disabled:opacity-50 disabled:cursor-not-allowed {$darkMode
                  ? 'bg-gray-700 hover:bg-gray-600 text-gray-300'
                  : 'bg-gray-200 hover:bg-gray-300 text-gray-700'}"
                title={adminEnabled
                  ? "Acknowledge alert"
                  : "Admin feature not enabled"}
              >
                Ack
              </button>
            {/if}
          </div>
        </div>
      {/each}
    {/if}
  </div>

  <div
    class="px-5 py-3 border-t {$darkMode
      ? 'border-gray-700'
      : 'border-gray-200'}"
  >
    {#if showViewAllLink}
      <a
        href="#/alerts"
        class="text-sm transition-colors {$darkMode
          ? 'text-primary-400 hover:text-primary-300'
          : 'text-primary-600 hover:text-primary-500'}"
      >
        View all alerts
      </a>
    {/if}
  </div>
</div>