REARRANGE BUTTONS : RV

This commit is contained in:
venkateswaran ubuntu 2023-10-20 19:34:53 +05:30
parent 3dc2980133
commit 1fbd26a8bc

View File

@ -945,7 +945,6 @@ navpane();
html2json(); html2json();
// function for ONMOUSE HOVER to SHOW the side ADD BUTTONS
function showButtons(container) { function showButtons(container) {
const buttons = container.querySelector('.buttons'); const buttons = container.querySelector('.buttons');
const onhover = container.querySelector('.onhover'); const onhover = container.querySelector('.onhover');
@ -957,7 +956,6 @@ function showButtons(container) {
} }
// function for ONMOUSE HOVER to HIDE the side ADD BUTTONS
function hideButtons(container) { function hideButtons(container) {
const buttons = container.querySelector('.buttons'); const buttons = container.querySelector('.buttons');
const onhover = container.querySelector('.onhover'); const onhover = container.querySelector('.onhover');
@ -967,6 +965,7 @@ function hideButtons(container) {
} }
var i = 0; var i = 0;
//Function for Create a New Section in the Question Paper //Function for Create a New Section in the Question Paper
function addSection(title = false, description = false, random_no = false, section_uuid = false, section_marks = false, sectionDispalyMarks = false, sectionAttemptAny = false) function addSection(title = false, description = false, random_no = false, section_uuid = false, section_marks = false, sectionDispalyMarks = false, sectionAttemptAny = false)
@ -1006,17 +1005,8 @@ function addSection(title = false, description = false, random_no = false, secti
<div class="nodrop col-lg-12 col-md-12"> <div class="nodrop col-lg-12 col-md-12">
<div class="row question element" style="border-top : 15px solid; margin-right: ;" id="SectionBox_${sectionRandomID}" onmouseover="showButtons(this)" > <div class="row question element" style="border-top : 15px solid; margin-right: ;" id="SectionBox_${sectionRandomID}" onmouseover="showButtons(this)" >
<div class="items align-items-center hideondrag" style="display: block;">
<div class="dropdown " id="toggle-menu">
<i class="fa fa-ellipsis-v" style="font-size:20px" aria-hidden="true"></i>
<div class="dropdown-content ">
<button id="popupid_${sectionRandomID}" class="showPopupButton ">Move</button>
</div>
</div>
</div>
<div class="row" style="text-align:right; width: 100%"> <div class="row" style="text-align:right; width: 100%; margin-bottom: -35px">
<div class="col-lg-10 col-md-12"> <div class="col-lg-10 col-md-12">
<div class=" button-group align-items-center"> <div class=" button-group align-items-center">
@ -1037,8 +1027,17 @@ function addSection(title = false, description = false, random_no = false, secti
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 col-md-12"> <div class="col-lg-12 col-md-12">
<div class="items align-items-center hideondrag" style="display: block; margin-bottom: -50px">
<div class="dropdown " id="toggle-menu">
<i class="fa fa-ellipsis-v" style="font-size:20px" aria-hidden="true"></i>
<div class="dropdown-content">
<button id="popupid_${sectionRandomID}" class="showPopupButton ">Move</button>
</div>
</div>
</div>
<div class="form_box"> <div class="form_box">
<label>Section:</label> <label>Section:</label>
<div class="richText" id="section_title_text_${random_no == false ? text_field_created_time : random_no}" contenteditable="true" style="border: 2px solid #EEECFE; margin-top: 4px;">${title ? title : ''}</div> <div class="richText" id="section_title_text_${random_no == false ? text_field_created_time : random_no}" contenteditable="true" style="border: 2px solid #EEECFE; margin-top: 4px;">${title ? title : ''}</div>
@ -1331,7 +1330,7 @@ function addQuestionGroup(idObj)
<div class="col-lg-12 col-md-12"> <div class="col-lg-12 col-md-12">
<div onmouseover="showButtons(this)" id="QuestionGroupButtons_${QuestionGroup_ID}" class="row question element" style="border-top: 10px solid #a658f3; border-radius:10px; margin-top:5px;"> <div onmouseover="showButtons(this)" id="QuestionGroupButtons_${QuestionGroup_ID}" class="row question element" style="border-top: 10px solid #a658f3; border-radius:10px; margin-top:5px;">
<div class="items align-items-center"> <div class="items align-items-center hideondrag" style="display: none;">
<span onclick="ReArrangeQuestionsGroup(event)" id="forword_${QuestionGroup_ID}" class="fa fa-chevron-up up-icon"></span>&nbsp;&nbsp; <span onclick="ReArrangeQuestionsGroup(event)" id="forword_${QuestionGroup_ID}" class="fa fa-chevron-up up-icon"></span>&nbsp;&nbsp;
<span onclick="ReArrangeQuestionsGroup(event)" id="backword_${QuestionGroup_ID}" class="fa fa-chevron-down down-icon"></span>&nbsp;&nbsp;&nbsp; <span onclick="ReArrangeQuestionsGroup(event)" id="backword_${QuestionGroup_ID}" class="fa fa-chevron-down down-icon"></span>&nbsp;&nbsp;&nbsp;
</div> </div>
@ -1369,29 +1368,29 @@ function addQuestionGroup(idObj)
<div class="richText" id="subSection_description_text_${QuestionGroup_ID}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_description : ""}</div> <div class="richText" id="subSection_description_text_${QuestionGroup_ID}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_description : ""}</div>
</div> </div>
</div> </div>
<div class="col-lg-5 col-md-5 mt-2">
<span>Display Marks</span> <span>Display Marks</span>
<label class="switch"> <label class="switch">
<input type="checkbox" id="Question_Group_Display_Marks_Id_${QuestionGroup_ID}" checked> <input type="checkbox" id="Question_Group_Display_Marks_Id_${QuestionGroup_ID}">
<span class="slider round"></span> <span class="slider round"></span>
</label> </label>
</div>
<div class="col-lg-0 col-md-0"></div>
<div class="col-lg-4 col-md-4 hideondrag text" style="margin-left:215px;"> <div class="col-lg-4 col-md-4 hideondrag text" >
<div class="form_box"> <div class="form_box justify-content-end">
<div style="margin-left: 35px;"> Attempt Any : </div> <div style="margin-right:10px;"> Attempt Any : </div>
<input type="text" id="Question_Attempt_Any_Id_${QuestionGroup_ID}" value="${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_attempt_any : ''}"> <input type="text" id="Question_Attempt_Any_Id_${QuestionGroup_ID}" value="${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_attempt_any : ''}">
</div> </div>
</div> </div>
<div class="col-lg-8 col-md-8"></div>
<div class="col-lg-4 col-md-4 hideondrag text"> <div class="col-lg-3 col-md-3 hideondrag text">
<div class="form_box" style="margin-top: -55px;"> <div class="form_box">
<div style="margin-left: 80px;"> Marks : </div> <div> Marks : </div>
<input type="text" id="Question_Group_Marks_Id_${QuestionGroup_ID}" value="${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_marks : ""}"> <input type="text" style="width:58%;" id="Question_Group_Marks_Id_${QuestionGroup_ID}" value="${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.group_marks : ""}">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -1706,7 +1705,7 @@ function groupQuestion(question_id = false, section_id = false , group_question_
<label>Subtitle:</label> <label>Subtitle:</label>
<div class="richText" id="textQuestionSubtitle_${addChoiceAreaId}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${questionDescription ? questionDescription : ''}</div> <div class="richText" id="textQuestionSubtitle_${addChoiceAreaId}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${questionDescription ? questionDescription : ''}</div>
<math-field id="textQuestionSubtitle_math_${addChoiceAreaId}" contenteditable="true">${mathEnabled == 'true' ? questionDescription : ''}</math-field> <math-field id="textQuestionSubtitle_math_${addChoiceAreaId}" contenteditable="true">${mathEnabled == 'true' ? questionDescription : ''}</math-field>
<span class="mathQuestions">MATH</span>&nbsp;<input class="checkbox" style="width:14px; height:14px" type="checkbox" id="math_${addChoiceAreaId}"> <span class="mathQuestions">Math</span>&nbsp;<input class="checkbox" style="width:14px; height:14px" type="checkbox" id="math_${addChoiceAreaId}">
</div> </div>
</div> </div>
@ -1719,7 +1718,7 @@ function groupQuestion(question_id = false, section_id = false , group_question_
<math-field id="choiceTextField_math_${addChoiceAreaId}" style="width: 100%;" contenteditable="true">${Choice ? Choice[0].choice_name : ""}</math-field> <math-field id="choiceTextField_math_${addChoiceAreaId}" style="width: 100%;" contenteditable="true">${Choice ? Choice[0].choice_name : ""}</math-field>
</div> </div>
<div class="items2 col-lg-4"> <div class="items2 col-lg-4">
<input style="width:14px; height:14px" type="checkbox" id="Choicemath_${addChoiceAreaId}">&nbsp;&nbsp;<span class="math">MATH</span> <input style="width:14px; height:14px" type="checkbox" id="Choicemath_${addChoiceAreaId}">&nbsp;&nbsp;<span class="math">Math</span>
</div> </div>
</div> </div>
</div> </div>
@ -2098,7 +2097,7 @@ function addNewChoice(NewaddChoiceAreaId = false , choiceName = false, questionR
<math-field id="newchoiceTextField_math_`+text_field_created_time+rnd_no+`" style="width: 100%;" contenteditable="true">${choiceName ? choiceName : ""}</math-field> <math-field id="newchoiceTextField_math_`+text_field_created_time+rnd_no+`" style="width: 100%;" contenteditable="true">${choiceName ? choiceName : ""}</math-field>
</div> </div>
<div class="items2 col-lg-4"> <div class="items2 col-lg-4">
<input style="width:14px; height:14px" type="checkbox" id="choice_math_`+text_field_created_time+rnd_no+`">&nbsp;&nbsp;<span class="math">MATH</span>&nbsp;&nbsp;&nbsp; <input style="width:14px; height:14px" type="checkbox" id="choice_math_`+text_field_created_time+rnd_no+`">&nbsp;&nbsp;<span class="math">Math</span>&nbsp;&nbsp;&nbsp;
<i class="fa fa-trash-o" style="font-size:20px;" aria-hidden="true" id="newChoiceDeleteButton_`+text_field_created_time+rnd_no+`" title="Remove Choice"></i> <i class="fa fa-trash-o" style="font-size:20px;" aria-hidden="true" id="newChoiceDeleteButton_`+text_field_created_time+rnd_no+`" title="Remove Choice"></i>
</div> </div>
</div> </div>
@ -2307,7 +2306,7 @@ textQuestion +=
<label>Subtitle:</label> <label>Subtitle:</label>
<div class="richText" id="textQuestionSubtitle_${addTextQuestionId}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${QuestionObj.hasOwnProperty('questionDescription') ? QuestionObj.questionDescription : '' }</div> <div class="richText" id="textQuestionSubtitle_${addTextQuestionId}" contenteditable="true" style=" border: 2px solid #EEECFE; margin-top: 4px;">${QuestionObj.hasOwnProperty('questionDescription') ? QuestionObj.questionDescription : '' }</div>
<math-field id="textQuestionSubtitle_math_${addTextQuestionId}" contenteditable="true">${mathEnabled == 'true' ? QuestionObj.questionDescription : ''}</math-field> <math-field id="textQuestionSubtitle_math_${addTextQuestionId}" contenteditable="true">${mathEnabled == 'true' ? QuestionObj.questionDescription : ''}</math-field>
<span class="mathQuestions">MATH</span>&nbsp;<input class="checkbox" style="width:14px; height:14px" type="checkbox" id="math_${addTextQuestionId}"> <span class="mathQuestions">Math</span>&nbsp;<input class="checkbox" style="width:14px; height:14px" type="checkbox" id="math_${addTextQuestionId}">
</div> </div>
</div> </div>
@ -2551,7 +2550,6 @@ var inputElement = document.getElementById(Textid);
markCalculation(); markCalculation();
} }
//function for Questions REORDER in the SECTION Level //function for Questions REORDER in the SECTION Level
function ReArrangeQuestions(e){ function ReArrangeQuestions(e){
@ -2638,6 +2636,8 @@ function ReArrangeQuestionsGroup(e){
navpane(); navpane();
} }
//Function for Add Group Question inside the Group QUestion Like Question //Function for Add Group Question inside the Group QUestion Like Question
function MultiLevelQuestionGroup(e) function MultiLevelQuestionGroup(e)
{ {