NAVPANEAUTOEXPAND NAVPANEHOVER CLIPBOARD : AADHAVAN

This commit is contained in:
aadhavan 2023-11-10 19:18:40 +05:30
parent 2a78851d7a
commit e665e388b7
10 changed files with 13374 additions and 89 deletions

View File

@ -51,6 +51,25 @@
<style>
/* 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;
@ -159,7 +178,7 @@
}
.text-qus-align :not(p:first-child){
display:flex;
margin-left: 54px;
/* margin-left: 54px; */
}
/* .text-qus-align p:first-child{
margin-left: -23px;
@ -447,6 +466,7 @@ setTimeout(() => {
});
</script>
</body>

View File

@ -45,9 +45,24 @@
<script defer src="./node_modules/mathlive/dist/mathlive.min.js"></script>
<!-- modernizr js -->
<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="C:\Users\aadha\projectb\node_modules\quill-image-resize\image-resize.min.js"></script>
<script src="assets/js/quill.js"></script>
<script src="assets/css/quill.snow.css"></script>
<style>
/* body { */
/* Ensure the body takes the full height of the viewport */
/* height: 100vh; */
/* Apply smooth transition for the zoom effect */
/* transition: transform 0.3s ease-in-out; */
/* Set transform origin to the top left corner to prevent content shifting */
/* transform-origin: top left; */
/* } */
#editPreview{
color: #7018d4;
}
@ -110,7 +125,8 @@
/* Show the icon when hovering over the parent element with .hidedrag */
.element:hover .drag-handle {
color: blueviolet;
/* color: blueviolet; */
color: #BF303B;
}
body {
@ -161,11 +177,13 @@
<style>
.arrow-down::before {
content: '\25BC';
/* content: '\25BC'; */
content: '⮟';
margin-right: 5px;
}
.arrow-right::before {
content: '\25B6';
/* content: '\25B6'; */
content: '⮞';
margin-right: 10px;
}
@ -191,7 +209,7 @@
/* Style for the collapsible content */
.content {
display: none;
/* display: none; */
margin-left: 9px;
}
@ -240,7 +258,7 @@
overflow-x: clip;
max-height: 532px;
padding:0 10px 20px;
width: 235px;
width: 285px;
height: -webkit-fill-available;
}
#page-content-wrapper {
@ -326,6 +344,7 @@
/* border: 2px solid #a09c9c; */
/* background: #BF303B; */
transition: box-shadow 0.3s, background-color 0.3s; /* Add a smooth transition to the shadow and background-color */
margin-right: -75px;
}
/* .menu-symbol {
position:absolute;
@ -363,6 +382,13 @@
z-index: 1;
}
li.popupbox{
color: black !important;
}
li.popupbox span{
color: #BF303B !important;
}
/* Styles for the popup container */
.popup {
display: none;
@ -375,6 +401,9 @@
padding: 20px;
z-index: 2;
font-size: larger;
/* color: rgba(255, 0, 0) !important; */
color: darkred !important;
/* color: black !important; */
}
.popupbox {
display: flex;
@ -544,7 +573,7 @@ h1.title{
<!-- QuestionPapper Title Start-->
<div class="question-papper-title element">
<h1 class="title">Questionnaire Details</h1>
<h1 class="title">QuestionPaper Details</h1>
<input type="hidden" id="QuestionPaper_UUID_ID">
<div class="col-lg-12 col-md-12">
<div class="row">
@ -962,6 +991,9 @@ function saveFile(flag=0) {
const { v4: uuidv4 } = require('uuid');
const Quill = require('quill');
const ImageResize = require('quill-image-resize')
Quill.register('modules/imageResize', ImageResize);
const Question_Paper_UUID = uuidv4();
var QuestionPaper_UUID = document.getElementById('QuestionPaper_UUID_ID')
@ -973,6 +1005,7 @@ var toolbarOptions = [
[{ 'script': 'sub'}, { 'script': 'super' }],
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
['image'],
[{ 'align': ['justify', 'center', 'right', ] }]
];
var toolbarOptions2 = [
@ -984,8 +1017,9 @@ var toolbarOptions2 = [
var quill = new Quill('#Question_title', {
theme: 'snow',
modules: {
toolbar: toolbarOptions
},
toolbar: toolbarOptions,
}
});
var quill = new Quill('#Question_description', {
@ -998,6 +1032,82 @@ var quill = new Quill('#Question_description', {
},
});
// var quill = new Quill('', {
// theme: 'snow',
// modules: {
// imageResize: {
// displaySize: true
// }
// }
// });
// var quill = new Quill('#editor-container', {
// theme: 'snow',
// modules: {
// toolbar: {
// container: [['image']],
// handlers: {
// image: imageHandler
// }
// }
// },
// });
function imageHandler() {
var range = this.quill.getSelection();
var value = prompt('What is the image URL');
this.quill.insertEmbed(range.index, 'image', value, Quill.sources.USER);
}
// const ImageResize = require('quill-image-resize');
// console.log(ImageResize);
// Quill.register('modules/imageResize', ImageResize);
// const quill = new Quill('#editor', {
// modules: {
// toolbar: [
// // Your toolbar options here
// ],
// imageResize: {
// modules: ['Resize', 'DisplaySize', 'Toolbar'],
// handleStyles: {
// backgroundColor: 'black',
// border: 'none',
// color: 'white',
// cursor: 'pointer',
// },
// handleResize: function (image, callback) {
// // Callback function to handle image resizing
// callback(originalWidth, originalHeight, width, height);
// },
// }
// },
// theme: 'snow'
// });
// var quill = new Quill('#editor', {
// theme: 'snow',
// modules: {
// toolbar: toolbarOptions,
// clipboard: true,
// imageResize: {
// displaySize: true, // Show the resize handles and display image size
// handleStyles: {
// backgroundColor: 'black',
// border: 'none',
// color: 'white'
// },
// modules: ['Resize', 'DisplaySize', 'Toolbar']
// }
// }
// });
var Question_title_Div = $("#Question_title");
var Question_title_previousDiv = Question_title_Div.prev();
Question_title_previousDiv.attr("id", "Question_title_rtc");
@ -1032,7 +1142,7 @@ var labelElement = document.createElement('label');
labelElement.htmlFor = 'myCheckbox';
labelElement.textContent = 'Math';
console.log(parentElement);
// console.log(parentElement);
parentElement.appendChild(checkboxElement);
parentElement.appendChild(labelElement);
@ -1055,6 +1165,7 @@ html2json();
function showButtons(container) {
const buttons = container.querySelector('.buttons');
const onhover = container.querySelector('.onhover');
// console.log(onhover);
if(buttons && onhover)
{
onhover.style.display = 'block';
@ -1301,6 +1412,15 @@ function addSection(title = false, description = false, random_no = false, secti
$(this).removeClass('fa-angle-up').addClass('fa-angle-down');
}
});
// Select input field by class name
const inputFields = document.querySelectorAll('.richText');
// console.log(inputFields);
inputFields.forEach(inputField => {
inputField.addEventListener('paste', (event) => {
const text = event.clipboardData.getData('text/plain');
inputField.value = text;
});
});
});
var sectionText = (random_no == false) ? 'section_title_text_' + text_field_created_time : 'section_title_text_' + random_no;
@ -3177,6 +3297,9 @@ function removeClonedTextQuestion(index)
var element = document.getElementById('removeAndCloneTextQuestion_'+ index);
if (element) {
element.remove();
json2nav();
clearSidebarWrapper();
navpane();
}
}
@ -3186,6 +3309,9 @@ function removeClonedQroupQuestion(index)
var element = document.getElementById('removeAndCloneQroupQuestion_'+ index);
if (element) {
element.remove();
json2nav();
clearSidebarWrapper();
navpane();
}
}
@ -3248,9 +3374,15 @@ function removeQuestionGroup(index) {
if (result.isConfirmed) {
if (element) {
element.remove();
console.log("pjm;lkm");
json2nav();
clearSidebarWrapper();
navpane();
}
}
})
// console.log('o;ijkom');
}
function removeHtmlTags(inputString) {
@ -3570,5 +3702,48 @@ return text;
</script>
<script>
function clearClipboardAttributes() {
const apaste = document.getElementsByClassName('ql-clipboard')
for (var i = 0; i < apaste.length; i++) {
apaste[i].attributes[2].value='';
}
}
setInterval(clearClipboardAttributes, 2000);
</script>
<script>
function removeQlBlank(){
$('.ql-blank').removeClass('ql-blank');
}
setInterval(removeQlBlank,2000)
</script>
<script>
quill.on('editor-change', function(eventName, ...args) {
if (eventName === 'text-change' && args[1].ops) {
args[1].ops.forEach(function(op) {
if (op.insert && op.insert.image) {
// Handle image insertion
var imageUrl = op.insert.image;
console.log('Image inserted:', imageUrl);
}
});
}
});
</script>
<!-- <script>
function removebold(){
var removebold = document.getElementsByClassName('section main-heading')
console.log(removebold[0].innerHTML);
// removebold[0].innerHTML=removebold[0].innerHTML.replace('<strong>','').replace('</strong>','')
// console.log(removebold[0].innerHTML.replace('<strong>','').replace('</strong>',''));
}
setInterval(removebold, 1000)
</script> -->
</body>
</html>

945
assets/css/quill.snow.css Normal file
View File

@ -0,0 +1,945 @@
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: #06c;
}
.ql-container.ql-snow {
border: 1px solid #ccc;
}

