From 4809a012c4fdc604ec1fd832f6c8bc36ab436832 Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Wed, 22 Nov 2023 23:58:45 +0530
Subject: [PATCH] (feat): initialised basic share window popup

---
 htdocs/assets/_floatingbar.php         | 3 +++
 htdocs/assets/js/floatingbar-config.js | 3 +++
 htdocs/assets/style.css                | 8 ++++++++
 3 files changed, 14 insertions(+)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 51c4eac..403a200 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -99,6 +99,9 @@
             </span>
         </div>
     </div>
+</div>
+<div id="sharewindow" class="sharewindow w-[90vw] md:w-[44vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[20vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
+
 </div>
 <div id="floating-bar" class="fixed inset-x-0 bottom-[7vh] z-[50] flex justify-center items-center">
     <div id="searchbar" class="searchbar bg-bg_secondary rounded-full p-[0.30rem] flex items-center cursor-pointer mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_extratransparent transition transform duration-300">
diff --git a/htdocs/assets/js/floatingbar-config.js b/htdocs/assets/js/floatingbar-config.js
index c7eeb86..45703e7 100644
--- a/htdocs/assets/js/floatingbar-config.js
+++ b/htdocs/assets/js/floatingbar-config.js
@@ -9,6 +9,7 @@ const searchTxt = document.getElementById("searchtext");
 const searchInput = document.getElementById("searchinput");
 const windowWrapper = document.getElementById("floatingwindowwrapper");
 const searchWin = document.getElementById("searchwindow");
+const shareWin = document.getElementById("sharewindow");
 const searchDef = document.getElementById("defresults");
 const searchRes = document.getElementById("searchresults");
 const basePath = document.getElementById('phpHostBasePath').dataset.basePath;
@@ -305,6 +306,7 @@ function activate_share() {
     windowWrapper.classList.add("flotingbar-window-wrapper-show");
     shareBtn.classList.add("hidden");
     shareCloseBtn.classList.remove("hidden");
+    shareWin.classList.remove("hidden");
 
 }
 
@@ -313,6 +315,7 @@ function close_share() {
     windowWrapper.classList.add("hidden");
     shareCloseBtn.classList.add("hidden");
     shareBtn.classList.remove("hidden");
+    shareWin.classList.add("hidden");
 }
 
 shareBtn.addEventListener("click", function () {
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index 5bad5ea..cc1fce5 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -595,6 +595,10 @@ video {
   top: 10rem;
 }
 
+.top-\[10vh\] {
+  top: 10vh;
+}
+
 .top-\[20\.5rem\] {
   top: 20.5rem;
 }
@@ -607,6 +611,10 @@ video {
   top: 4.7rem;
 }
 
+.top-\[20vh\] {
+  top: 20vh;
+}
+
 .z-10 {
   z-index: 10;
 }