ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2024-12-21 05:13:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

cleanup

Browse Source
This commit is contained in:
AndzejsP 2023-06-21 16:19:40 +03:00
parent fe56fbfb31
commit ce9ae33f5a
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/src/components/UniversalForm.vue
View File

@ -33,35 +33,29 @@
<div class="px-2 " v-for="(item, index) in controls_array"> <div class="px-2 " v-for="(item, index) in controls_array">
<div class=""> <div class="">
<div v-if="item.type != 'bool'"> <div v-if="item.type != 'bool'">
<label class="relative flex item-center gap-2 text-sm font-medium text-gray-900 dark:text-white" <label
for="file_input"> class="mb-2 relative flex item-center gap-2 text-sm font-medium text-gray-900 dark:text-white select-none"
:class="item.help ? 'cursor-pointer ' : ''">
<!-- TITLE -->
<div> <div>
{{ item.name }}: {{ item.name }}:
</div> </div>
<!-- HELP BUTTON -->
<label class="relative inline-flex mb-5 cursor-pointer"> <label v-if="item.help" class="relative inline-flex">
<input type="checkbox" value="" class="sr-only peer" > <input type="checkbox" v-model="item.isHelp" class="sr-only peer">
<div <div
class="hover:text-secondary duration-75 active:scale-90 peer-checked:text-secondary"> class="hover:text-secondary duration-75 active:scale-90 peer-checked:text-secondary">
<i data-feather="help-circle" class="w-5 h-5 "></i> <i data-feather="help-circle" class="w-5 h-5 "></i>
</div> </div>
<div class="peer-checked:hidden"> </label>
<p class="text-sm font-normal text-gray-700 dark:text-gray-400 mb-2">
</label>
<!-- HELP DESCRIPTION -->
<p v-if="item.isHelp" class="text-sm font-normal text-gray-700 dark:text-gray-400 mb-2">
{{ item.help }} {{ item.help }}
</p> </p>
</div>
</label>
<button class="text-sm hover:text-secondary duration-75 active:scale-90" title="Help"
type="toggle" @click.stop="">
</button>
</label>
<input type="text" v-model="item.value" <input type="text" v-model="item.value"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Enter value"> placeholder="Enter value">
@ -148,11 +142,20 @@ export default {
showForm(controls_array, title, ConfirmButtonText, DenyButtonText) { showForm(controls_array, title, ConfirmButtonText, DenyButtonText) {
this.ConfirmButtonText = ConfirmButtonText || this.ConfirmButtonText this.ConfirmButtonText = ConfirmButtonText || this.ConfirmButtonText
this.DenyButtonText = DenyButtonText || this.DenyButtonText this.DenyButtonText = DenyButtonText || this.DenyButtonText
//let moddedArr =[]
// add aditional values for UI
for (let i = 0; i < controls_array.length; i++) {
controls_array[i].isHelp = false
}
return new Promise((resolve) => { return new Promise((resolve) => {
this.controls_array = controls_array; this.controls_array = controls_array;
this.show = true; this.show = true;
this.title = title || this.title this.title = title || this.title
this.resolve = resolve; this.resolve = resolve;
console.log('show foam', this.controls_array)
}); });
}, },