11489
assets/js/quill.js Normal file

File diff suppressed because it is too large Load Diff

View File

@ -276,6 +276,6 @@ function html2json() {
// console.log((formData));
// console.log(JSON.stringify(formData, null, 1));
localStorage.setItem("json", JSON.stringify((formData)));
console.log(JSON.stringify(formData));
// console.log(JSON.stringify(formData));
// console.log(OBJtoXML(({'question_paper' : formData})));
}

61
main.js
View File

@ -8,12 +8,14 @@ let onlineStatus = true;
const { dialog } = require('electron');
const saveFile = require('./savexml')
require('dotenv').config({ path: path.join(__dirname, '.env') });
// const Quill = require('quill');
let mainWindow;
const auto_close= process.env.DISABLE_AUTO_CLOSE;
const auto_close_time = parseInt(process.env.AUTO_CLOSE_TIME) * 1000;
// console.assert(condition, message);
async function createWindow() {
@ -23,13 +25,22 @@ async function createWindow() {
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
enableRemoteModule: true, //this added for paste content
clipboard: true ////this added for paste content
},
});
// mainWindow.webContents.on('will-navigate', (event) => {
// mainWindow.webContents.setVisualZoomLevelLimits(5, 3);
// event.preventDefault();
// });
// mainWindow.removeMenu()
mainWindow.loadFile('dashboard.html'); // Create an HTML file for your interface
if(process.env.ENABLE_DEV_TOOLS === 'TRUE')
{
if (mainWindow) {
@ -49,6 +60,19 @@ async function createWindow() {
});
setInterval(checkInternetConnection, 5000);
// const divIds = ['richText', 'editor-container-2', 'editor-container-3'];
// const editors = {};
// divIds.forEach(divId => {
// const editor = new Quill(`.${divId}`, {
// theme: 'snow',
// // Mention and other configurations can be added here if needed
// });
// // Store the editors in an object or an array if you need to access them later
// editors[divId] = editor;
// });
}
@ -68,13 +92,25 @@ function buildCustomMenu() {
label: 'Edit',
submenu: [
{
role: 'copy',
label: 'Copy',
accelerator: 'CmdOrCtrl+C',
click: () => {
mainWindow.webContents.copy();
},
},
{
role: 'cut',
label: 'Cut',
accelerator: 'CmdOrCtrl+X',
click: () => {
mainWindow.webContents.cut();
},
},
{
role: 'paste',
label: 'Paste',
accelerator: 'CmdOrCtrl+V',
click: () => {
mainWindow.webContents.paste();
},
},
{
role: 'undo',
@ -123,6 +159,25 @@ function buildCustomMenu() {
},
].filter(Boolean),
},
{
label: 'Developer',
submenu: [
{
label: 'Toggle Developer Tools',
accelerator: 'CmdOrCtrl+Shift+I',
click: () => {
mainWindow.webContents.toggleDevTools();
},
},
{
label: 'Reload',
accelerator: 'CmdOrCtrl+R',
click: () => {
mainWindow.reload();
},
},
],
},
];
return Menu.buildFromTemplate(template);

