projectb/QuestionPreview.html
2023-10-07 17:35:29 +05:30

264 lines
8.8 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 href='https://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<style>
/* Center the heading */
#heading {
text-align: center;
margin-top: 20px;
}
/*override code */
.MathJax.CtxtMenu_Attached_0{
display: contents !important;
}
.text-qus-align{ display:flex;margin-left: -10px; }
.text-qus-align p{ margin:0; }
.text-des{ margin-left: 20px;margin-top: 6px;}
.text-option-align{display:flex;margin-top: 10px;}
.text-option-align p{ margin:0; }
mjx-container[jax="CHTML"][display="true"] {
display: block;
text-align: center;
margin: 1em 0;
margin-right: 48em;
}
/* Style for the Choose File button */
.file-input {
background-color: #533dfd;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
/* Style for the Submit button */
.submit-button {
background-color: #2ecc71;
color: #fff;
border: none;
padding: 10px 20px;
height: 55px;
border-radius: 5px;
cursor: pointer;
}
body {
background-image: url('assets/images/bg1-1.png');
background-size: cover; /* Adjust as needed */
background-repeat: no-repeat;
background-attachment: fixed;
}
.landing-icons{
width: 100%;
text-align: right;
margin-bottom: -32px;
}
</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>
<!-- main-header -->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div id="sticky-header" class="nav-menu">
<div class="header-logo">
<a href="dashboard.html" ><h2 style="margin-top: 25px;"><img src="assets/images/fav-icon/icon.png" alt="">&nbsp;&nbsp;PROJECT-B</h2></a>
<a class="main_sticky" href="dashboard.html" class="project"><h2><img src="assets/images/fav-icon/icon.png" alt="">&nbsp;&nbsp;PROJECT-B</h2></a>
</div>
<div class="heder-menu">
<ul>
<li><a href="dashboard.html"><i class="fa fa-home" aria-hidden="true" style="font-size: 24px;"></i>&nbsp;&nbsp;Home</a></li>
<li><a id="editlink" href=""><i class="fa fa-pencil-square-o" aria-hidden="true" style="font-size: 24px;"></i>&nbsp;&nbsp;Edit</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-menu-area d-sm-block d-md-block d-lg-none ">
<div class="mobile-menu">
<nav class="itsoft_menu">
<ul class="nav_scroll">
<li><a href="dashboard.html">home </a></li>
<li><a href="addform.html">Add New</a></li>
</ul>
</nav>
</div>
</div>
<div class="container" style=" margin-top: 6%; max-width: 75%;">
<div class="row section QuestionPaperClass" id="QuestionPaper">
<div class="question-papper-title" style="border: 2px solid; margin-bottom: 25px;">
<pre id="questionPaper"></pre>
</div>
</div>
</div>
<div class="copy-right-area">
<div class="copy-left">
<span style="color: #533dfd;">© 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>
const fs = require('fs');
require('dotenv').config();
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) {
console.log(xmlFileName)
return new Promise((resolve, reject) => {
fs.readFile('xml/'+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();
}
});
});
}
</script>
</body>
</html>