Skip to content

Commit 4df8511

Browse files
author
Adelino Ngomacha
committed
feat: add search engine form page
1 parent 2e6141c commit 4df8511

File tree

2 files changed

+55
-0
lines changed

2 files changed

+55
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
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 Search Engine Settings
14+
</h2>
15+
<p class="mt-1 text-sm leading-6 text-gray-600">
16+
Update your default Search Engine 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">Default</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+
opensearch
28+
</option>
29+
</select>
30+
</div>
31+
</div>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
</main>
37+
<div class="mt-6 flex items-center justify-end gap-x-6">
38+
<button type="button" class="text-sm font-semibold leading-6 text-gray-900">
39+
Cancel
40+
</button>
41+
<Button
42+
type="submit"
43+
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"
44+
>
45+
Save
46+
</Button>
47+
</div>
48+
</form>
49+
</template>
50+
51+
<style scoped>
52+
53+
</style>

libs/components/Dashboard/Settings/SettingsFormManager.vue

+2
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import FileSystemForm from './Forms/FileSystemForm.vue'
1212
import HashingForm from './Forms/HashingForm.vue'
1313
import LibraryForm from './Forms/LibraryForm.vue'
1414
import QueueForm from './Forms/QueueForm.vue'
15+
import SearchEngineForm from './Forms/SearchEngineForm.vue'
1516
1617
const props = defineProps({
1718
name: String,
@@ -134,6 +135,7 @@ const pageTitle = computed < String > (() => options.find(option => option.key =
134135
<template v-else-if="name === 'hashing'"><HashingForm /></template>
135136
<template v-else-if="name === 'library'"><LibraryForm /></template>
136137
<template v-else-if="name === 'queue'"><QueueForm /></template>
138+
<template v-else-if="name === 'search-engine'"><SearchEngineForm /></template>
137139
<template v-else>
138140
<div class="text-center">
139141
<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)