|
85 | 85 | <i class="bi"
|
86 | 86 | :class="(testResults.blocklist.proxy || testResults.blocklist.vpn) ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
87 | 87 | </td>
|
88 |
| - <td class="opacity-75"> |
89 |
| - <span |
| 88 | + <td> |
| 89 | + <span class="opacity-75" |
90 | 90 | v-if="(testResults.blocklist.proxy || testResults.blocklist.vpn)">{{
|
91 | 91 | t('invisibilitytest.blocklist.proxy') }}</span>
|
92 |
| - <span v-else>{{ t('invisibilitytest.blocklist.notProxy') }}</span> |
| 92 | + <span class="opacity-75" v-else>{{ |
| 93 | + t('invisibilitytest.blocklist.notProxy') }}</span> |
93 | 94 | </td>
|
94 | 95 | </tr>
|
95 | 96 |
|
|
100 | 101 | <i class="bi"
|
101 | 102 | :class="testResults.headers.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
102 | 103 | </td>
|
103 |
| - <td class="opacity-75"> |
104 |
| - <span v-if="testResults.headers.proxy">{{ |
| 104 | + <td> |
| 105 | + <span class="opacity-75" v-if="testResults.headers.proxy">{{ |
105 | 106 | t('invisibilitytest.headers.proxy') }}</span>
|
106 |
| - <span v-else>{{ t('invisibilitytest.headers.notProxy') }}</span> |
| 107 | + <span class="opacity-75" v-else>{{ |
| 108 | + t('invisibilitytest.headers.notProxy') }}</span> |
107 | 109 | </td>
|
108 | 110 | </tr>
|
109 | 111 |
|
|
114 | 116 | <i class="bi"
|
115 | 117 | :class="(testResults.datacenter.proxy || testResults.datacenter.vpn) ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
116 | 118 | </td>
|
117 |
| - <td class="opacity-75"> |
118 |
| - <span |
| 119 | + <td> |
| 120 | + <span class="opacity-75" |
119 | 121 | v-if="(testResults.datacenter.proxy || testResults.datacenter.vpn)">
|
120 | 122 | {{ t('invisibilitytest.datacenter.proxy') }}
|
121 | 123 | <strong>{{ testResults.datacenter.hosting }}</strong>
|
122 | 124 | </span>
|
123 |
| - <span v-else>{{ t('invisibilitytest.datacenter.notProxy') }}</span> |
| 125 | + <span class="opacity-75" v-else>{{ |
| 126 | + t('invisibilitytest.datacenter.notProxy') }}</span> |
124 | 127 | </td>
|
125 | 128 | </tr>
|
126 | 129 |
|
|
131 | 134 | <i class="bi"
|
132 | 135 | :class="testResults.tcp.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
133 | 136 | </td>
|
134 |
| - <td class="opacity-75"> |
135 |
| - <span v-if="testResults.tcp.proxy"> |
| 137 | + <td> |
| 138 | + <span class="opacity-75" v-if="testResults.tcp.proxy"> |
136 | 139 | {{ t('invisibilitytest.tcp.proxy') }}
|
137 | 140 | <br />
|
138 | 141 | {{ t('invisibilitytest.tcp.computer') }}
|
|
142 | 145 | <strong>{{ testResults.tcp.ipos }}</strong>
|
143 | 146 |
|
144 | 147 | </span>
|
145 |
| - <span v-else>{{ t('invisibilitytest.tcp.notProxy') }}</span> |
| 148 | + <span class="opacity-75" v-else>{{ t('invisibilitytest.tcp.notProxy') |
| 149 | + }}</span> |
146 | 150 | </td>
|
147 | 151 | </tr>
|
148 | 152 |
|
|
153 | 157 | <i class="bi"
|
154 | 158 | :class="(testResults.timezone.proxy || testResults.timezone.vpn) ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
155 | 159 | </td>
|
156 |
| - <td class="opacity-75"> |
157 |
| - <span v-if="(testResults.timezone.proxy || testResults.timezone.vpn)"> |
| 160 | + <td> |
| 161 | + <span class="opacity-75" |
| 162 | + v-if="(testResults.timezone.proxy || testResults.timezone.vpn)"> |
158 | 163 | {{ t('invisibilitytest.timezone.proxy') }}
|
159 | 164 | <br />
|
160 | 165 | {{ t('invisibilitytest.timezone.computer') }}
|
161 | 166 | <strong>{{ testResults.timezone.clienttimezone }}</strong>.
|
162 | 167 | {{ t('invisibilitytest.timezone.server') }}
|
163 | 168 | <strong>{{ testResults.timezone.iptimezone }}</strong>
|
164 | 169 | </span>
|
165 |
| - <span v-else>{{ t('invisibilitytest.timezone.notProxy') }}</span> |
| 170 | + <span class="opacity-75" v-else>{{ |
| 171 | + t('invisibilitytest.timezone.notProxy') }}</span> |
166 | 172 | </td>
|
167 | 173 | </tr>
|
168 | 174 |
|
|
173 | 179 | <i class="bi"
|
174 | 180 | :class="testResults.net.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
175 | 181 | </td>
|
176 |
| - <td class="opacity-75"> |
177 |
| - <span v-if="testResults.net.proxy">{{ t('invisibilitytest.net.proxy') |
| 182 | + <td> |
| 183 | + <span class="opacity-75" v-if="testResults.net.proxy">{{ |
| 184 | + t('invisibilitytest.net.proxy') |
| 185 | + }}</span> |
| 186 | + <span class="opacity-75" v-else>{{ t('invisibilitytest.net.notProxy') |
178 | 187 | }}</span>
|
179 |
| - <span v-else>{{ t('invisibilitytest.net.notProxy') }}</span> |
180 | 188 | </td>
|
181 | 189 | </tr>
|
182 | 190 |
|
|
187 | 195 | <i class="bi"
|
188 | 196 | :class="testResults.webrtc.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
189 | 197 | </td>
|
190 |
| - <td class="opacity-75"> |
191 |
| - <span v-if="testResults.webrtc.proxy"> |
| 198 | + <td> |
| 199 | + <span class="opacity-75" v-if="testResults.webrtc.proxy"> |
192 | 200 | {{ t('invisibilitytest.webrtc.proxy') }}
|
193 | 201 | <br />
|
194 | 202 | {{ t('invisibilitytest.webrtc.ipsAre') }}
|
|
198 | 206 | }}</strong>, </span>
|
199 | 207 | <strong>{{ testResults.webrtc.ip }}</strong>
|
200 | 208 | </span>
|
201 |
| - <span v-else>{{ t('invisibilitytest.webrtc.notProxy') }}</span> |
| 209 | + <span class="opacity-75" v-else>{{ t('invisibilitytest.webrtc.notProxy') |
| 210 | + }}</span> |
202 | 211 | </td>
|
203 | 212 | </tr>
|
204 | 213 |
|
|
209 | 218 | <i class="bi"
|
210 | 219 | :class="testResults.flow.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
211 | 220 | </td>
|
212 |
| - <td class="opacity-75"> |
213 |
| - <span v-if="testResults.flow.proxy">{{ t('invisibilitytest.flow.proxy') |
| 221 | + <td> |
| 222 | + <span class="opacity-75" v-if="testResults.flow.proxy">{{ |
| 223 | + t('invisibilitytest.flow.proxy') |
| 224 | + }}</span> |
| 225 | + <span class="opacity-75" v-else>{{ t('invisibilitytest.flow.notProxy') |
214 | 226 | }}</span>
|
215 |
| - <span v-else>{{ t('invisibilitytest.flow.notProxy') }}</span> |
216 | 227 | </td>
|
217 | 228 | </tr>
|
218 | 229 |
|
|
223 | 234 | <i class="bi"
|
224 | 235 | :class="testResults.latency.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
225 | 236 | </td>
|
226 |
| - <td class="opacity-75"> |
227 |
| - <span v-if="testResults.latency.proxy"> |
| 237 | + <td> |
| 238 | + <span class="opacity-75" v-if="testResults.latency.proxy"> |
228 | 239 | {{ t('invisibilitytest.latency.proxy') }}
|
229 | 240 | <br />
|
230 | 241 | {{ t('invisibilitytest.latency.fromTCP') }}
|
|
233 | 244 | {{ t('invisibilitytest.latency.fromWS') }}
|
234 | 245 | <strong>{{ testResults.latency.wsTime }}ms</strong>
|
235 | 246 | </span>
|
236 |
| - <span v-else>{{ t('invisibilitytest.latency.notProxy') }}</span> |
| 247 | + <span class="opacity-75" v-else>{{ |
| 248 | + t('invisibilitytest.latency.notProxy') }}</span> |
237 | 249 | </td>
|
238 | 250 | </tr>
|
239 | 251 |
|
|
244 | 256 | <i class="bi"
|
245 | 257 | :class="testResults.highlatency.proxy ? 'bi-x-circle-fill text-danger' : 'bi-check-circle-fill text-success'"></i>
|
246 | 258 | </td>
|
247 |
| - <td class="opacity-75"> |
248 |
| - <span v-if="testResults.highlatency.proxy">{{ |
| 259 | + <td> |
| 260 | + <span class="opacity-75" v-if="testResults.highlatency.proxy">{{ |
249 | 261 | t('invisibilitytest.highlatency.proxy') }}</span>
|
250 |
| - <span v-else>{{ t('invisibilitytest.highlatency.notProxy') }}</span> |
| 262 | + <span class="opacity-75" v-else>{{ |
| 263 | + t('invisibilitytest.highlatency.notProxy') }}</span> |
251 | 264 | </td>
|
252 | 265 | </tr>
|
253 | 266 | </tbody>
|
@@ -338,7 +351,7 @@ const getResult = async () => {
|
338 | 351 | if (data.message === "Data not found" && retryCount.value < 3) {
|
339 | 352 | setTimeout(() => {
|
340 | 353 | getResult();
|
341 |
| - }, 4000, retryCount.value++ ); |
| 354 | + }, 4000, retryCount.value++); |
342 | 355 | return;
|
343 | 356 | }
|
344 | 357 | testResults.value = data;
|
|
0 commit comments