From 8b81a79d663139fe5d60c8d4fa82fbde81529b9f Mon Sep 17 00:00:00 2001
From: Bjarke Madsen <bjarke@nordu.net>
Date: Mon, 31 Jul 2023 16:43:02 +0200
Subject: [PATCH] Add a title and description to the survey
---
.../src/SurveyContainerComponent.tsx | 20 ++++++++++++++-----
1 file changed, 15 insertions(+), 5 deletions(-)
diff --git a/survey-frontend/src/SurveyContainerComponent.tsx b/survey-frontend/src/SurveyContainerComponent.tsx
index f71d6573..c77e9f83 100644
--- a/survey-frontend/src/SurveyContainerComponent.tsx
+++ b/survey-frontend/src/SurveyContainerComponent.tsx
@@ -6,6 +6,7 @@ import SurveyNavigationComponent from "./SurveyNavigationComponent";
import { VerificationStatus } from './Schema';
import "survey-core/modern.min.css";
import './survey.scss';
+import { Container, Row } from "react-bootstrap";
Serializer.addProperty("itemvalue", "customDescription:text");
Serializer.addProperty("question", "hideCheckboxLabels:boolean");
@@ -118,11 +119,20 @@ function SurveyContainerComponent({ loadFrom, saveTo = '', readonly = false }) {
}
return (
- <div>
- <SurveyNavigationComponent surveyModel={surveyModel} endSurvey={endSurvey} saveSurvey={saveSurvey} validatePage={validatePage}>
- <SurveyComponent surveyModel={surveyModel} verificationStatus={verificationStatus} />
- </SurveyNavigationComponent>
- </div>
+ <Container className="survey-container">
+ <Row className="survey-content">
+ <h2><span className="survey-title">Compendium Survey</span><span className="survey-title-nren">{nren}</span></h2>
+ <span className="survey-description">How to complete this survey -
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus pulvinar. Aenean interdum lectus nec diam porttitor interdum.
+ Sed efficitur, magna ut dignissim consequat, purus lacus aliquam tortor, ut dignissim orci ligula ac ligula.</span>
+
+ </Row>
+ <Row>
+ <SurveyNavigationComponent surveyModel={surveyModel} endSurvey={endSurvey} saveSurvey={saveSurvey} validatePage={validatePage}>
+ <SurveyComponent surveyModel={surveyModel} verificationStatus={verificationStatus} />
+ </SurveyNavigationComponent>
+ </Row>
+ </Container>
);
}
--
GitLab