-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #19 from Sapiens-OSS/remap
Remap
- Loading branch information
Showing
15 changed files
with
6,949 additions
and
21 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,129 @@ | ||
| <template> | ||
| <div> | ||
| <div class="border-b border-zinc-700 pb-1"> | ||
| <div | ||
| class="-ml-4 -mt-4 flex flex-wrap items-center justify-between sm:flex-nowrap" | ||
| > | ||
| <div class="ml-4 mt-4"> | ||
| <h3 class="text-base font-semibold leading-6 text-zinc-100"> | ||
| {{ calculateSchemaTitle(props.schema) }} | ||
| </h3> | ||
| <p v-if="schema.description" class="mt-1 text-sm text-zinc-400"> | ||
| {{ schema.description }} | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="space-y-2 mt-1 pl-2 lg:pl-4"> | ||
| <div | ||
| v-for="entry in entries" | ||
| :key="persistentKeyTable[entry[0]]" | ||
| class="flex flex-row gap-x-2 items-center text-zinc-200" | ||
| > | ||
| <input | ||
| @input="onKeyUpdate" | ||
| :value="entry[0]" | ||
| type="text" | ||
| ref="inputRefs" | ||
| :data-persistence-key="persistentKeyTable[entry[0]]" | ||
| class="block w-full rounded-md bg-zinc-800/40 border-0 py-1.5 text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6" | ||
| /> | ||
| <ArrowRightIcon class="w-10 h-10" /> | ||
| <input | ||
| type="text" | ||
| class="block w-full rounded-md bg-zinc-800/40 border-0 py-1.5 text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6" | ||
| v-model="model[entry[0]]" | ||
| /> | ||
| </div> | ||
| <div class="flex flex-row gap-x-2 items-center text-zinc-200"> | ||
| <input | ||
| v-model="newEntry" | ||
| ref="rootInput" | ||
| type="text" | ||
| placeholder="Start typing..." | ||
| class="block w-full rounded-md bg-zinc-800/40 border-0 py-1.5 text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6" | ||
| /> | ||
| <ArrowRightIcon class="w-10 h-10" /> | ||
| <input | ||
| type="text" | ||
| disabled="true" | ||
| class="block w-full rounded-md bg-zinc-900/40 border-0 py-1.5 text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script setup lang="ts"> | ||
| import { ArrowRightIcon } from "@heroicons/vue/24/outline"; | ||
| import calculateSchemaTitle from "~/scripts/utils/calculateSchemaTitle"; | ||
| import { randomUUID } from "~/scripts/utils/randomNumber"; | ||
| const props = defineProps<{ | ||
| schema: any; | ||
| modelValue: any; | ||
| }>(); | ||
| const emit = defineEmits(["update:modelValue"]); | ||
| const model = computed({ | ||
| get() { | ||
| return props.modelValue; | ||
| }, | ||
| set(value) { | ||
| emit("update:modelValue", value); | ||
| }, | ||
| }); | ||
| const newEntry = computed({ | ||
| get() { | ||
| return ""; | ||
| }, | ||
| set(key) { | ||
| if (!key) return; | ||
| const persistenceID = persistentKeyTable.value[key] ?? randomUUID(); | ||
| if (!model.value[key]) { | ||
| model.value[key] = undefined; | ||
| persistentKeyTable.value[key] = persistenceID; | ||
| } | ||
| nextTick(() => { | ||
| const nodes = inputRefs.value.filter( | ||
| (e) => e?.getAttribute("data-persistence-key") == persistenceID | ||
| ); | ||
| if (nodes.length > 0) { | ||
| nodes[0].focus(); | ||
| } | ||
| }); | ||
| }, | ||
| }); | ||
| model.value ??= {}; | ||
| const entries = computed(() => | ||
| model.value ? Object.entries(model.value) : [] | ||
| ); | ||
| const persistentKeyTable = ref<{ [key: string]: string }>({}); | ||
| const inputRefs = ref<Array<HTMLInputElement>>([]); | ||
| const rootInput = ref<HTMLInputElement>(); | ||
| function onKeyUpdate(input: Event) { | ||
| // @ts-expect-error | ||
| const key = input.target?.value; | ||
| // @ts-expect-error | ||
| const oldKey = input.target?._value; | ||
| if (key) { | ||
| // Copy value to new location | ||
| delete Object.assign(model.value, { [key]: model.value[oldKey] })[oldKey]; | ||
| // Copy persistence key | ||
| delete Object.assign(persistentKeyTable.value, { | ||
| [key]: persistentKeyTable.value[oldKey], | ||
| })[oldKey]; | ||
| } else { | ||
| delete model.value[oldKey]; | ||
| delete persistentKeyTable.value[oldKey]; | ||
| nextTick(() => { | ||
| rootInput.value?.focus(); | ||
| }) | ||
| } | ||
| } | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,6 @@ | ||
| <template></template> | ||
| <script setup> | ||
| navigateTo("././home"); | ||
| const router = useRouter(); | ||
| router.replace("././home"); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| import { v4 as uuidv4 } from "uuid"; | ||
|
|
||
| export function randomUUID() { | ||
| if (crypto.randomUUID) { | ||
| return crypto.randomUUID(); | ||
| } else { | ||
| return uuidv4(); | ||
| } | ||
| } |
Oops, something went wrong.