570 lines
15 KiB
HTML
570 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Project-B</title>
|
|
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/png" sizes="56x56" href="assets/images/fav-icon/v.png">
|
|
<!-- bootstrap CSS -->
|
|
<link rel="stylesheet" href="./assets/css/bootstrap.min.css" type="text/css" media="all" />
|
|
<!-- carousel CSS -->
|
|
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css" media="all"/>
|
|
<!-- nivo-slider CSS -->
|
|
<link rel="stylesheet" href="assets/css/nivo-slider.css" type="text/css" media="all" />
|
|
<!-- animate CSS -->
|
|
<link rel="stylesheet" href="assets/css/animate.css" type="text/css" media="all" />
|
|
<!-- animated-text CSS -->
|
|
<link rel="stylesheet" href="assets/css/animated-text.css" type="text/css" media="all" />
|
|
<!-- font-awesome CSS -->
|
|
<link rel="stylesheet" href="assets/css/all.min.css" type="text/css" media="all" />
|
|
<!-- font-flaticon CSS -->
|
|
<link rel="stylesheet" href="assets/css/flaticon.css" type="text/css" media="all" />
|
|
<!-- theme-default CSS -->
|
|
<link rel="stylesheet" href="assets/css/theme-default.css" type="text/css" media="all" />
|
|
<!-- meanmenu CSS -->
|
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css" type="text/css" media="all" />
|
|
<link rel="stylesheet" href="assets/css/font-awesome.min.css" type="text/css" media="all" />
|
|
<!-- Main Style CSS -->
|
|
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
|
|
<!-- transitions CSS -->
|
|
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css" media="all" />
|
|
<!-- venobox CSS -->
|
|
<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="all" />
|
|
<!-- widget CSS -->
|
|
<link rel="stylesheet" href="assets/css/widget.css" type="text/css" media="all" />
|
|
<!-- responsive CSS -->
|
|
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all" />
|
|
<!-- modernizr js -->
|
|
<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
|
|
<link rel="stylesheet" href="./assets/css/titillium.css" type="text/css">
|
|
<!-- <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'> -->
|
|
<link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
|
|
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> -->
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
table {
|
|
border-collapse: collapse; /* Set to 'collapse' for adjacent cell borders to collapse into one */
|
|
text-indent: 0; /* Reset text indentation */
|
|
border-spacing: 0; /* Set to '0' to eliminate any spacing between cells */
|
|
}
|
|
table td{
|
|
border: 1px solid black !important;
|
|
}
|
|
.table-border{
|
|
/* border: 1px solid black; */
|
|
margin-left:10px;
|
|
margin-right: 10px !important;
|
|
width: 80px;
|
|
inline-size: 80px;
|
|
text-wrap: wrap;
|
|
|
|
}
|
|
|
|
tr{
|
|
display: flex !important;
|
|
/* border: 1px solid black; */
|
|
}
|
|
.question-Group-Description{
|
|
margin-top: -14px;
|
|
}
|
|
|
|
.GroupQuestionId{
|
|
margin-left: 1px;
|
|
}
|
|
|
|
/* strong{
|
|
margin-left: -51px !important;
|
|
} */
|
|
s{
|
|
margin-left: 3px !important;
|
|
}
|
|
em{
|
|
margin-left: 2px !important;
|
|
}
|
|
sub{
|
|
margin-left: -5px !important;
|
|
}
|
|
sup{
|
|
margin-left: 1px !important;
|
|
}
|
|
u{
|
|
margin-left: 0px !important;
|
|
}
|
|
.question_Text{
|
|
inline-size: 700px;
|
|
/* overflow-wrap: break-word;
|
|
hyphens: manual; */
|
|
text-wrap: wrap;
|
|
margin-top: -27px !important;
|
|
|
|
/* width: 700px; */
|
|
/* inline-size: 150px; */
|
|
/* overflow-wrap: break-word;
|
|
inline-size: min-content;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
word-break: break-all; */
|
|
|
|
}
|
|
|
|
#question-Group-Id{
|
|
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; */
|
|
margin-right: 93px;
|
|
}
|
|
#group_marks{
|
|
/* display: inline-flex; */
|
|
/* float: right; */
|
|
margin-left: 116px;
|
|
margin-right: 4px;
|
|
margin-top: -28px;
|
|
}
|
|
|
|
|
|
hr{
|
|
height: 2px;
|
|
}
|
|
#horizontal:first-of-type{
|
|
display: none;
|
|
}
|
|
|
|
p{
|
|
font-weight: 500;
|
|
}
|
|
|
|
hr{
|
|
border-top: 2px solid rgba(0,0,0,.1) !important;
|
|
}
|
|
|
|
|
|
/* Questions Mark */
|
|
.question_Text{
|
|
display: inline-table;
|
|
/* display: inline-flex; */
|
|
margin-right: 10px;
|
|
}
|
|
#question-mark{
|
|
display: inline-flex;
|
|
margin-right: 10px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
|
|
/* Section SectionAttempt SectionMark */
|
|
#sectionTitle{
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
}
|
|
#sectionAttempt:first-of-type{
|
|
margin-top:-27px;
|
|
}
|
|
#sectionAttempt{
|
|
display: inline-flex;
|
|
margin-right: 40px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
#sectinMark:first-of-type{
|
|
margin-top:-27px;
|
|
}
|
|
#sectionMark{
|
|
display: inline-flex;
|
|
margin-right: 10px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
|
|
/* End the this */
|
|
|
|
mjx-math{
|
|
margin-top: 10px;
|
|
}
|
|
/* Center the heading */
|
|
#heading {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
.text-qus-align :not(p:first-child){
|
|
/* display:flex; */
|
|
/* display: contents; */
|
|
/* display: flow; */
|
|
/* margin-left: 54px; */
|
|
}
|
|
/* .text-qus-align p:first-child{
|
|
margin-left: -23px;
|
|
} */
|
|
/*override code */
|
|
.MathJax.CtxtMenu_Attached_0{
|
|
display: contents !important;
|
|
}
|
|
.text-qus-align{padding-right: 62px; }
|
|
.text-qus-align p{ margin:0; }
|
|
.text-des{ margin-left: 20px;margin-top: 0px;} /* Change there aadhavan top-6px*/
|
|
.text-option-align{display:flex;margin-top: 0%;margin-left: 45px;} /* Change there aadhavan 10px*/
|
|
.text-option-align p{ margin:0; text-wrap: balance;}
|
|
/* #sectionTitle {border-top: 2px solid gray
|
|
; width:99%;} */
|
|
/* #sectionTitle:first-of-type {border:none;} */
|
|
mjx-container[jax="CHTML"][display="true"] {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 1em 0;
|
|
margin-right: 48em;
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
background-image: url('assets/images/bg1-1.png');
|
|
background-size: cover; /* Adjust as needed */
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-color: #00000073;
|
|
|
|
}
|
|
|
|
|
|
.landing-icons{
|
|
width: 100%;
|
|
text-align: right;
|
|
margin-bottom: -32px;
|
|
}
|
|
p{
|
|
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;
|
|
} */
|
|
|
|
.main-header {
|
|
position: fixed!important;
|
|
top: 0!important;
|
|
width: 100%!important;
|
|
background-color: #fff!important;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)!important;
|
|
z-index: 999!important;
|
|
border-bottom: 2px solid #A8DADC !important;
|
|
}
|
|
|
|
.nav-menu {
|
|
margin-top: -9px!important;
|
|
}
|
|
|
|
.logo-d{
|
|
width: 150px!important;
|
|
padding-top: 10px !important;
|
|
}
|
|
|
|
.heder-menu ul li a {
|
|
font-weight: 400 !important;
|
|
color: #1d3557 !important;
|
|
}
|
|
.heder-menu ul li a:hover {
|
|
filter: invert(23%) sepia(67%) saturate(2476%) hue-rotate(335deg) brightness(89%) contrast(89%);
|
|
}
|
|
|
|
/* .row.section {
|
|
box-shadow: 8px 9px 35px 0px rgb(145 145 145 / 24%) !important;
|
|
background: #fff !important;
|
|
} */
|
|
|
|
.QuestionPaperClass{
|
|
width: 100%;
|
|
position: relative;
|
|
padding: 55px 60px 55px 60px !important;
|
|
margin-top: 50px;
|
|
background-color: #FFFFFF;
|
|
color: #1D3557;
|
|
border-radius: 10px;
|
|
margin-bottom: 50px;
|
|
border-bottom: 4px solid;
|
|
box-shadow: 13px 14px 40px 5px rgba(8, 8, 8, 0.24);
|
|
}
|
|
|
|
.QuestionPaperClass h1{
|
|
color: #1d3557 !important;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- loder -->
|
|
<!-- <div class="loader-wrapper">
|
|
<div class="loader"></div>
|
|
<div class="loder-section left-section"></div>
|
|
<div class="loder-section right-section"></div>
|
|
</div> -->
|
|
|
|
<div id="overlay">
|
|
<div class="cv-spinner">
|
|
<span class="spinner"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- main-header -->
|
|
<div class="main-header">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="nav-menu">
|
|
<div class="header-logo">
|
|
<a href="dashboard.html" ><img class="logo-d" src="assets/images/project-b-logo.png" alt=""></a>
|
|
</div>
|
|
<div class="heder-menu">
|
|
<ul>
|
|
<li><a href="dashboard.html"><img class="addPageMenu" src="assets/images/home.svg" alt="">Home</a></li>
|
|
<li><a id="editlink" href=""><img class="addPageMenu" src="assets/images/edit3.svg" alt="">Edit</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" style=" margin-top: 6%; max-width: 75%;">
|
|
<div class="row section" id="QuestionPaper">
|
|
<div class="QuestionPaperClass">
|
|
<pre id="questionPaper"></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="copy-right-area">
|
|
<div class="copy-left">
|
|
<span style="color: #1D3557;">© 2023 Project-B. All rights reserved.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jquery js -->
|
|
<script src="./node_modules/jquery/dist/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
|
|
<!-- mathjax -->
|
|
<script src="./node_modules/mathjax/es5/tex-chtml-full.js"></script>
|
|
<!-- bootstrap js -->
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<!-- carousel js -->
|
|
<script src="assets/js/owl.carousel.min.js"></script>
|
|
<!-- counterup js -->
|
|
<script src="assets/js/jquery.counterup.min.js"></script>
|
|
<!-- waypoints js -->
|
|
<script src="assets/js/waypoints.min.js"></script>
|
|
<!-- wow js -->
|
|
<script src="assets/js/wow.js"></script>
|
|
<!-- imagesloaded js -->
|
|
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
|
|
<!-- venobox js -->
|
|
<script src="venobox/venobox.js"></script>
|
|
<!-- ajax mail js -->
|
|
<!-- <script src="assets/js/ajax-mail.js"></script> -->
|
|
<!-- animated-text js -->
|
|
<script src="assets/js/animated-text.js"></script>
|
|
<!-- venobox min js -->
|
|
<script src="venobox/venobox.min.js"></script>
|
|
<!-- isotope js -->
|
|
<script src="assets/js/isotope.pkgd.min.js"></script>
|
|
<!-- jquery nivo slider pack js -->
|
|
<script src="assets/js/jquery.nivo.slider.pack.js"></script>
|
|
<!-- jquery meanmenu js -->
|
|
<script src="assets/js/jquery.meanmenu.js"></script>
|
|
<script src="assets/js/popper.min.js"></script>
|
|
<!-- jquery scrollup js -->
|
|
|
|
<script src="assets/js/jquery.scrollUp.js"></script>
|
|
<!-- theme js -->
|
|
<script src="assets/js/theme.js"></script>
|
|
<script src="assets/js/jquery.barfiller.js"></script>
|
|
|
|
<script src="xml2json_for_Questionpaper_preview.js"></script>
|
|
<script src="QuestionPaperPreview.js"></script>
|
|
<script src="decode.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
$("#overlay").show();
|
|
const fs = require('fs');
|
|
const path =require('path');
|
|
|
|
// require('dotenv').config();
|
|
//get value from .env
|
|
|
|
// const convertBaseToString =require('./envConvertBasetoString');
|
|
var configObject = convertBaseToString();
|
|
|
|
const isEncrypted = configObject.ENCRYPTED.trim();
|
|
|
|
// const isEncrypted = process.env.ENCRYPTED;
|
|
|
|
const url = new URL(window.location.href);// Get the URL of the current page for JSON
|
|
const params = new URLSearchParams(url.search);// Create a URLSearchParams object from the query string
|
|
const xmlFileName = params.get('filename');// Get the value of a specific parameter
|
|
loadXML(xmlFileName)
|
|
|
|
//Preview edit button
|
|
document.getElementById("editlink").href = "addform.html?filename=" + xmlFileName;
|
|
|
|
// Function to load XML from a file
|
|
function loadXML(xmlFileName) {
|
|
|
|
//XmlPath get from .env
|
|
const xmlPathenv=configObject.XML_FILE_PATH.trim();
|
|
|
|
// const xmlPathenv=process.env.XML_FILE_PATH;
|
|
const xmlPath =path.join(__dirname,xmlPathenv);
|
|
// console.log(xmlFileName)
|
|
return new Promise((resolve, reject) => {
|
|
fs.readFile(`${xmlPath}`+xmlFileName, 'utf8', (error, data) => {
|
|
if (error) {
|
|
reject(error);
|
|
} else {
|
|
if (isEncrypted === 'YES') {
|
|
var decodeData = decode(data);
|
|
resolve(decodeData);
|
|
xml2json(decodeData);
|
|
} else {
|
|
resolve(data);
|
|
xml2json(data);
|
|
}
|
|
MathJax.typeset();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
console.log()
|
|
|
|
|
|
|
|
|
|
</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>
|
|
|
|
<script>
|
|
function thisclassnameWhenPaste() {
|
|
var elements = document.querySelectorAll('.ql-align-justify');
|
|
|
|
|
|
elements.forEach(function(element) {
|
|
|
|
element.classList.add('question_Text');
|
|
element.classList.remove('ql-align-justify')
|
|
});
|
|
}
|
|
|
|
setInterval(thisclassnameWhenPaste, 1000);
|
|
</script>
|
|
|
|
<script>
|
|
|
|
var counter = 0;
|
|
|
|
function quilltableclassname() {
|
|
var hb = document.querySelectorAll('.td-q');
|
|
hb.forEach(function (param,index) {
|
|
// Assuming param contains the HTML of each .td-q element
|
|
var doc = document.createElement('div');
|
|
doc.innerHTML = param.innerHTML;
|
|
|
|
var pElement = doc.querySelector('p');
|
|
|
|
if (pElement) {
|
|
pElement.classList.add('table-border');
|
|
pElement.classList.remove('question_Text');
|
|
param.innerHTML = doc.innerHTML;
|
|
|
|
}
|
|
});
|
|
|
|
counter++;
|
|
if (counter === 1) {
|
|
clearInterval(intervalId);
|
|
}
|
|
}
|
|
|
|
var intervalId = setInterval(quilltableclassname, 1000);
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|