View File

@ -1,6 +1,9 @@
const { css } = require("jquery");
// Initialize an array to store the expanded section data-ids
const expandedSections = [];
function navpane() {
// Sample JSON data
let isHighlighted = false;
let currentlyHighlightedElement = null; // Track the currently highlighted element
@ -31,11 +34,14 @@ function navpane() {
function createTree(data, container) {
data.sections.forEach(section => {
const sectionDiv = document.createElement('div');
var sectionDiv = document.createElement('div');
const sectionId = section.section_id;;
sectionDiv.setAttribute('data-id', sectionId);
sectionDiv.className = 'section main-heading';
// console.log(section);
// console.log(typeof sectionDiv);
var a= sectionDiv.outerHTML
var splitedSectionId = sectionId.split("_")[3];
var SectionBox_RawID = 'SectionBox_'+splitedSectionId;
var SectionBoxID = document.getElementById(SectionBox_RawID)
@ -50,7 +56,7 @@ function navpane() {
sectionDiv.classList.add('collapsed');
}
if(editPage == 1)
if(editPage == 1 || editPage == null)
{
sectionDiv.classList.add('collapsed');
}
@ -92,7 +98,7 @@ function navpane() {
}
});
if(editPage == 1)
if(editPage == 1 || editPage == null)
{
sectionDiv.classList.add('collapsed');
@ -116,9 +122,14 @@ function navpane() {
}
const sectionLink = document.createElement('a');
var sectionLink = document.createElement('a');
sectionLink.href = '#' + section.section_id;
sectionLink.style.textOverflow ='ellipsis';
sectionLink.style.whiteSpace= 'nowrap';
sectionLink.style.overflow ='hidden';
sectionLink.style.display ='-webkit-inline-box';
sectionLink.style.maxWidth = '190px';
sectionLink.style.fontWeight = '100';
// Attach the scroll function to the hyperlinks
sectionLink.addEventListener('click', function(e) {
e.preventDefault(); // Prevent the default behavior of the link
@ -128,33 +139,103 @@ function navpane() {
sectionLink.style.color = '#000000';
// sectionLink.style.fontSize = '12px'
// sectionDiv.style.fontWeight = 'normal';
sectionDiv.style.textDecoration = 'none';
sectionLink.style.fontWeight = '100';
sectionLink.style.fontStyle = 'none';
//click event listener to toggle highlighting and boldness if click the Section
sectionLink.addEventListener('click', function () {
// sectionLink.addEventListener('click', function () {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// }
// if (currentlyHighlightedElement === sectionLink) {
// sectionLink.style.fontWeight = sectionLink.style.fontWeight === '400' ? 'normal' : '400';
// } else {
// sectionLink.style.fontWeight = '400';
// currentlyHighlightedElement = sectionLink;
// }
// });
sectionLink.addEventListener('mouseover', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.fontWeight = '100';
}
if (currentlyHighlightedElement === sectionLink) {
sectionLink.style.fontWeight = sectionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
sectionLink.style.fontWeight = 'bold';
// questionLink.style.fontWeight = '500';
// sectionDiv.style.fontWeight = '500';
sectionDiv.style.backgroundColor ='#fcdddd';
sectionDiv.style.border = '5px solid #fcdddd';
// sectionDiv.style.borderRadius = '5px';
sectionDiv.style.color ='black';
sectionDiv.style.marginLeft ='-67px';
sectionDiv.style.paddingLeft='67px';
sectionDiv.style.marginRight= '-75px'
sectionLink.style.fontWeight = '100';
currentlyHighlightedElement = sectionLink;
}
});
SectionBoxID.addEventListener('click', function() {
sectionLink.addEventListener('mouseout', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.fontWeight = '100';
}
sectionDiv.style.backgroundColor='white'
sectionDiv.style.border='white'
// sectionDiv.style.fontWeight = 'normal';
sectionDiv.style.textDecoration = 'none';
sectionLink.style.fontWeight = '100';
console.log();
// sectionLink.style.fontWeight = sectionLink.style.fontWeight === '500' ? 'normal' : '500';
if (currentlyHighlightedElement === sectionLink) {
sectionLink.style.fontWeight = sectionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
sectionLink.style.fontWeight = 'bold';
currentlyHighlightedElement = sectionLink;
}
});
// SectionBoxID.addEventListener('click', function() {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// }
// if (currentlyHighlightedElement === sectionLink) {
// sectionLink.style.fontWeight = sectionLink.style.fontWeight === '400' ? 'normal' : '400';
// } else {
// sectionLink.style.fontWeight = '400';
// currentlyHighlightedElement = sectionLink;
// }
// });
SectionBoxID.addEventListener('mouseover', function() {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
currentlyHighlightedElement.style.fontWeight = '100';
}
// sectionDiv.style.fontWeight = '500';
sectionDiv.style.backgroundColor ='#fcdddd';
sectionDiv.style.border = '5px solid #fcdddd';
sectionDiv.style.borderRadius = '5px';
sectionDiv.style.color ='black';
sectionDiv.style.marginLeft ='-67px';
sectionDiv.style.paddingLeft='67px';
sectionDiv.style.marginRight= '-75px'
sectionLink.style.fontWeight = '100';
// sectionLink.style.fontWeight = 'bold';
currentlyHighlightedElement = sectionLink;
});
SectionBoxID.addEventListener('mouseout', function() {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== sectionLink) {
currentlyHighlightedElement.style.fontWeight = '100';
}
sectionDiv.style.backgroundColor='white'
sectionDiv.style.border='white'
// sectionDiv.style.fontWeight = 'normal'
sectionLink.style.fontWeight = '100';
// sectionLink.style.fontWeight = sectionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
});
if (section.section_title == null || typeof section.section_title === 'undefined') {
section.section_title = "sampletitle";
@ -175,7 +256,6 @@ function navpane() {
const nodeDiv = document.createElement('div');
nodeDiv.className = "navContain";
// nodeDiv.id = nodeData.textQuestion_Id || nodeData.choice_question_id;
const nodeDataId = nodeData.question_Id
const nodeDataType = nodeData.question_type
@ -225,7 +305,8 @@ function navpane() {
const questionLink = document.createElement('a');
questionLink.href = '#' + nodeDataId;
// const questionlinkDiv =document.querySelectorAll('.navContain')
// console.log(questionlinkDiv);
// Attach the scroll function to the hyperlinks
questionLink.addEventListener('click', function(e) {
e.preventDefault(); // Prevent the default behavior of the link
@ -243,32 +324,113 @@ function navpane() {
}
QuestionID.addEventListener('click', function () {
// QuestionID.addEventListener('click', function () {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// }
// if (currentlyHighlightedElement === questionLink) {
// questionLink.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
// questionLink.style.backgroundColor = 'white';
// currentlyHighlightedElement =null
// } else {
// questionLink.style.fontWeight = '400';
// questionLink.style.backgroundColor = '#1D3557';
// QuestionID.style.fontWeight = 'normal';
// currentlyHighlightedElement = questionLink;
// }
// });
QuestionID.addEventListener('mouseover', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
currentlyHighlightedElement.style.fontWeight = '100';
}
// questionLink.style.fontWeight = '500';
// nodeDiv.style.fontWeight = '500';
nodeDiv.style.backgroundColor ='#fcdddd';
nodeDiv.style.border = '5px solid #fcdddd';
nodeDiv.style.borderRadius = '5px';
nodeDiv.style.color ='black';
nodeDiv.style.marginLeft ='-67px';
nodeDiv.style.paddingLeft='67px';
nodeDiv.style.marginRight= '-75px'
QuestionID.style.fontWeight = '100';
currentlyHighlightedElement = nodeDiv;
});
QuestionID.addEventListener('mouseout', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
}
if (currentlyHighlightedElement === questionLink) {
questionLink.style.fontWeight = questionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
questionLink.style.fontWeight = 'bold';
QuestionID.style.fontWeight = 'normal';
currentlyHighlightedElement = questionLink;
}
// questionLink.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
// questionLink.style.backgroundColor = 'white';
// questionLink.style.border = 'none';
// questionLink.style.borderRadius = '5px';
questionLink.style.color = ' black';
// nodeDiv.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
nodeDiv.style.backgroundColor = 'white';
nodeDiv.style.border = 'none';
nodeDiv.style.borderRadius = '5px';
nodeDiv.style.color = ' black';
nodeDiv.style.marginLeft ='0px';
nodeDiv.style.paddingLeft='0px';
currentlyHighlightedElement =null
});
questionLink.addEventListener('click', function () {
// questionLink.addEventListener('click', function () {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// }
// if (currentlyHighlightedElement === questionLink) {
// questionLink.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
// questionLink.style.backgroundColor = 'white';
// currentlyHighlightedElement =null
// } else {
// questionLink.style.fontWeight = '400';
// questionLink.style.backgroundColor = '#1D3557';
// currentlyHighlightedElement = questionLink;
// }
// });
questionLink.addEventListener('mouseover', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.fontWeight = '100';
}
if (currentlyHighlightedElement === questionLink) {
questionLink.style.fontWeight = questionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
questionLink.style.fontWeight = 'bold';
// questionLink.style.fontWeight = '500';
// questionLink.style.color = ' rgb(255 255 255)';
// nodeDiv.style.fontWeight = '500';
nodeDiv.style.backgroundColor = '#fcdddd';
nodeDiv.style.border = '5px solid #fcdddd';
nodeDiv.style.borderRadius = '5px';
// nodeDiv.style.color = ' rgb(255 255 255)';
nodeDiv.style.color ='black';
nodeDiv.style.marginLeft ='-67px';
nodeDiv.style.paddingLeft='67px';
nodeDiv.style.marginRight= '-75px';
nodeDiv.style.borderLeftWidth= '-75px';
currentlyHighlightedElement = questionLink;
}
});
questionLink.addEventListener('mouseout', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== questionLink) {
currentlyHighlightedElement.style.fontWeight = '100';
}
// questionLink.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
questionLink.style.color = ' black';
// nodeDiv.style.fontWeight = questionLink.style.fontWeight === '400' ? 'normal' : '400';
nodeDiv.style.backgroundColor = 'white';
nodeDiv.style.border = 'none';
nodeDiv.style.borderRadius = '5px';
nodeDiv.style.color = ' black';
nodeDiv.style.marginLeft ='0px';
nodeDiv.style.paddingLeft='0px';
currentlyHighlightedElement =null
});
if (nodeData.question.length > 20) {
questionLink.innerHTML = removeParagraphTags(nodeData.question.substring(0, 20) + '...');
} else {
@ -297,7 +459,7 @@ function navpane() {
groupTitleDiv.classList.add('collapsed');
}
if(editPage == 1){
if(editPage == 1 || editPage == null){
groupTitleDiv.classList.add('collapsed');
@ -307,6 +469,7 @@ function navpane() {
const groupTitleArrow = document.createElement('span');
groupTitleArrow.className = 'arrow-right';
groupTitleArrow.style.cursor = 'pointer';
groupTitleDiv.appendChild(groupTitleArrow);
@ -341,7 +504,7 @@ function navpane() {
});
if(editPage == 1){
if(editPage == 1 || editPage == null){
groupQuestionsDiv.classList.toggle('visible');
groupTitleDiv.classList.toggle('collapsed');
@ -372,33 +535,167 @@ function navpane() {
scrollToElement(targetId);
});
groupQuestionLink.style.color = '#000000';
let currentlyHighlightedElement = null;
// groupQuestionLink.addEventListener('click', () => {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// currentlyHighlightedElement.style.border = 'none';
// currentlyHighlightedElement.style.backgroundColor = 'white';
// currentlyHighlightedElement.style.borderWidth = 'none';
// }
// if (currentlyHighlightedElement === groupQuestionLink) {
// groupQuestionLink.style.fontWeight = 'normal';
// groupQuestionLink.style.border = 'none';
// groupQuestionLink.style.backgroundColor = 'white';
// groupQuestionLink.style.borderWidth = 'none';
// groupQuestionLink.style.color = 'black';
// currentlyHighlightedElement = null;
// } else {
// groupQuestionLink.style.fontWeight = '400';
// groupQuestionLink.style.border = '5px solid #1D3557';
// groupQuestionLink.style.borderRadius = '5px';
// // groupQuestionLink.style.borderWidth= '10px'
// groupQuestionLink.style.backgroundColor = '#1D3557';
// groupQuestionLink.style.color=' rgb(255 255 255)'
// currentlyHighlightedElement = groupQuestionLink;
// }
// });
groupQuestionLink.addEventListener('mouseover', () => {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
currentlyHighlightedElement.style.fontWeight = '100';
currentlyHighlightedElement.style.border = 'none';
currentlyHighlightedElement.style.backgroundColor = 'white';
currentlyHighlightedElement.style.borderWidth = 'none';
}
// groupQuestionLink.style.fontWeight = '400';
// groupQuestionLink.style.border = '5px solid #1D3557';
// groupQuestionLink.style.borderRadius = '5px';
// // groupQuestionLink.style.borderWidth= '10px'
// groupQuestionLink.style.backgroundColor = '#1D3557';
// groupQuestionLink.style.color=' rgb(255 255 255)';
groupQuestionLink.style.color= 'black';
groupTitleDiv.style.color='black';
groupTitleDiv.style.fontWeight = '100';
groupTitleDiv.style.border = '5px solid #fcdddd';
groupTitleDiv.style.borderRadius = '5px';
groupTitleDiv.style.backgroundColor = '#fcdddd';
groupTitleDiv.style.marginLeft ='-67px';
groupTitleDiv.style.paddingLeft='67px';
groupTitleDiv.style.marginRight= '-75px';
groupTitleDiv.style.borderLeftWidth= '-75px';
currentlyHighlightedElement = groupQuestionLink;
});
groupQuestionLink.addEventListener('mouseout', () => {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.border = 'none';
currentlyHighlightedElement.style.backgroundColor = 'white';
currentlyHighlightedElement.style.borderWidth = 'none';
}
// groupQuestionLink.style.fontWeight = 'normal';
// groupQuestionLink.style.border = 'none';
// groupQuestionLink.style.backgroundColor = 'white';
// groupQuestionLink.style.borderWidth = 'none';
groupQuestionLink.style.color = 'black';
// currentlyHighlightedElement = null;
groupTitleDiv.style.fontWeight = 'normal';
groupTitleDiv.style.border = 'none';
groupTitleDiv.style.backgroundColor = 'white';
groupTitleDiv.style.borderWidth = 'none';
groupTitleDiv.style.color = 'black';
groupTitleDiv.style.marginLeft ='0px';
groupTitleDiv.style.paddingLeft='0px';
currentlyHighlightedElement = null;
});
// GroupBoxID.addEventListener('click', function () {
// if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
// currentlyHighlightedElement.style.fontWeight = 'normal';
// currentlyHighlightedElement.style.border = 'none';
// currentlyHighlightedElement.style.backgroundColor = 'white';
// currentlyHighlightedElement.style.borderWidth = 'none';
// }
// if (currentlyHighlightedElement === groupQuestionLink) {
// groupQuestionLink.style.fontWeight = 'normal';
// groupQuestionLink.style.border = 'none';
// groupQuestionLink.style.backgroundColor = 'white';
// groupQuestionLink.style.borderWidth = 'none';
// groupQuestionLink.style.borderRadius = '0px';
// groupQuestionLink.style.color = 'black';
// currentlyHighlightedElement = null;
// } else {
// groupQuestionLink.style.fontWeight = '400';
// groupQuestionLink.style.border = '5px solid #1D3557';
// groupQuestionLink.style.backgroundColor = '#1D3557';
// groupQuestionLink.style.borderWidth= '10px'
// // groupQuestionLink.style.borderWidth = '5px';
// groupQuestionLink.style.borderRadius = '5px';
// groupQuestionLink.style.color = 'rgb(255 255 255)';
// GroupBoxID.style.fontWeight = 'normal';
// currentlyHighlightedElement = groupQuestionLink;
// }
// });
GroupBoxID.addEventListener('mouseout', function () {
groupQuestionLink.addEventListener('click', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.border = 'none';
currentlyHighlightedElement.style.backgroundColor = 'white';
currentlyHighlightedElement.style.borderWidth = 'none';
}
if (currentlyHighlightedElement === groupQuestionLink) {
groupQuestionLink.style.fontWeight = groupQuestionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
groupQuestionLink.style.fontWeight = 'bold';
currentlyHighlightedElement = groupQuestionLink;
}
groupQuestionLink.style.color = 'black';
groupTitleDiv.style.fontWeight = 'normal';
groupTitleDiv.style.border = 'none';
groupTitleDiv.style.backgroundColor = 'white';
groupTitleDiv.style.borderWidth = 'none';
groupTitleDiv.style.color = 'black';
groupTitleDiv.style.marginLeft ='0px';
groupTitleDiv.style.paddingLeft='0px';
currentlyHighlightedElement = null;
});
GroupBoxID.addEventListener('click', function () {
GroupBoxID.addEventListener('mouseover', function () {
if (currentlyHighlightedElement !== null && currentlyHighlightedElement !== groupQuestionLink) {
currentlyHighlightedElement.style.fontWeight = 'normal';
currentlyHighlightedElement.style.border = 'none';
currentlyHighlightedElement.style.backgroundColor = 'white';
currentlyHighlightedElement.style.borderWidth = 'none';
}
if (currentlyHighlightedElement === groupQuestionLink) {
groupQuestionLink.style.fontWeight = groupQuestionLink.style.fontWeight === 'bold' ? 'normal' : 'bold';
} else {
groupQuestionLink.style.fontWeight = 'bold';
GroupBoxID.style.fontWeight = 'normal';
currentlyHighlightedElement = groupQuestionLink;
}
groupTitleDiv.style.fontWeight = '400';
groupTitleDiv.style.border = '5px solid #fcdddd';
groupTitleDiv.style.borderRadius = '5px';
groupTitleDiv.style.backgroundColor = '#fcdddd';
groupQuestionLink.style.color= 'black';
groupTitleDiv.style.marginLeft ='-67px';
groupTitleDiv.style.paddingLeft='67px';
groupTitleDiv.style.marginRight= '-75px';
groupTitleDiv.style.borderLeftWidth= '-75px';
GroupBoxID.style.fontWeight = 'normal';
currentlyHighlightedElement = groupQuestionLink;
});
if (nodeData.group_title.length > 20) {
groupQuestionLink.innerHTML = removeParagraphTags(nodeData.group_title.substring(0, 20) + '..');
} else {

289
package-lock.json generated
View File

@ -13,6 +13,7 @@
"cheerio": "^1.0.0-rc.12",
"desandro-matches-selector": "^2.0.2",
"dotenv": "^16.3.1",
"electron-context-menu": "^3.6.1",
"ev-emitter": "^2.1.2",
"fizzy-ui-utils": "^3.0.0",
"formidable": "^3.5.1",
@ -25,7 +26,9 @@
"jsdom": "^22.1.0",
"mathjax": "^3.2.2",
"mathlive": "^0.95.5",
"quill": "^1.3.6",
"quill": "^1.3.7",
"quill-image-resize": "^3.0.9",
"quill-image-resize-module": "^3.0.0",
"sweetalert2": "^11.6.13",
"tinymce": "^6.7.0",
"tippy.js": "^6.3.7",
@ -418,11 +421,41 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/ansi-regex": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
"engines": {
"node": ">=8"
}
},
"node_modules/ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dependencies": {
"color-convert": "^2.0.1"
},
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
"node_modules/asap": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
"integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
},
"node_modules/astral-regex": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
"integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
"engines": {
"node": ">=8"
}
},
"node_modules/asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@ -637,6 +670,21 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/cli-truncate": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
"integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
"dependencies": {
"slice-ansi": "^3.0.0",
"string-width": "^4.2.0"
},
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/clone": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
@ -657,6 +705,22 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dependencies": {
"color-name": "~1.1.4"
},
"engines": {
"node": ">=7.0.0"
}
},
"node_modules/color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
},
"node_modules/combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@ -1043,6 +1107,43 @@
"node": ">= 12.20.55"
}
},
"node_modules/electron-context-menu": {
"version": "3.6.1",
"resolved": "https://registry.npmjs.org/electron-context-menu/-/electron-context-menu-3.6.1.tgz",
"integrity": "sha512-lcpO6tzzKUROeirhzBjdBWNqayEThmdW+2I2s6H6QMrwqTVyT3EK47jW3Nxm60KTxl5/bWfEoIruoUNn57/QkQ==",
"dependencies": {
"cli-truncate": "^2.1.0",
"electron-dl": "^3.2.1",
"electron-is-dev": "^2.0.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/electron-dl": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/electron-dl/-/electron-dl-3.5.1.tgz",
"integrity": "sha512-5Yb9s/iPVJ5mW5x3j6XkKxt7WEqREr/AhYxZmtEfW1ffQHs1+aGoiQ2fXCAU6UIXMnWog2MXK82vrxJsjA3nbQ==",
"dependencies": {
"ext-name": "^5.0.0",
"pupa": "^2.0.1",
"unused-filename": "^2.1.0"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/electron-is-dev": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/electron-is-dev/-/electron-is-dev-2.0.0.tgz",
"integrity": "sha512-3X99K852Yoqu9AcW50qz3ibYBWY79/pBhlMCab8ToEWS48R0T9tyxRiQhwylE7zQdXrMnx2JKqUJyMPmt5FBqA==",
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/electron-packager": {
"version": "17.1.2",
"resolved": "https://registry.npmjs.org/electron-packager/-/electron-packager-17.1.2.tgz",
@ -1210,6 +1311,11 @@
"uuid": "dist/bin/uuid"
}
},
"node_modules/emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
},
"node_modules/end-of-stream": {
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@ -1255,6 +1361,14 @@
"dev": true,
"optional": true
},
"node_modules/escape-goat": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
"integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
"engines": {
"node": ">=8"
}
},
"node_modules/escape-string-regexp": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@ -1278,6 +1392,29 @@
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
"integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
},
"node_modules/ext-list": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/ext-list/-/ext-list-2.2.2.tgz",
"integrity": "sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==",
"dependencies": {
"mime-db": "^1.28.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/ext-name": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/ext-name/-/ext-name-5.0.0.tgz",
"integrity": "sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==",
"dependencies": {
"ext-list": "^2.0.0",
"sort-keys-length": "^1.0.0"
},
"engines": {
"node": ">=4"
}
},
"node_modules/extend": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
@ -1968,6 +2105,14 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-fullwidth-code-point": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
"engines": {
"node": ">=8"
}
},
"node_modules/is-ip": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/is-ip/-/is-ip-3.1.0.tgz",
@ -2145,6 +2290,14 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-plain-obj": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
"integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-potential-custom-element-name": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
@ -2327,8 +2480,7 @@
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"node_modules/lodash.get": {
"version": "4.4.2",
@ -2440,6 +2592,14 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/modify-filename": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/modify-filename/-/modify-filename-1.1.0.tgz",
"integrity": "sha512-EickqnKq3kVVaZisYuCxhtKbZjInCuwgwZWyAmRIp1NTMhri7r3380/uqwrUHfaDiPzLVTuoNy4whX66bxPVog==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@ -2947,6 +3107,17 @@
"node": ">=6"
}
},
"node_modules/pupa": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
"integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
"dependencies": {
"escape-goat": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/querystringify": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@ -2964,14 +3135,14 @@
}
},
"node_modules/quill": {
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/quill/-/quill-1.3.6.tgz",
"integrity": "sha512-K0mvhimWZN6s+9OQ249CH2IEPZ9JmkFuCQeHAOQax3EZ2nDJ3wfGh59mnlQaZV2i7u8eFarx6wAtvQKgShojug==",
"version": "1.3.7",
"resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
"integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
"dependencies": {
"clone": "^2.1.1",
"deep-equal": "^1.0.1",
"eventemitter3": "^2.0.3",
"extend": "^3.0.1",
"extend": "^3.0.2",
"parchment": "^1.1.4",
"quill-delta": "^3.6.2"
}
@ -2989,6 +3160,31 @@
"node": ">=0.10"
}
},
"node_modules/quill-image-resize": {
"version": "3.0.9",
"resolved": "https://registry.npmjs.org/quill-image-resize/-/quill-image-resize-3.0.9.tgz",
"integrity": "sha512-5Dk0nixhbFsCwSWtPU9qqqtfM2gURfaP+pbBhQvAoMJoF4p99xbAibfAI3gsZJkbWUodoK2iAPf1V5oTSpv9ww==",
"dependencies": {
"lodash": "^4.17.4",
"quill": "^1.2.2",
"raw-loader": "^0.5.1"
}
},
"node_modules/quill-image-resize-module": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/quill-image-resize-module/-/quill-image-resize-module-3.0.0.tgz",
"integrity": "sha512-1TZBnUxU/WIx5dPyVjQ9yN7C6mLZSp04HyWBEMqT320DIq4MW4JgzlOPDZX5ZpBM3bU6sacU4kTLUc8VgYQZYw==",
"dependencies": {
"lodash": "^4.17.4",
"quill": "^1.2.2",
"raw-loader": "^0.5.1"
}
},
"node_modules/raw-loader": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
"integrity": "sha512-sf7oGoLuaYAScB4VGr0tzetsYlS8EJH6qnTCfQ/WVEa89hALQ4RQfCKt5xCyPQKPDUbVUAIP1QsxAwfAjlDp7Q=="
},
"node_modules/rcedit": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/rcedit/-/rcedit-3.1.0.tgz",
@ -3213,6 +3409,41 @@
"node": ">=8"
}
},
"node_modules/slice-ansi": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
"integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
"dependencies": {
"ansi-styles": "^4.0.0",
"astral-regex": "^2.0.0",
"is-fullwidth-code-point": "^3.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/sort-keys": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
"integrity": "sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==",
"dependencies": {
"is-plain-obj": "^1.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/sort-keys-length": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/sort-keys-length/-/sort-keys-length-1.0.1.tgz",
"integrity": "sha512-GRbEOUqCxemTAk/b32F2xa8wDTs+Z1QHOkbhJDQTvv/6G3ZkbJ+frYWsTcc7cBB3Fu4wy4XlLCuNtJuMn7Gsvw==",
"dependencies": {
"sort-keys": "^1.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/spdx-correct": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@ -3252,6 +3483,30 @@
"dev": true,
"optional": true
},
"node_modules/string-width": {
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
"dependencies": {
"emoji-regex": "^8.0.0",
"is-fullwidth-code-point": "^3.0.0",
"strip-ansi": "^6.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/strip-ansi": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
"dependencies": {
"ansi-regex": "^5.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/strip-bom": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@ -3415,6 +3670,26 @@
"node": ">= 4.0.0"
}
},
"node_modules/unused-filename": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/unused-filename/-/unused-filename-2.1.0.tgz",
"integrity": "sha512-BMiNwJbuWmqCpAM1FqxCTD7lXF97AvfQC8Kr/DIeA6VtvhJaMDupZ82+inbjl5yVP44PcxOuCSxye1QMS0wZyg==",
"dependencies": {
"modify-filename": "^1.1.0",
"path-exists": "^4.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/unused-filename/node_modules/path-exists": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
"engines": {
"node": ">=8"
}
},
"node_modules/url-parse": {
"version": "1.5.10",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",

View File

@ -20,6 +20,7 @@
"cheerio": "^1.0.0-rc.12",
"desandro-matches-selector": "^2.0.2",
"dotenv": "^16.3.1",
"electron-context-menu": "^3.6.1",
"ev-emitter": "^2.1.2",
"fizzy-ui-utils": "^3.0.0",
"formidable": "^3.5.1",
@ -32,7 +33,9 @@
"jsdom": "^22.1.0",
"mathjax": "^3.2.2",
"mathlive": "^0.95.5",
"quill": "^1.3.6",
"quill": "^1.3.7",
"quill-image-resize": "^3.0.9",
"quill-image-resize-module": "^3.0.0",
"sweetalert2": "^11.6.13",
"tinymce": "^6.7.0",
"tippy.js": "^6.3.7",

View File

@ -1762,7 +1762,9 @@ input::focus {
border-radius: 5px;
overflow: hidden;
margin-top: 5px;
background: linear-gradient(to right,#533dfd,#730fd5);
/* background: linear-gradient(to right,#533dfd,#730fd5); */
/* background: linear-gradient(to right,darkred, #BF303B); */
background: #1D3557;
border: none;
margin-right: 15px;
width:130px;
@ -1775,7 +1777,8 @@ input::focus {
}
.form-button button:hover {
color: #fff;
background: linear-gradient(to left, #533efe, #740fd6);
background: linear-gradient(to right, #BF303B,darkred);
/* background: linear-gradient(to left, #533efe, #740fd6); */
}
/*<!-- ============================================================== -->
<!-- Start pricing-area Css -->
@ -3329,6 +3332,7 @@ a.main_sticky {
padding: 0 10px 20px;
width: 235px;
height: -webkit-fill-available;
margin-left: -10px; /*add this for navbar hover*/
}
.question{
@ -3603,7 +3607,7 @@ margin-bottom: 0px;
/* section menu button */
.menuButton{
.showPopupButton.menuButton{
display: inline-block;
color: #fff;
font-weight: 400;
@ -3616,12 +3620,34 @@ z-index: 1;
border-radius: 5px;
overflow: hidden;
/* margin-top: 5px; */
background: linear-gradient(to right,#533dfd,#730fd5);
/* background: linear-gradient(to right,#533dfd,#730fd5); */
background: linear-gradient(to right,darkred, #BF303B);
border: none;
/* margin-right: 15px; */
width:85px;
}
.menuButton{
display: inline-block;
color: #fff;
font-weight: 400;
padding: 2px 0px;
text-transform: capitalize;
transition: 0.5s;
font-size: 15px;
position: relative;
z-index: 1;
border-radius: 5px;
overflow: hidden;
/* margin-top: 5px; */
/* background: linear-gradient(to right,#533dfd,#730fd5); */
/* background: linear-gradient(to right,darkred, #BF303B); */
background-color: gray;
border: none;
/* margin-right: 15px; */
width:85px;
}
.addPageMenu{
margin-top: -3px;
margin-right: 4px;