jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update props and clean up code.

Browse source
This commit is contained in:
Bryan Mauger 2022-11-08 10:29:36 -05:00
parent b6cf457622
commit 6f8a380dd3
1 changed files with 5 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/common-components/textbox-question/textbox-question.vue
View file

@ -4,7 +4,6 @@
:for="inputId" :for="inputId"
:aria-label="questionText" :aria-label="questionText"
class="form-label" class="form-label"
:class="[questionAlignment ? 'mx-auto' : '']"
v-html="labelText"></label> v-html="labelText"></label>
<div class="input-wrapper" :class="[includeSearchIcon ? 'has-search-icon' : '']"> <div class="input-wrapper" :class="[includeSearchIcon ? 'has-search-icon' : '']">
<input <input
@ -23,8 +22,8 @@
:class="[ :class="[
hasIcon ? 'has-icon' : '', hasIcon ? 'has-icon' : '',
iconRight ? 'icon-right' : '', iconRight ? 'icon-right' : '',
questionAlignment ? 'text-center' : '', questionAlignment === 'center' ? 'text-center' : '',
isRoundedPill ? 'rounded-pill' : '', cornerStyle === 'rounded' ? 'rounded-pill' : '',
]" ]"
:validationRules="validationRules" :validationRules="validationRules"
@change="handleChange" @change="handleChange"
@ -66,9 +65,9 @@ export default {
}, },
validationRules: String, validationRules: String,
cmsWidgetName: String, cmsWidgetName: String,
maxLength: String, // Left or center. Default is left maxLength: String,
questionAlignment: String, // Left or center. Default is left questionAlignment: String, // Left or center. Default is left.
cornerStyle: String, // Left or center. Default is left cornerStyle: String, // Rounded or square. Square is default.
includeSearchIcon: Boolean, includeSearchIcon: Boolean,
}, },
setup(props) { setup(props) {
@ -107,12 +106,6 @@ export default {
}; };
}, },
computed: { computed: {
isRoundedPill() {
return this.cornerStyle === "rounded";
},
isQuestionAlignment() {
return this.questionAlignment === "text";
},
questionText() { questionText() {
return this.getCmsContent(this.cmsWidgetName, "QuestionText"); return this.getCmsContent(this.cmsWidgetName, "QuestionText");
}, },