Skip to content

Commit 4b51783

Browse files
chrisbbreuerchrisbbreuer
committed
chore: wip
1 parent b0bf489 commit 4b51783

File tree

3 files changed

+75
-257
lines changed

3 files changed

+75
-257
lines changed

‎resources/components/Dashboard/Sidebar.stx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,15 +67,15 @@
6767
Environment
6868
</RouterLink>
6969
</li>
70-
<li>
70+
<!-- <li>
7171
<RouterLink
7272
to="/dependencies"
7373
class="sidebar-links group"
7474
>
7575
<div class="i-heroicons-cube text-gray-500 w-6 h-6 dark:text-gray-200 group-hover:text-gray-700 transition duration-150 ease-in-out" />
7676
Dependencies
7777
</RouterLink>
78-
</li>
78+
</li> -->
7979
<li>
8080
<RouterLink
8181
to="/queue"

‎resources/views/dashboard/dns/index.stx

Lines changed: 72 additions & 255 deletions
Original file line numberDiff line numberDiff line change
@@ -2,275 +2,92 @@
22
useHead({
33
title: 'Dashboard - DNS',
44
})
5-
6-
const addDnsSection = ref(false)
7-
8-
function closeAddDnsSection() {
9-
addDnsSection.value = false
10-
}
11-
12-
function openAddDnsSection() {
13-
addDnsSection.value = true
14-
}
155
</script>
166

