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

WIP rename and move to digital-components.

Browse source
This commit is contained in:
Bryan Mauger 2023-05-08 09:22:45 -04:00
parent 9e93aad88e
commit 0c5ac3ef69
3 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
src/ux-components/text-area/text-area-multi-line.spec.js → src/digital-components/textarea-question/textarea-question.spec.js
View file

10
src/ux-components/text-area/text-area-multi-line.vue → src/digital-components/textarea-question/textarea-question.vue
View file

@ -1,8 +1,6 @@
<template> <template>
<div class="text-area-multine"> <div class="textarea-question">
<label for="textarea-comments" class="fw-bold mb-1" <label for="textarea-comments" class="fw-bold mb-1">{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label>
>{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label
>
<textarea <textarea
id="textarea-comments" id="textarea-comments"
class="p-4" class="p-4"
@ -19,7 +17,7 @@
<script> <script>
export default { export default {
name: "textareamultiline", name: "textareaquestion",
props: { props: {
labelText: String, labelText: String,
labelTextOptional: String, labelTextOptional: String,
@ -42,7 +40,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.text-area-multine { .textarea-question {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
label { label {

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

@ -1,7 +1,8 @@
<template> <template>
<textareamultiline <textareaquestion
cmsWidgetName="CustomerDetailsTextAreaLabelText" cmsWidgetName="CustomerDetailsTextAreaLabelText"
:labelText=textAreaLabelCopy :labelText=textAreaLabelCopy
:labelTextOptional=textAreaLabelCopyOptional
textAreaLabelText textAreaLabelText
textAreaFooterText="250/250 characters remaining" textAreaFooterText="250/250 characters remaining"
footerText footerText
@ -9,7 +10,7 @@
</template> </template>
<script> <script>
import textareamultiline from "@/ux-components/text-area/text-area-multi-line"; import textareaquestion from "@/digital-components/textarea-question/textarea-question";
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper"; import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { settleAllPromises } from "@/helpers/layout-helper"; import { settleAllPromises } from "@/helpers/layout-helper";
import { storeActions } from "@/constants/store-actions"; import { storeActions } from "@/constants/store-actions";
@ -18,7 +19,7 @@ import { getDamageString, isGlassAvailableForCarId } from "@/helpers/damage-help
export default { export default {
name: "customer-details", name: "customer-details",
components: { components: {
textareamultiline textareaquestion
}, },
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
// Call APIs // Call APIs
@ -41,7 +42,10 @@ export default {
}, },
computed: { computed: {
textAreaLabelCopy() { textAreaLabelCopy() {
return this.getCmsContent("CustomerDetailsTextAreaLabelText"); return this.getCmsContent("CustomerDetailsTextAreaLabelText", "HeaderText");
},
textAreaLabelCopyOptional() {
return this.getCmsContent("CustomerDetailsTextAreaLabelText", "SubheaderText");
}, },
} }
}; };