Skip to content

Commit 1ee1bfd

Browse files
author
Adelino Ngomacha
committed
feat: add Hashing form page
1 parent b6cf2bb commit 1ee1bfd

File tree

3 files changed

+122
-1
lines changed

3 files changed

+122
-1
lines changed

‎libs/components/Dashboard/Settings/Forms/FileSystemForm.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<div class="md:col-span-2">
2121
<div class="w-full grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
2222
<div class="sm:col-span-3">
23-
<label for="type" class="block text-sm font-medium leading-6 text-gray-900">Charset</label>
23+
<label for="type" class="block text-sm font-medium leading-6 text-gray-900">Default</label>
2424
<div class="mt-2">
2525
<select id="type" name="type" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6">
2626
<option selected>

‎libs/components/Dashboard/Settings/Forms/HashingForm.vue

+119
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<script setup lang="ts">
2+
3+
</script>
4+
5+
<template>
6+
<form>
7+
<main class="border-b border-gray-900/10">
8+
<!-- Settings forms -->
9+
<div class="divide-y divide-gray-900/10">
10+
<div class="grid max-w-7xl grid-cols-1 gap-x-8 gap-y-10 py-16 md:grid-cols-3">
11+
<div>
12+
<h2 class="text-base font-semibold leading-7 text-gray-900 dark:text-gray-100">
13+
Default Hashing Settings
14+
</h2>
15+
<p class="mt-1 text-sm leading-6 text-gray-600">
16+
Update your default Hashing settings
17+
</p>
18+
</div>
19+
20+
<div class="md:col-span-2">
21+
<div class="w-full grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
22+
<div class="sm:col-span-3">
23+
<label for="type" class="block text-sm font-medium leading-6 text-gray-900">Driver</label>
24+
<div class="mt-2">
25+
<select id="type" name="type" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6">
26+
<option selected>
27+
argon2
28+
</option>
29+
<option>bcrypt</option>
30+
</select>
31+
</div>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
37+
<div class="grid max-w-7xl grid-cols-1 gap-x-8 gap-y-10 py-16 md:grid-cols-3">
38+
<div>
39+
<h2 class="text-base font-semibold leading-7 text-gray-900 dark:text-gray-100">
40+
Bcrypt Hashing
41+
</h2>
42+
<p class="mt-1 text-sm leading-6 text-gray-600">
43+
Update your Bcrypt Hashing configurations
44+
</p>
45+
</div>
46+
47+
<div class="md:col-span-2">
48+
<div class="w-full grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
49+
<div class="sm:col-span-3">
50+
<label for="local-driver" class="block text-sm font-medium leading-6 text-gray-900">rounds</label>
51+
<div class="mt-2">
52+
<input id="local-driver" type="text" name="local-driver" value="10" 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">
53+
</div>
54+
</div>
55+
56+
<div class="sm:col-span-3">
57+
<label for="local-root" class="block text-sm font-medium leading-6 text-gray-900">Cost</label>
58+
<div class="mt-2">
59+
<input id="local-root" type="text" name="local-root" value="4" 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">
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
66+
<div class="grid max-w-7xl grid-cols-1 gap-x-8 gap-y-10 py-16 md:grid-cols-3">
67+
<div>
68+
<h2 class="text-base font-semibold leading-7 text-gray-900 dark:text-gray-100">
69+
Argon2 Hashing
70+
</h2>
71+
<p class="mt-1 text-sm leading-6 text-gray-600">
72+
Update your Argon2 Hashing configurations
73+
</p>
74+
</div>
75+
76+
<div class="md:col-span-2">
77+
<div class="w-full grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
78+
<div class="sm:col-span-3">
79+
<label for="local-driver" class="block text-sm font-medium leading-6 text-gray-900">Memory</label>
80+
<div class="mt-2">
81+
<input id="local-driver" type="text" name="local-driver" value="65596" 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">
82+
</div>
83+
</div>
84+
85+
<div class="sm:col-span-3">
86+
<label for="local-root" class="block text-sm font-medium leading-6 text-gray-900">Threads</label>
87+
<div class="mt-2">
88+
<input id="local-root" type="text" name="local-root" value="1" 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">
89+
</div>
90+
</div>
91+
92+
<div class="sm:col-span-3">
93+
<label for="local-root" class="block text-sm font-medium leading-6 text-gray-900">Time</label>
94+
<div class="mt-2">
95+
<input id="local-root" type="text" name="local-root" value="1" 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">
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
</main>
103+
<div class="mt-6 flex items-center justify-end gap-x-6">
104+
<button type="button" class="text-sm font-semibold leading-6 text-gray-900">
105+
Cancel
106+
</button>
107+
<Button
108+
type="submit"
109+
class="rounded-md bg-indigo-600 px-3 py-2 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"
110+
>
111+
Save
112+
</Button>
113+
</div>
114+
</form>
115+
</template>
116+
117+
<style scoped>
118+
119+
</style>

‎libs/components/Dashboard/Settings/SettingsFormManager.vue

+2
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import DatabaseForm from './Forms/DatabaseForm.vue'
99
import DNSForm from './Forms/DNSForm.vue'
1010
import EmailForm from './Forms/EmailForm.vue'
1111
import FileSystemForm from './Forms/FileSystemForm.vue'
12+
import HashingForm from './Forms/HashingForm.vue'
1213
1314
const props = defineProps({
1415
name: String,
@@ -128,6 +129,7 @@ const pageTitle = computed < String > (() => options.find(option => option.key =
128129
<template v-else-if="name === 'dns'"><DNSForm /></template>
129130
<template v-else-if="name === 'email'"><EmailForm /></template>
130131
<template v-else-if="name === 'file-system'"><FileSystemForm /></template>
132+
<template v-else-if="name === 'hashing'"><HashingForm /></template>
131133
<template v-else>
132134
<div class="text-center">
133135
<div class="i-heroicons-cog-8-tooth text-gray-400 w-12 h-12 dark:text-gray-200 transition-all duration-150 ease-in-out" />

0 commit comments

Comments
 (0)