Skip to content

Commit 7a7a4c9

Browse files
ben-burwoodben-burwood
committed
Reformat Vue Code
1 parent 71fc95b commit 7a7a4c9

File tree

7 files changed

+26
-107
lines changed

7 files changed

+26
-107
lines changed

‎frontend/src/App.vue‎

Lines changed: 11 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -18,37 +18,17 @@
1818
:key="index"
1919
>
2020
<summary class="collapse-title flex gap-4">
21-
<span class="font-semibold">{{
22-
endpointData.endpoint
23-
}}</span>
24-
<span
25-
v-if="
26-
endpointData.details?.Domain &&
27-
endpointData.details.Domain.Address
28-
"
29-
>
21+
<span class="font-semibold">{{ endpointData.endpoint }}</span>
22+
<span v-if="endpointData.details?.Domain && endpointData.details.Domain.Address">
3023
({{ endpointData.details.Domain.Address }})
3124
</span>
32-
<div class="font-semibold">
33-
<div
34-
v-if="
35-
endpointData.details?.Domain &&
36-
endpointData.details.Domain.Resolves ===
37-
false
38-
"
39-
class="badge badge-error"
40-
>
25+
<div class="font-semibold flex gap-2">
26+
<div v-if="endpointData.details?.Domain && endpointData.details.Domain.Resolves === false" class="badge badge-error">
4127
Domain Can't Resolve
4228
</div>
4329
<ExpiryStatus
44-
v-if="
45-
endpointData.details?.SSL
46-
?.PeerCertificates?.[0]?.NotAfter
47-
"
48-
:notAfter="
49-
endpointData.details.SSL
50-
?.PeerCertificates?.[0]?.NotAfter
51-
"
30+
v-if="endpointData.details?.SSL?.PeerCertificates?.[0]?.NotAfter"
31+
:notAfter="endpointData.details.SSL?.PeerCertificates?.[0]?.NotAfter"
5232
:daysRemainingLimit="14"
5333
/>
5434
</div>
@@ -60,11 +40,7 @@
6040
</div>
6141
<div v-if="endpointData.details?.SSL">
6242
<div class="divider">SSL</div>
63-
<EndpointCard
64-
class="p-5"
65-
:endpoint="endpointData.endpoint"
66-
:ssl="endpointData.details?.SSL"
67-
/>
43+
<EndpointCard class="p-5" :endpoint="endpointData.endpoint" :ssl="endpointData.details?.SSL" />
6844
</div>
6945
</div>
7046
</details>
@@ -80,25 +56,11 @@
8056
<aside class="text-left">
8157
<div class="flex items-center">
8258
Powered by
83-
<a
84-
href="https://github.com/ben-burwood/certui"
85-
target="_blank"
86-
class="ms-1 font-medium text-green-800 hover:text-green-600"
59+
<a href="https://github.com/ben-burwood/certui" target="_blank" class="ms-1 font-medium text-green-800 hover:text-green-600"
8760
>CertUI</a
8861
>
89-
<a
90-
class="ms-5"
91-
href="https://github.com/ben-burwood/certui"
92-
target="_blank"
93-
title="CertUI on GitHub"
94-
>
95-
<svg
96-
xmlns="http://www.w3.org/2000/svg"
97-
width="32"
98-
height="32"
99-
viewBox="0 0 16 16"
100-
class="hover:scale-110"
101-
>
62+
<a class="ms-5" href="https://github.com/ben-burwood/certui" target="_blank" title="CertUI on GitHub">
63+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16" class="hover:scale-110">
10264
<path
10365
fill="gray"
10466
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
@@ -123,9 +85,7 @@ import { ref, onMounted, onUnmounted } from "vue";
12385
import ExpiryStatus from "./components/ExpiryStatus.vue";
12486
import WhoIs from "./components/WhoIs.vue";
12587
126-
const endpointsData = ref<
127-
{ endpoint: string; details: EndpointDetails | null }[]
128-
>([]);
88+
const endpointsData = ref<{ endpoint: string; details: EndpointDetails | null }[]>([]);
12989
13090
const loading = ref(true);
13191

‎frontend/src/components/EndpointCard.vue‎

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,9 @@
1414
<p><strong>Cipher Suite:</strong> {{ ssl.CipherSuite }}</p>
1515
</div>
1616

