diff options
Diffstat (limited to 'web/html/xui/component/password.html')
| -rw-r--r-- | web/html/xui/component/password.html | 52 |
1 files changed, 36 insertions, 16 deletions
diff --git a/web/html/xui/component/password.html b/web/html/xui/component/password.html index 37e4c793..0fea1430 100644 --- a/web/html/xui/component/password.html +++ b/web/html/xui/component/password.html @@ -1,26 +1,46 @@ {{define "component/passwordInput"}} <template> - <a-input :value="value" :type="showPassword ? 'text' : 'password'" - :placeholder="placeholder" - :autocomplete="autocomplete" - :name="name" - @input="$emit('input', $event.target.value)"> - <template v-if="icon" #prefix> - <a-icon :type="icon" style="font-size: 16px;" /> - </template> - <template #addonAfter> - <a-icon :type="showPassword ? 'eye-invisible' : 'eye'" - @click="toggleShowPassword" - style="font-size: 16px;" /> - </template> - </a-input> + <a-input :value="value" :type="showPassword ? 'text' : 'password'" :placeholder="placeholder" + :autocomplete="autocomplete" :name="name" @input="$emit('input', $event.target.value)"> + <template v-if="icon" #prefix> + <a-icon :type="icon" style="font-size: 16px;" /> + </template> + <template #addonAfter> + <a-icon :type="showPassword ? 'eye-invisible' : 'eye'" @click="toggleShowPassword" style="font-size: 16px;" /> + </template> + </a-input> </template> {{end}} {{define "component/password"}} <script> - Vue.component('password-input', { - props: ["title", "value", "placeholder", "icon", "autocomplete", "name"], + Vue.component('a-password-input', { + props: { + 'title': { + type: String, + required: false, + }, + 'value': { + type: String, + required: false, + }, + 'placeholder': { + type: String, + required: false, + }, + 'autocomplete': { + type: String, + required: false, + }, + 'name': { + type: String, + required: false, + }, + 'icon': { + type: undefined, + required: false + } + }, template: `{{template "component/passwordInput"}}`, data() { return { |