suwako / LittleBeast

master
ブランチ master
LittleBeast / view / openprovider / getdns.maron
4.6 KB、150行 生 Blame 履歴
1{@ include(common/header) @}
2 <style>
3 .tabs {
4 border-radius: 2px;
5 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
6 }
7
8 .tab-nav {
9 display: flex;
10 border-bottom: 1px solid #ea79d8;
11 }
12
13 .tab-nav label {
14 flex: 1;
15 color: #ea79d8;
16 padding: 16px 20px;
17 text-align: center;
18 cursor: pointer;
19 background: #550f75;
20 transition: all 0.3s;
21 font-weight: 600;
22 }
23
24 .tab-nav label:hover {
25 background: #8952a3;
26 }
27
28 .tab-input {
29 display: none;
30 }
31
32 #tab1:checked ~ .tab-nav label[for="tab1"],
33 #tab2:checked ~ .tab-nav label[for="tab2"],
34 #tab3:checked ~ .tab-nav label[for="tab3"],
35 #tab4:checked ~ .tab-nav label[for="tab4"] {
36 background: #2c023f;
37 border-bottom: 3px solid #ea79d8;
38 color: #ea79d8;
39 }
40
41 .tab-content {
42 display: none;
43 min-height: 200px;
44 }
45
46 #tab1:checked ~ .tab-content[data-tab="1"],
47 #tab2:checked ~ .tab-nav ~ .tab-content[data-tab="2"],
48 #tab3:checked ~ .tab-nav ~ .tab-content[data-tab="3"],
49 #tab4:checked ~ .tab-nav ~ .tab-content[data-tab="4"] {
50 display: block;
51 }
52 </style>
53
54 <a href="#" class="">DNSレコードの追加ボタン</a><br />
55 <a href="#" class="">DNSゾーンの削除ボタン</a><br />
56{@ if (isset($data['rec']['results']) || isset($data['zone'])) @}
57 検索バー<br />
58 <div class="tabs">
59 <input type="radio" id="tab1" name="tabs" class="tab-input" checked />
60 <input type="radio" id="tab2" name="tabs" class="tab-input" />
61 <input type="radio" id="tab3" name="tabs" class="tab-input" />
62 <input type="radio" id="tab4" name="tabs" class="tab-input" />
63
64 <div class="tab-nav">
65 <label for="tab1">レコード</label>
66 <label for="tab2">詳細</label>
67 <label for="tab3">DNSSEC鍵</label>
68 <label for="tab4">履歴</label>
69 </div>
70
71 <div class="tab-content" data-tab="1">
72 <h2>レコード</h2>
73 <table>
74 <thead>
75 <tr>
76 <th>名前</th>
77 <th>種類</th>
78 <th>内容</th>
79 <th>プライオリティ</th>
80 <th>TTL</th>
81 </tr>
82 </thead>
83 <tbody>
84{@ foreach ($data['rec']['results'] as $d) @}
85 <tr>
86 <td><a href="/openprovider/editdnszone/{{ $d['name'] }}">{{ $d['name'] }}</a></td>
87 <td>{{ $d['type'] }}</td>
88 <td>{{ substr($d['value'], 0, 40) }}</td>
89 <td>{{ $d['prio'] ?? '' }}</td>
90 <td>{{ $d['ttl'] }}</td>
91 </tr>
92{@ endforeach @}
93 </tbody>
94 </table>
95 </div>
96
97 <div class="tab-content" data-tab="2">
98 <h2>詳細</h2>
99 <table>
100 <tbody>
101 <tr>
102 <td>ドメイン名</td>
103 <td>{{ $data['zone']['name'] }}</td>
104 </tr>
105 <tr>
106 <td>種類</td>
107 <td>{{ $data['zone']['type'] }}</td>
108 </tr>
109 <tr>
110 <td>DNSゾーンプロバイダー</td>
111 <td>Openprovider</td>
112 </tr>
113 <tr>
114 <td>追加日</td>
115 <td>{{ $data['zone']['creation_date'] }}</td>
116 </tr>
117 <tr>
118 <td>最終更新日</td>
119 <td>{{ $data['zone']['modification_date'] }}</td>
120 </tr>
121 <tr>
122 <td>レコード数</td>
123 <td>{{ $data['rec']['total'] }}</td>
124 </tr>
125 <tr>
126 <td>DNSSEC有効</td>
127 <td></td>
128 </tr>
129 <tr>
130 <td>SpamExperts</td>
131 <td>{{ $data['zone']['is_spamexperts_enabled'] ? '有' : '無' }}</td>
132 </tr>
133 </tbody>
134 </table>
135 </div>
136
137 <div class="tab-content" data-tab="3">
138 <h2>DNSSEC鍵</h2>
139 <p>ささ</p>
140 </div>
141
142 <div class="tab-content" data-tab="4">
143 <h2>履歴</h2>
144 <p>ささ</p>
145 </div>
146 </div>
147{@ else @}
148 <p>何も見つけられませんでした。</p>
149{@ endif @}
150{@ include(common/footer) @}