17-
<ul
18-
v-if="ssl.PeerCertificates && ssl.PeerCertificates.length"
19-
class="list mt-2"
20-
>
21-
<li class="p-4 pb-2 text-md opacity-80 tracking-wide">
22-
Peer Certificates
23-
</li>
24-
<li
25-
v-for="(cert, idx) in ssl.PeerCertificates"
26-
:key="idx"
27-
class="list-row"
28-
>
17+
<ul v-if="ssl.PeerCertificates && ssl.PeerCertificates.length" class="list mt-2">
18+
<li class="p-4 pb-2 text-md opacity-80 tracking-wide">Peer Certificates</li>
19+
<li v-for="(cert, idx) in ssl.PeerCertificates" :key="idx" class="list-row">
2920
<EndpointCertificateCard :certificate="cert" />
3021
</li>
3122
</ul>

‎frontend/src/components/EndpointCertificateCard.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@
2020
</template>
2121

2222
<script setup lang="ts">
23-
import ExpiryCountdown from '@/components/ExpiryCountdown.vue';
24-
import type { CertificateDetails } from '@/types/certificate';
23+
import ExpiryCountdown from "@/components/ExpiryCountdown.vue";
24+
import type { CertificateDetails } from "@/types/certificate";
2525
2626
defineProps<{
27-
certificate: CertificateDetails
27+
certificate: CertificateDetails;
2828
}>();
2929
</script>

‎frontend/src/components/ExpiryCountdown.vue‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
<div v-if="expired">
33
<p class="font-mono text-2xl font-bold">EXPIRED</p>
44
</div>
5+
<div v-else-if="timeLeft.days > 365 * 5"><p class="font-mono text-2xl">>5 Years</p></div>
56
<div v-else class="flex gap-5">
67
<div>
78
<span
@@ -61,11 +62,7 @@ const timeLeft = computed(() => {
6162
});
6263
6364
const expired = computed(() => {
64-
return (
65-
timeLeft.value.days <= 0 &&
66-
timeLeft.value.hours <= 0 &&
67-
timeLeft.value.minutes <= 0
68-
);
65+
return timeLeft.value.days <= 0 && timeLeft.value.hours <= 0 && timeLeft.value.minutes <= 0;
6966
});
7067
7168
const displayValue = (v: number) => {

‎frontend/src/components/ExpiryStatus.vue‎

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,9 @@
11
<template>
2-
<div v-if="daysRemaining >= daysRemainingLimit" class="badge badge-success">
2+
<div v-if="daysRemaining >= daysRemainingLimit" class="badge badge-success">{{ daysRemaining }} Days Remaining</div>
3+
<div v-else-if="daysRemaining !== null && daysRemaining < daysRemainingLimit && daysRemaining > 0" class="badge badge-warning">
34
{{ daysRemaining }} Days Remaining
45
</div>
5-
<div
6-
v-else-if="
7-
daysRemaining !== null &&
8-
daysRemaining < daysRemainingLimit &&
9-
daysRemaining > 0
10-
"
11-
class="badge badge-warning"
12-
>
13-
{{ daysRemaining }} Days Remaining
14-
</div>
15-
<div
16-
v-else-if="daysRemaining !== null && daysRemaining <= 0"
17-
class="badge badge-error"
18-
>
19-
Expired
20-
</div>
6+
<div v-else-if="daysRemaining !== null && daysRemaining <= 0" class="badge badge-error">Expired</div>
217
</template>
228

239
<script setup lang="ts">

‎frontend/src/components/ThemeSwitcher.vue‎

Lines changed: 3 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,17 @@
11
<template>
22
<label class="swap swap-rotate">
33
<!-- this hidden checkbox controls the state -->
4-
<input
5-
type="checkbox"
6-
class="theme-controller"
7-
value="synthwave"
8-
data-toggle-theme="dark"
9-
/>
4+
<input type="checkbox" class="theme-controller" value="synthwave" data-toggle-theme="dark" />
105

116
<!-- sun icon -->
12-
<svg
13-
class="swap-off h-10 w-10 fill-current"
14-
xmlns="http://www.w3.org/2000/svg"
15-
viewBox="0 0 24 24"
16-
>
7+
<svg class="swap-off h-8 w-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
178
<path
189
d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"
1910
/>
2011
</svg>
2112

2213
<!-- moon icon -->
23-
<svg
24-
class="swap-on h-10 w-10 fill-current"
25-
xmlns="http://www.w3.org/2000/svg"
26-
viewBox="0 0 24 24"
27-
>
14+
<svg class="swap-on h-8 w-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2815
<path
2916
d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"
3017
/>

‎frontend/src/components/WhoIs.vue‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,7 @@
99
</div>
1010
<div class="flex gap-10 items-center">
1111
<ExpiryCountdown :validTo="whois.ExpirationDate" />
12-
<div>
13-
<strong>Expiration Date:</strong> {{ whois.ExpirationDate }}
14-
</div>
12+
<div><strong>Expiration Date:</strong> {{ whois.ExpirationDate }}</div>
1513
</div>
1614
</div>
1715
</template>

0 commit comments

Comments
 (0)