QUESTION_PREVIEW_CHANGES : AADHAVAN
This commit is contained in:
aadhavan
parent
5e8e14e49c
commit
3dc8501220
@ -85,17 +85,18 @@ function QuestionPaperPreview(jsonData){
|
||||
const modifiedSectionTitle = sectionTitle.replaceAll('<p>', '<p id="sectionTitle">');//add the id for Section Title
|
||||
var sectionAttempt = `<p id="sectionAttempt">Attempt Any : ${section.section_attempt_any}</p>`;
|
||||
var sectionMark = `<p id="sectionMark">Marks: ${section.section_marks}</p>`;
|
||||
const sectionDescription = section.section_description;
|
||||
const sectionDescriptio = section.section_description;
|
||||
const sectionDescription = sectionDescriptio.replaceAll('<p>', '<p class="section-Description">');
|
||||
// const questions = section.questions;
|
||||
// Add appropriate indentation for nested sections
|
||||
const indentation = " ".repeat(depth);
|
||||
if (section.section_attempt_any === '') {
|
||||
sectionAttempt = sectionAttempt.replace('<p id="sectionAttempt">', '<p id="sectionAttempt" hidden>')
|
||||
}
|
||||
// if (section.section_attempt_any === '') {
|
||||
// sectionAttempt = sectionAttempt.replace('<p id="sectionAttempt">', '<p id="sectionAttempt" hidden>')
|
||||
// }
|
||||
|
||||
if (section.section_marks === '') {
|
||||
sectionMark = sectionMark.replace('<p id="sectionMark">', '<p id="sectionMark" hidden>')
|
||||
}
|
||||
// if (section.section_marks === '') {
|
||||
// sectionMark = sectionMark.replace('<p id="sectionMark">', '<p id="sectionMark" hidden>')
|
||||
// }
|
||||
questionPaper += `${indentation}<hr id="horizontal">${modifiedSectionTitle}${sectionMark}${sectionAttempt}${indentation}${sectionDescription}`;
|
||||
displayQuestions(section)
|
||||
|
||||
@ -106,48 +107,56 @@ function QuestionPaperPreview(jsonData){
|
||||
}
|
||||
var depth2 =0
|
||||
var description_align =25;
|
||||
function displayQuestions(data, parentSno =''){
|
||||
function displayQuestions(data,parentSno =''){
|
||||
var questionIndentation = " ".repeat(depth2);
|
||||
var dataa =data.questions;
|
||||
dataa.forEach((question, index) =>{
|
||||
var currentSno = parentSno + (index + 1) + '.';
|
||||
var temp_sno= currentSno.slice(0,-1)
|
||||
|
||||
var currentSno_length =currentSno.length-(currentSno.length/2)
|
||||
if (currentSno_length == 1) {
|
||||
description_align =25
|
||||
description_align =17
|
||||
} else if (currentSno_length == 2) {
|
||||
description_align =50
|
||||
description_align =33
|
||||
}else if(currentSno_length == 3){
|
||||
description_align =65
|
||||
}else {
|
||||
description_align =80
|
||||
description_align =48
|
||||
}else if(currentSno_length == 4) {
|
||||
description_align =64
|
||||
}
|
||||
else if(currentSno_length == 5) {
|
||||
description_align =78
|
||||
}
|
||||
|
||||
if (question.group_title) {
|
||||
const questionGroupSetP = `${question.group_title}`;
|
||||
const questionGroupmodify =questionGroupSetP.replaceAll('<p>', '<p id="question-Group-Id">')
|
||||
var questionGroupAttempt = `<p id="group_attempt_any">Attempt Any : ${question.group_attempt_any} </p>`
|
||||
const questionGroupmodify =questionGroupSetP.replaceAll('<p>', `<p id="question-Group-Id" style="padding-left:${description_align}px">`)
|
||||
var questionGroupAttempt = `<p id="group_attempt_any" class="GroupAttempAny">Attempt Any : ${question.group_attempt_any} </p>`
|
||||
var questionGroupMark = `<p id="group_marks">Marks : ${question.group_marks} </p>`
|
||||
if (question.group_attempt_any === '') {
|
||||
questionGroupAttempt = questionGroupAttempt.replace('<p id="group_attempt_any">', '<p id="group_attempt_any" hidden>')
|
||||
}
|
||||
|
||||
if (question.group_marks === '') {
|
||||
questionGroupMark = questionGroupMark.replace('<p id="group_marks">', '<p id="group_marks" hidden>')
|
||||
}
|
||||
const questionGroupDescriptio = question.group_description;
|
||||
const questionGroupDescription = questionGroupDescriptio.replaceAll('<p>', '<p class="question-Group-Description">')
|
||||
|
||||
questionPaper += `<div class="text-qus-align" style="margin-left:-1px">${currentSno}) ${questionGroupmodify}${questionGroupMark}${questionGroupAttempt}</div>`
|
||||
// if (question.group_attempt_any === '') {
|
||||
// questionGroupAttempt = questionGroupAttempt.replace('<p id="group_attempt_any">', '<p id="group_attempt_any" hidden>')
|
||||
// }
|
||||
|
||||
// if (question.group_marks === '') {
|
||||
// questionGroupMark = questionGroupMark.replace('<p id="group_marks">', '<p id="group_marks" hidden>')
|
||||
// }
|
||||
|
||||
questionPaper += `<div class="text-group-align" style="margin-left:-1px;">${temp_sno})${questionGroupmodify}</div>`
|
||||
|
||||
// questionPaper += `<div class="group_marks"></div>`;
|
||||
// questionPaper += `<div class="group_attempt_any"></div>`;
|
||||
questionPaper += `<div class="group_marks_attmpt">${questionGroupAttempt}${questionGroupMark}</div>`;
|
||||
// questionPaper += `<div class="group_attempt_any">${questionGroupAttempt}</div>`;
|
||||
|
||||
questionPaper += `<div style="margin-left:${description_align}px">${question.group_description}</div>`;
|
||||
questionPaper += `<div class="group-descrip" style="margin-left:${description_align}px">${questionGroupDescription}</div>`;
|
||||
depth2++
|
||||
} else if (question.question) {
|
||||
const questionTex = question.question;
|
||||
const questionText = questionTex.replaceAll('<p>', '<p class="question_Text">');
|
||||
console.log(questionText);
|
||||
const questionDescription = question.question_description;
|
||||
const questionText = questionTex.replaceAll('<p>', `<p class="question_Text" style="margin-left:${description_align}px">`);
|
||||
// console.log(questionText);
|
||||
const questionDescriptio = question.question_description;
|
||||
const questionDescription = questionDescriptio.replaceAll('<p>', '<p class="question-Description">')
|
||||
const mathstatus = question.is_math_enabled;
|
||||
var questionMark = `<p id="question-mark">Marks :${question.marks}</p>`;
|
||||
// console.log(questionMark);
|
||||
@ -156,22 +165,41 @@ function QuestionPaperPreview(jsonData){
|
||||
questionMark = questionMark.replace('<p id="question-mark">', '<p id="question-mark" hidden>')
|
||||
}
|
||||
|
||||
questionPaper += `<div class="text-qus-align">${currentSno}) ${convertToLatex(questionText, mathstatus)}</div>${questionMark}<div class="text-des align-right" style="margin-left:${description_align}px">${convertToLatex(questionDescription, mathstatus)}</div>`;
|
||||
|
||||
|
||||
questionPaper += `<div id="parent" class="text-qus-align">${temp_sno})${convertToLatex(questionText, mathstatus)}</div>${questionMark}<div class="text-des align-right" style="margin-left:${description_align}px">${convertToLatex(questionDescription, mathstatus)}</div>`;
|
||||
|
||||
if (question.question_type === "group") {
|
||||
const answers = question.answers;
|
||||
var answers = question.answers;
|
||||
var choisealgin =25
|
||||
var currentSno_length1 =currentSno.length-(currentSno.length/2)
|
||||
if (currentSno_length1 == 1) {
|
||||
choisealgin =26
|
||||
} else if (currentSno_length1 == 2) {
|
||||
choisealgin =40
|
||||
}else if(currentSno_length1 == 3){
|
||||
choisealgin =55
|
||||
}else if(currentSno_length1 == 4) {
|
||||
choisealgin =70
|
||||
}
|
||||
else if(currentSno_length1 == 5) {
|
||||
choisealgin =84
|
||||
}
|
||||
|
||||
const alphabetOptions = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; // Define the alphabet options
|
||||
|
||||
for (let i = 0; i < answers.length; i++) { // change the i +=2 aadhavan
|
||||
const optionA = alphabetOptions[i];
|
||||
// const optionB = alphabetOptions[i + 1];
|
||||
|
||||
const answerA = answers[i] ? `${optionA}. ${convertToLatex(answers[i].choice_name, mathstatus)}` : '';
|
||||
|
||||
var math = answers[i].is_math_enabled;
|
||||
// var choice_name_set =answers[i].choice_name.replace('<p>','<p class="Choise_Question_Align">')
|
||||
|
||||
const answerA = answers[i] ? `${optionA}. ${convertToLatex(answers[i].choice_name, math)}` : '';
|
||||
// const answerB = answers[i + 1] ? `${optionB}. ${convertToLatex(answers[i + 1].choice_name, mathstatus)}` : '';
|
||||
if (multipleAnswer == 'false') {
|
||||
questionPaper += `<div class="text-option-align"><input type="radio" name="answer" value="A"> ${answerA.padEnd(10)}</div>`;
|
||||
questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="radio" name="answer" value="A"> ${answerA.padEnd(10)}</div>`;
|
||||
}else{
|
||||
questionPaper += `<div class="text-option-align"><input type="checkbox" name="answer" value="A"> ${answerA.padEnd(10)}</div>`;
|
||||
questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="checkbox" name="answer" value="A"> ${answerA.padEnd(10)}</div>`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
|
||||
.question_Text{
|
||||
inline-size: 700px;
|
||||
@ -69,20 +69,27 @@
|
||||
}
|
||||
|
||||
#question-Group-Id{
|
||||
display: inline;
|
||||
inline-size: 700px;
|
||||
text-wrap: wrap;
|
||||
/* display: inline-flex; */
|
||||
/* flex-direction: column; */
|
||||
text-decoration: underline;
|
||||
/* justify-content: flex-start; */
|
||||
position: relative;
|
||||
top: -27px;
|
||||
}
|
||||
|
||||
#group_attempt_any{
|
||||
display: inline-flex;
|
||||
float: right;
|
||||
/* display: inline-flex; */
|
||||
/* float: right; */
|
||||
margin-right: 93px;
|
||||
}
|
||||
#group_marks{
|
||||
display: inline-flex;
|
||||
float: right;
|
||||
width: 10px;
|
||||
margin-left: 35px;
|
||||
/* margin-right: -150px; */
|
||||
/* display: inline-flex; */
|
||||
/* float: right; */
|
||||
margin-left: 116px;
|
||||
margin-right: 4px;
|
||||
margin-top: -28px;
|
||||
}
|
||||
|
||||
|
||||
@ -146,10 +153,13 @@
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.text-qus-align :not(p:first-child){
|
||||
.text-qus-align :not(p:first-child){
|
||||
display:flex;
|
||||
margin-left:30px;
|
||||
margin-left: 54px;
|
||||
}
|
||||
/* .text-qus-align p:first-child{
|
||||
margin-left: -23px;
|
||||
} */
|
||||
/*override code */
|
||||
.MathJax.CtxtMenu_Attached_0{
|
||||
display: contents !important;
|
||||
@ -208,8 +218,41 @@
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.section-Description{
|
||||
inline-size: 680px;
|
||||
/* overflow-wrap: break-word;
|
||||
hyphens: manual; */
|
||||
text-wrap: wrap;
|
||||
/* display: inline-flex; */
|
||||
/* margin-right: 10px; */
|
||||
}
|
||||
.question-Description{
|
||||
inline-size: 660px;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
.question-Group-Description{
|
||||
inline-size: 660px;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
.text-group-align{
|
||||
/* display: flex; */
|
||||
inline-size: 700px;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
.group_marks_attmpt{
|
||||
margin-top: -54px;
|
||||
float: right;
|
||||
display:inline;
|
||||
}
|
||||
.group-descrip{
|
||||
position: relative;
|
||||
top: -21px;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
/* p.question_Text:not(:first-of-type) {
|
||||
margin-left: 34px;
|
||||
} */
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
@ -369,7 +412,22 @@
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
setTimeout(() => {
|
||||
var parentDiv = $('.text-qus-align');
|
||||
var firstParagraph = parentDiv.find('.question_Text:first-child');
|
||||
console.log(parentDiv);
|
||||
|
||||
// Remove the style attribute from the first <p> tag
|
||||
if (firstParagraph.length > 0) {
|
||||
firstParagraph.removeAttr('style');
|
||||
}
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user