mirror of
https://github.com/hay-kot/homebox.git
synced 2024-12-23 07:16:30 +00:00
0cbe516ca3
* rough implementation of WS based event system for server side notifications of mutation
* fix test construction
* fix deadlock on event bus
* disable linter error
* add item mutation events
* remove old event bus code
* refactor event system to use composables
* refresh items table when new item is added
* fix create form errors
* cleanup unnecessary calls
* fix importer erorrs + limit fn calls on import
Former-commit-id: 2cbcc8bb1d
34 lines
841 B
Vue
34 lines
841 B
Vue
<template>
|
|
<div class="relative">
|
|
<FormTextField v-model="value" placeholder="Password" :label="label" :type="inputType"> </FormTextField>
|
|
<button
|
|
type="button"
|
|
class="inline-flex p-1 ml-1 justify-center mt-auto mb-3 tooltip absolute top-11 right-3"
|
|
data-tip="Toggle Password Show"
|
|
@click="toggle()"
|
|
>
|
|
<Icon name="mdi-eye" class="h-5 w-5" />
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
type Props = {
|
|
modelValue: string;
|
|
placeholder?: string;
|
|
label: string;
|
|
};
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
placeholder: "Password",
|
|
label: "Password",
|
|
});
|
|
|
|
const [hide, toggle] = useToggle(true);
|
|
|
|
const inputType = computed(() => {
|
|
return hide.value ? "password" : "text";
|
|
});
|
|
|
|
const value = useVModel(props, "modelValue");
|
|
</script>
|