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

WIP

Browse source
This commit is contained in:
Katie Kroell 2023-08-28 11:12:25 -04:00
parent 25fa11629b
commit 7c06add8e3
1 changed files with 36 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/layouts/endorsements-page/endorsements-page.vue
View file

@ -9,24 +9,39 @@
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-5 mb-5 endorsements" />
<div class="container-fluid pb-2">
<buttonQuestion
<div
v-for="(q, i) in questions"
:key="i"
class="questionBlock">
<buttonQuestion
class="radioQuestion"
:questionText="q.questionText"
:answers="q.answers"
:modelValue="q.answerSelected"
isRequired
:validationRules="validationRules"
@update:modelValue="handleAnswer(q, $event)" />
</div>
<!-- <buttonQuestion
v-model="schoolPropertyAnswer"
class="radioQuestion"
cmsWidgetName="SchoolPropertyQuestion"
:questionText="schoolPropertyQuestionText"
:answers="schoolPropertyAnswersFromCms"
buttonTypeString="listButton"
buttonTypeString="listButtonHorizontal"
isRequired
:validationRules="rules.selectionRequired">
</buttonQuestion>
<buttonQuestion
v-model="parkingLotAnswer"
class="radioQuestion"
cmsWidgetName="ParkingLotQuestion"
:questionText="parkingLotQuestionText"
:answers="parkingLotAnswersFromCms"
buttonTypeString="listButton"
buttonTypeString="listButtonHorizontal"
isRequired
:validationRules="rules.selectionRequired">
</buttonQuestion>
</buttonQuestion> -->
<siteFooter
ref="siteFooter"
cmsWidgetName="SiteFooterWidget"
@ -44,6 +59,9 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
import siteFooter from '@/iss-components/site-footer/site-footer.vue';
import buttonQuestion from '@/digital-components/button-question/button-question.vue';
import questionsPageLayout from '@/iss-components/questions-page-layout/questions-page-layout.vue';
import questionChain from '@/digital-components/question-chain/question-chain.vue';
// Supporting files
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
import { settleAllPromises } from '@/helpers/layout-helper';
@ -58,6 +76,8 @@ export default {
siteSubHeader,
siteFooter,
buttonQuestion,
questionsPageLayout,
questionChain,
// eslint-disable-next-line vue/no-reserved-component-names
Form
},
@ -77,8 +97,20 @@ export default {
vm.setCmsContent(resultMap.cmsContent);
});
},
emits: ['update:modelValue'],
data() {
return {
questions: [
{
questionText: "test question?",
answers: ["Yes", "No"]
},
{
questionText: "test question 2?",
answers: ["Yes", "No"]
}
],
selectedAnswers: {},
schoolPropertyAnswer: '',
parkingLotAnswer: '',
rules: {