formatting before re-coding

This commit is contained in:
Bill Richardson 2023-07-24 14:35:38 -04:00
parent 9508df1699
commit 8da0dba458

View file

@ -1,7 +1,5 @@
<template> <template>
<div <div class="textbox-question" :class="(errors && errors.length) || hasError ? 'has-error' : ''">
class="textbox-question"
:class="(errors && errors.length) || hasError ? 'has-error' : ''">
<label <label
v-if="displayQuestionText" v-if="displayQuestionText"
:for="inputId" :for="inputId"
@ -45,10 +43,7 @@
@focus="$emit('focus', $event.target.value)" @focus="$emit('focus', $event.target.value)"
@paste="trimOnPaste" @paste="trimOnPaste"
@drop="trimOnPaste" /> @drop="trimOnPaste" />
<button <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
v-if="includeSearchIcon"
type="submit"
aria-label="Search button" />
<button <button
v-if="includeSelectIcon" v-if="includeSelectIcon"
type="submit" type="submit"
@ -56,12 +51,8 @@
:data-bs-target="'#' + cmsWidgetName" :data-bs-target="'#' + cmsWidgetName"
aria-label="Select button" /> aria-label="Select button" />
</div> </div>
<div <div v-show="errorMessage" class="row my-1 form-test-error">
v-show="errorMessage" <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
class="row my-1 form-test-error">
<span
class="d-inline-flex mt-0"
role="alert">{{ errorMessage }}</span>
</div> </div>
</div> </div>
</template> </template>
@ -131,9 +122,11 @@ export default {
}; };
// eslint-disable-next-line no-shadow // eslint-disable-next-line no-shadow
const { errorMessage, handleBlur, handleChange, meta, validate, errors } = useField(props.inputId, const { errorMessage, handleBlur, handleChange, meta, validate, errors } = useField(
props.inputId,
props.validationRules, props.validationRules,
fieldOptions); fieldOptions
);
return { return {
errorMessage, errorMessage,
@ -213,7 +206,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
input[type="date"]::-webkit-inner-spin-button { input[type='date']::-webkit-inner-spin-button {
display: none; display: none;
} }