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
|
"use client";
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
interface GuideDialogProps {
open: boolean;
onOpenChange: (open: boolean) => void;
}
export function GuideDialog({ open, onOpenChange }: GuideDialogProps) {
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-3xl max-h-[80vh]">
<DialogHeader>
<DialogTitle>Guide</DialogTitle>
</DialogHeader>
<div className="overflow-auto max-h-[60vh] pr-4">
<div className="space-y-4 text-sm">
<section>
<h3 className="font-semibold text-base mb-2">2. Fire Alarm/Detection cabinet ; EA51-001</h3>
</section>
<section>
<h3 className="font-semibold text-base mb-2">3. Fire Repeater Panel ; EA51-101, 102, 103</h3>
</section>
<section>
<h3 className="font-semibold text-base mb-2">4. Timer ; EA51-002</h3>
</section>
<section>
<h3 className="font-semibold text-base mb-2">2. Smoke detector 구분</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. S11 ; SMOKE DETECTOR(NWT), EA51-XXX-S11-자동채번</li>
<li>b. S12 ; SMOKE DETECTOR(WT), EA51-XXX-S12-자동채번</li>
<li>c. S13 ; SMOKE DETECTOR(IS), EA51-XXX-S13-자동채번</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">2.1 Smoke and Head detecto구분</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. SMOKE AND HEAT DETECTOR NWT" = "SH11"</li>
<li>b. SMOKE?AND HEAT?DETECTOR WT" = "SH12"</li>
<li>c. SMOKE?AND HEAT?DETECTOR WT IS" = "SH13"</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">3. Manual Call Point</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. M11 ; Manual Call Point(NWT), EA51-XXX-M11-자동채번</li>
<li>b. M12 ; Manual Call Point R(WT), EA51-XXX-M12-자동채번</li>
<li>c. M13 ; Manual Call Point(IS), EA51-XXX-M13-자동채번</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">4. Heat Detector</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. H11 ; Heat detector(NWT), EA51-XXX-H11-자동채번</li>
<li>b. H12A ; Heat detector(WT, 54 Deg), EA51-XXX-H12A-자동채번</li>
<li>c. H12B; Heat detector(WT, 84 Deg), EA51-XXX-H12B-자동채번</li>
<li>d. H13 ; Heat detector(IS), EA51-XXX-H13-자동채번</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">5. Flame Detector</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. F11 ; Flame detector(NWT), EA51-XXX-F11-자동채번</li>
<li>b. F12 ; Flame detector(WT), EA51-XXX-H12-자동채번</li>
<li>c. F13 ; Flame detector(EX), EA51-XXX-H13-자동채번</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">5.1 Visual Detector</h3>
<ul className="list-none space-y-1 ml-6">
<li>a. VISUAL FLAME IR DETECTOR NWT" = "VF11"</li>
<li>b. VISUAL FLAME IR DETECTOR WT" = "VF12"</li>
<li>c. VISUAL FLAME IR DETECTOR WT EX" = "VF13"</li>
</ul>
</section>
<section>
<h3 className="font-semibold text-base mb-2">6. Magnetic Door Holder ; EA51-XXX-MDH-자동채번</h3>
</section>
<section>
<h3 className="font-semibold text-base mb-2">7. SCI ; Short Circuit Isolator</h3>
<p className="ml-6">EA51-XXX-SCI-자동채번</p>
</section>
<section>
<h3 className="font-semibold text-base mb-2">8. LM ; Limit Switch</h3>
<p className="ml-6">EA51-XXX-LM-자동채번</p>
</section>
<section>
<h3 className="font-semibold text-base mb-2">9. ADDR ; Address Unit</h3>
<p className="ml-6">EA51-XXX-ADD-자동채번</p>
</section>
</div>
</div>
</DialogContent>
</Dialog>
);
}
|
