version_update (#349)

OpenPecha · Sep 23, 2024 · aeed80d · aeed80d
2 parents 3f6e4ad + 9a661ba
commit aeed80d
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 16 deletions.
diff --git a/static/js/Footer.jsx b/static/js/Footer.jsx
@@ -34,7 +34,7 @@ class Footer extends Component {
 
     return (
       <div id='version_number'>
-        <InterfaceText>Version: 1.2.0</InterfaceText>
+        <InterfaceText>Version: 1.3.0</InterfaceText>
       </div>  
     );
   }

diff --git a/static/js/Header.jsx b/static/js/Header.jsx
@@ -442,16 +442,35 @@ const loadFeedBucket = (e) => {
 
       const feedbucket = document.querySelector("feedbucket-app");
       if (feedbucket) {
-        // Remove the event listener so the script isn't loaded multiple times
-        feedbucket.classList.toggle('hidden');
-        if(feedbucket.classList.toggle('hidden')){
-          feedbucket.classList.remove('hidden');
-          crossImage.classList.remove('hidden');
-        }else{
-          feedbucket.classList.add('hidden');
-          crossImage.classList.add('hidden');
+        // Toggle visibility of feedbucket
+        const isHidden = feedbucket.classList.toggle('hidden');
+
+        // Update visibility of crossImage based on feedbucket's visibility
+        if (isHidden) {
+            // If feedbucket is hidden, hide crossImage
+            crossImage.classList.add('hidden');
+        } else {
+            // If feedbucket is visible, show crossImage
+            crossImage.classList.remove('hidden');
         }
-      }
+        // Function to check and hide feedbucket if necessary
+        function checkAndHideFeedbucket() {
+          if (crossImage.classList.contains('hidden') && !feedbucket.classList.contains('hidden')) {
+              // Use setTimeout to delay the hiding of feedbucket
+              setTimeout(() => {
+                  feedbucket.classList.add('hidden'); // Hide feedbucket after delay
+              }, 3000); // Adjust the delay as needed (3000 ms = 3 seconds)
+          }
+        }
+        // Example event listener for crossImage click
+        crossImage.addEventListener('click', function() {
+          // Toggle the visibility of crossImage
+          crossImage.classList.toggle('hidden');
+
+          // Check and hide feedbucket if conditions are met
+          checkAndHideFeedbucket();
+        });
+    }
 
 };
 

diff --git a/templates/base.html b/templates/base.html
@@ -357,12 +357,11 @@
         let container=document.getElementById('imageContainer');
         feedbucket.classList.toggle('hidden');
         crossImage.classList.toggle('hidden');
-        if(!crossImage.classList.toggle('hidden')){
-          feedbucket.classList.add('hidden');
-          crossImage.classList.add('hidden');
-        }else{
-          feedbucket.classList.remove('hidden');
-          feedbucket.classList.remove('hidden');
+        if (!crossImage.classList.toggle('hidden')) {
+            feedbucket.classList.add('hidden'); // Hide feedbucket
+            crossImage.classList.add('hidden'); // Hide crossImage
+        } else {
+            feedbucket.classList.remove('hidden'); // Show feedbucket
         }
       }