177
<template>
18-
<div class="px-4 sm:px-6 lg:px-8 py-8">
19-
<div class="rounded-lg bg-white px-6 py-4 text-sm dark:bg-blue-gray-800">
20-
<div class="flex sm:items-center">
8+
<div class="min-h-screen py-4 lg:py-8 dark:bg-blue-gray-800">
9+
<div class="px-4 sm:px-6 lg:px-8 pt-12">
10+
<div class="sm:flex sm:items-center">
2111
<div class="sm:flex-auto">
22-
<h1 class="text-base font-semibold leading-6 text-gray-900 dark:text-gray-100">
12+
<h1 class="text-base font-semibold leading-6 text-gray-900">
2313
DNS Records
2414
</h1>
15+
<p class="mt-2 text-sm text-gray-700">
16+
A list of all your project DNS records.
17+
</p>
18+
</div>
19+
<div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">
20+
<button type="button" class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
21+
Deploy
22+
</button>
2523
</div>
26-
27-
<AppButton passed-class="primary-button" loading-text="DNS" button-text="DNS" @click="openAddDnsSection">
28-
<template #icon>
29-
<div class="i-heroicons-plus w-5 h-5" />
30-
</template>
31-
</AppButton>
3224
</div>
25+
3326
<div class="mt-8 flow-root">
3427
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
3528
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
36-
<table class="min-w-full divide-y divide-gray-300 dark:divide-gray-600">
37-
<thead>
38-
<tr>
39-
<th
40-
scope="col"
41-
class="py-3 pl-4 pr-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 sm:pl-0 dark:text-gray-400"
42-
>
43-
Type
44-
</th>
45-
<th
46-
scope="col"
47-
class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400"
48-
>
49-
Name
50-
</th>
51-
<th
52-
scope="col"
53-
class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400"
54-
>
55-
Content
56-
</th>
57-
<th
58-
scope="col"
59-
class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400"
60-
>
61-
Proxy status
62-
</th>
63-
<th
64-
scope="col"
65-
class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400"
66-
>
67-
TTL
68-
</th>
69-
<th
70-
scope="col"
71-
class="relative py-3 pl-3 pr-4 sm:pr-0"
72-
>
73-
<span class="sr-only">Edit</span>
74-
</th>
75-
</tr>
76-
</thead>
77-
<tbody class="divide-y divide-gray-200 dark:divide-gray-600 bg-white dark:bg-blue-gray-800">
78-
<tr>
79-
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0 dark:text-gray-100">
80-
A
81-
</td>
82-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
83-
admin-api
84-
</td>
85-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
86-
666.666.666
87-
</td>
88-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
89-
Proxied
90-
</td>
91-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
92-
Auto
93-
</td>
94-
<td class="whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
95-
<a
96-
href="#"
97-
class="text-gray-400 text-left hover:text-blue-gray-500 duration-150 ease-in-out transition"
98-
>
99-
<div class="i-heroicons-ellipsis-vertical w-6 h-6" />
100-
101-
<div
102-
v-if="false"
103-
class="absolute dropdown-menu right-16 z-10 mt-2 w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
104-
role="menu"
105-
aria-orientation="vertical"
106-
aria-labelledby="menu-button"
107-
tabindex="-1"
108-
>
109-
<div
110-
class="py-1"
111-
role="none"
112-
>
113-
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
114-
<a
115-
id="menu-item-0"
116-
href="#"
117-
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-blue-gray-50 text-xs"
118-
role="menuitem"
119-
tabindex="-1"
120-
>Edit</a>
121-
<a
122-
id="menu-item-1"
123-
href="#"
124-
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-blue-gray-50 text-xs"
125-
role="menuitem"
126-
tabindex="-1"
127-
>Delete</a>
128-
129-
</div>
130-
</div>
131-
</a>
132-
</td>
133-
</tr>
134-
<tr>
135-
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0 dark:text-gray-100">
136-
A
137-
</td>
138-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
139-
stacks-api
140-
</td>
141-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
142-
666.666.666
143-
</td>
144-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
145-
Proxied
146-
</td>
147-
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
148-
Auto
149-
</td>
150-
<td class="whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
151-
<a
152-
href="#"
153-
class="text-gray-400 text-left hover:text-blue-gray-500 duration-150 ease-in-out transition"
154-
>
155-
<div class="i-heroicons-ellipsis-vertical w-6 h-6" />
156-
157-
<div
158-
v-if="false"
159-
class="absolute dropdown-menu right-16 z-10 mt-2 w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
160-
role="menu"
161-
aria-orientation="vertical"
162-
aria-labelledby="menu-button"
163-
tabindex="-1"
164-
>
165-
<div
166-
class="py-1"
167-
role="none"
168-
>
169-
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
170-
<a
171-
id="menu-item-0"
172-
href="#"
173-
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-blue-gray-50 text-xs"
174-
role="menuitem"
175-
tabindex="-1"
176-
>Edit</a>
177-
<a
178-
id="menu-item-1"
179-
href="#"
180-
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-blue-gray-50 text-xs"
181-
role="menuitem"
182-
tabindex="-1"
183-
>Delete</a>
184-
185-
</div>
186-
</div>
187-
188-
</a>
189-
</td>
190-
</tr>
191-
</tbody>
192-
</table>
29+
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
30+
<table class="min-w-full divide-y divide-gray-300">
31+
<thead class="bg-gray-50">
32+
<tr>
33+
<th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
34+
Type
35+
</th>
36+
37+
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
38+
Name
39+
</th>
40+
41+
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
42+
Content
43+
</th>
44+
45+
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
46+
TTL
47+
</th>
48+
49+
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
50+
Status
51+
</th>
52+
53+
<th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
54+
<span class="sr-only">Edit</span>
55+
</th>
56+
</tr>
57+
</thead>
58+
59+
<tbody class="divide-y divide-gray-200 bg-white">
60+
<tr>
61+
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
62+
A
63+
</td>
64+
65+
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
66+
admin-api
67+
</td>
68+
69+
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
70+
666.666.666
71+
</td>
72+
73+
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
74+
Auto
75+
</td>
76+
77+
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
78+
Proxied
79+
</td>
80+
81+
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
82+
<a href="#" class="text-indigo-600 hover:text-indigo-900">View<span class="sr-only">, DNS Record</span></a>
83+
</td>
84+
</tr>
85+
</tbody>
86+
</table>
87+
</div>
19388
</div>
19489
</div>
19590
</div>
19691
</div>
197-
198-
<div
199-
v-if="addDnsSection"
200-
class="bg-white rounded-bl-md rounded-br-md px-6 py-4 dark:bg-blue-gray-800"
201-
>
202-
<div class="flex justify-between">
203-
<h1 class="text-base font-semibold leading-6 text-gray-900 dark:text-gray-100">
204-
Add DNS
205-
</h1>
206-
207-
<button
208-
class="i-heroicons-x-mark-solid w-5 h-5 text-gray-500 hover:text-blue-gray-700 dark:text-gray-400"
209-
@click="closeAddDnsSection"
210-
/>
211-
</div>
212-
213-
<div class="grid gap-6 grid-cols-3 mt-8">
214-
<div class="sm:col-span-1">
215-
<label
216-
for="city"
217-
class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-100"
218-
>Type</label>
219-
<div class="mt-2">
220-
<select class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6 dark:bg-blue-gray-800 dark:text-gray-100">
221-
<option value="A">
222-
A
223-
</option>
224-
<option value="AA">
225-
AA
226-
</option>
227-
<option value="AAA">
228-
AAA
229-
</option>
230-
</select>
231-
</div>
232-
</div>
233-
234-
<div class="sm:col-span-1">
235-
<label
236-
for="region"
237-
class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-100"
238-
>Name</label>
239-
<div class="mt-2">
240-
<input
241-
id="name"
242-
type="text"
243-
name="name"
244-
class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6 dark:bg-blue-gray-800 dark:text-gray-100"
245-
>
246-
</div>
247-
</div>
248-
249-
<div class="sm:col-span-1">
250-
<label
251-
for="region"
252-
class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-100"
253-
>Address</label>
254-
<div class="mt-2">
255-
<input
256-
id="name"
257-
type="text"
258-
name="name"
259-
class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6 dark:bg-blue-gray-800 dark:text-gray-100"
260-
>
261-
</div>
262-
</div>
263-
</div>
264-
265-
<div class="justify-end flex mt-4">
266-
<button
267-
type="button"
268-
class="primary-button"
269-
@click="openAddDnsSection"
270-
>
271-
Save
272-
</button>
273-
</div>
274-
</div>
27592
</div>
27693
</template>

‎storage/framework/types/components.d.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ declare module 'vue' {
4242
SlimLayout: typeof import('./../../../resources/components/Marketing/SlimLayout.stx')['default']
4343
Starport: typeof import('vue-starport')['Starport']
4444
StarportCarrier: typeof import('vue-starport')['StarportCarrier']
45+
TerminalContainer: typeof import('./../../../resources/components/TerminalContainer.stx')['default']
4546
Testimonials: typeof import('./../../../resources/components/Marketing/Testimonials.stx')['default']
4647
Toast: typeof import('./../../../resources/components/Dashboard/Modals/Popups/Toast.stx')['default']
4748
ToastWrapper: typeof import('./../../../resources/components/Dashboard/Modals/ToastWrapper.stx')['default']

0 commit comments

Comments
 (0)