ProjectB/projectb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

REARANGE DISPLAY MARK TOGGLE AND SECTION MOVE

Browse Source
This commit is contained in:
venkateswaran ubuntu 2023-10-20 19:35:06 +05:30
commit d576d8aed4
2 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
addform.html
View File

@ -256,7 +256,7 @@
overflow-y: auto; overflow-y: auto;
overflow-x: scroll; overflow-x: scroll;
max-height: 532px; max-height: 532px;
padding:0 00 20px; padding:0 10px 20px;
width: 235px; width: 235px;
height: -webkit-fill-available; height: -webkit-fill-available;
} }
@ -305,8 +305,9 @@
flex-grow: 1; /* Allow the main content to grow and fill the remaining space */ flex-grow: 1; /* Allow the main content to grow and fill the remaining space */
overflow-y: auto; /* Enable vertical scrolling for the main content */ overflow-y: auto; /* Enable vertical scrolling for the main content */
} }
.qP-style{ .qP-style{
left:-220px!important; left:-300px!important;
} }
/*navigation botton */ /*navigation botton */
@ -368,7 +369,7 @@
.popup { .popup {
display: none; display: none;
position: fixed; position: fixed;
background-color: #c8c8cb; background-color: #dfdfe5;
width: 30%; width: 30%;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -600,16 +601,37 @@
<!-- The overlay background --> <!-- The overlay background -->
<div class="overlay " id="overlay"></div> <div class="overlay " id="overlay"></div>
<!-- The popup container --> <!-- The popup container -->
<div class="popup " id="popup"> <div class="popup" style="border-top : 10px solid;color:#7018d4;border-radius: 10px;" id="popup">
<div style="margin-bottom: 9px;">Reorder sections</div>
<ul id="output" class=""> <ul id="output" class="">
<!-- <div style="margin-bottom: 9px;">Reorder sections</div> -->
Reorder sections Reorder sections
</ul> </ul>
<div class="popup-save form-button"> <div class="popup-save form-button">
<button onclick="saveFile(flag=1)" id="closePopupButton">Save</button> <button class="closePopupButton">Close</button>
</div> </div>
<!-- <button id="closePopupButton">Close</button> --> <!-- <button id="closePopupButton">Close</button> -->
</div> </div>
<script>
// Get the close button element by its class name
var closeButton = document.querySelector('.closePopupButton');
// Add a click event listener to the close button
closeButton.addEventListener('click', function() {
// Get the popup element by its ID
var popup = document.getElementById('popup');
// Clear the content of the popup by setting its innerHTML to an empty string
// popup.innerHTML = '';
console.log("popup:",popup);
// Hide the popup by setting its display style to "none"
popup.style.display = 'none';
json2nav();
clearSidebarWrapper();
navpane();
});
</script>
<div class="copy-right-area"> <div class="copy-right-area">
@ -2929,6 +2951,9 @@ function removeClonedQroupQuestion(index)
// Function to execute the script and display its output in the popup // Function to execute the script and display its output in the popup
function executeScriptAndDisplayOutput() { function executeScriptAndDisplayOutput() {
console.log("dddddddddddddddddddddddddddddddddddddddddddddddddddd");
const popups = document.getElementById("output");
popups.innerHTML = "";
// Display the popup with the output // Display the popup with the output
const popup = document.getElementById('popup'); const popup = document.getElementById('popup');
popup.style.display = 'block'; popup.style.display = 'block';
@ -2983,6 +3008,7 @@ function removeClonedQroupQuestion(index)
// Add event listeners to handle reordering // Add event listeners to handle reordering
reorderpop.addEventListener('click', (e) => { reorderpop.addEventListener('click', (e) => {
if (e.target.classList.contains('up-icon')) { if (e.target.classList.contains('up-icon')) {
console.log("up"); console.log("up");
const reorderpop_item = e.target.parentElement.parentElement; const reorderpop_item = e.target.parentElement.parentElement;

2
style.css
View File

@ -1612,7 +1612,7 @@ input::focus {
padding-bottom: 10px; padding-bottom: 10px;
} }
.catagories-body ul li a { .catagories-body ul li a {
color: #616161; color: #5A49F8;
font-size: 16px; font-size: 16px;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
transition: .5s; transition: .5s;