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

WIP update maxLength.

Browse source
This commit is contained in:
Bryan Mauger 2023-05-09 11:00:55 -04:00
parent 7575e03866
commit 5104ee4eca
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/digital-components/textarea-question/textarea-question.vue
View file

@ -28,12 +28,12 @@ export default {
mounted: function () { mounted: function () {
const my_textarea = document.getElementById("textarea-comments"); const my_textarea = document.getElementById("textarea-comments");
const remaining = document.getElementById("charactersremaining"); const remaining = document.getElementById("charactersremaining");
const remain = 250; const remain = this.maxLength;
my_textarea.addEventListener("input", () => { my_textarea.addEventListener("input", () => {
const total = remain - my_textarea.value.length; const total = remain - my_textarea.value.length;
const color = total < remain * 0.1 ? "red" : null; //Change text to red when the total remaining goes below 25; const color = total < remain * 0.1 ? "red" : null; //Change text to red when the total remaining goes below 25;
remaining.innerHTML = `${total}/250 characters remaining`; remaining.innerHTML = `${total}/${this.maxLength} characters remaining`;
remaining.style.color = color; remaining.style.color = color;
}); });
}, },

2
src/layouts/customer-details/customer-details.vue
View file

@ -2,7 +2,7 @@
<textareaquestion <textareaquestion
cmsWidgetName="CustomerDetailsTextAreaLabelText" cmsWidgetName="CustomerDetailsTextAreaLabelText"
:labelText="textAreaLabelCopy" :labelText="textAreaLabelCopy"
maxLength=250 maxLength=50
isRequired isRequired
/> />
</template> </template>