From fb5b17bca83b0908d5cc76f1330c0b5c3ce24ff7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6rkem=20Kurban?= <gorkem46591@hotmail.com>
Date: Tue, 19 Nov 2024 01:23:13 +0300
Subject: [PATCH] DBApp icon added to map

Now you can go to the DBApp with the icon.
---
 Apps/3DHeritageMapApp.html |   2 ++
 Apps/3DHeritageScripts.js  |   6 ++++++
 Apps/3DHeritageStyles.css  |  22 ++++++++++++++++++++++
 Apps/Images/database.png   | Bin 0 -> 801 bytes
 4 files changed, 30 insertions(+)
 create mode 100644 Apps/Images/database.png

diff --git a/Apps/3DHeritageMapApp.html b/Apps/3DHeritageMapApp.html
index 573943d..95ca05a 100644
--- a/Apps/3DHeritageMapApp.html
+++ b/Apps/3DHeritageMapApp.html
@@ -53,6 +53,8 @@ <h2>Options</h2>
     <!-- Button to open options box -->
     <button id="openOptionsBox"><img src="Images/menu.png" alt="menuicon"></button>
 
+    <a href="../DBApp/dbapp.html"><button id="dataBaseButton"><img src="Images/database.png" alt="dataBaseIcon"></button></a>
+
     <!-- Cesium Container -->
     <div id="cesiumContainer"></div>
 
diff --git a/Apps/3DHeritageScripts.js b/Apps/3DHeritageScripts.js
index 01c266c..d755428 100644
--- a/Apps/3DHeritageScripts.js
+++ b/Apps/3DHeritageScripts.js
@@ -392,12 +392,18 @@ document.getElementById('openInfoBox').onclick = () => {
 document.getElementById('closeOptionsBox').onclick = () => {
     document.getElementById('optionsBox').style.display = 'none';
     document.getElementById('openOptionsBox').style.display = 'block';
+
+    // Show the dataBaseButton when infoBox is closed
+    document.getElementById('dataBaseButton').style.display = 'block';
 };
 
 // Add event listener for the open options box button
 document.getElementById('openOptionsBox').onclick = () => {
     document.getElementById('optionsBox').style.display = 'block';
     document.getElementById('openOptionsBox').style.display = 'none';
+
+     // Hide the dataBaseButton when infoBox is opened
+     document.getElementById('dataBaseButton').style.display = 'none';
 };
 
 
diff --git a/Apps/3DHeritageStyles.css b/Apps/3DHeritageStyles.css
index 6baf7b4..fd4d445 100644
--- a/Apps/3DHeritageStyles.css
+++ b/Apps/3DHeritageStyles.css
@@ -66,6 +66,28 @@
      margin-bottom: 10px;
  }
 
+ #dataBaseButton {
+    position: absolute;
+     top: 60px;
+     left: 10px;
+     cursor: pointer;
+     background-color: rgba(42, 42, 42, 0.8);
+     border: none;
+     color: white;
+     border-radius: 4px;
+     padding: 5px 5px;
+     z-index: 1;
+}
+
+#dataBaseButton:hover {
+    background-color: rgb(37, 150, 190);
+     border-style: solid;
+     border: 2px;
+     border-color: white;
+}
+
+
+
  #infoBox {
      position: absolute;
      top: 50px;
diff --git a/Apps/Images/database.png b/Apps/Images/database.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7314560c01915f953be6cc047858dad20c5e5b1
GIT binary patch
literal 801
zcmV++1K#|JP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000ie
z000ie0hKEb8vp<T(@8`@R7i=nmcMIcRTRfR-{)fp!D5gQqDX{@O%%}-78bgli;Y`b
zSXk)4U}fQdVPR=47B;(B2(htRB<!kW#a$LR=rSy87%<M>kHx$<zL}kwOk(y6hxfSW
z+<ShXdqW3m4|t`amw;{HIbZ|m15X2WBVGXo7y(0I0Ne+TfIGk~;D-8Rl3|jG64Wc|
zH|k$rJpNX{Ro_>ulu|wdJ_ksG$~?3dF5<6<kLx6xiw<9=_?+0P;c=_~rxy#6<f-b3
zoV)~eqZxJT+oJWho5OkktMF7RwR8`h%~6u6wMGA{^6DhNJ*k|{pd`7~x_U|dQoUD7
zaUQ8t-(@l#dZgY~zbK`=sWRnvDWyuX4eSCt>I+G>)XgM)buCG)R!x|SI!ba3JOBpj
zQIgxhFTeqCl%z~TTS~bC^padn^5CN5*raPieHS>clf15es-CC^z;)oJ`YUiZ$&or}
z=3!ZIXr-<v*-$ru?Ib(E%fM^uF5`OntOg!6?a%}E)V;Pc+ft?((&|thF)o0rQPu+{
zq3-VMR(@NUwOYERzo4`$pvO4$Q{K&!pEv$mrFE0|Q*&_<NJ0gSmRY^ZA*&3H*24<8
z3LMUEXoXLsStFP54wHNp0JR1#0q>}9B-v$r%bynoI8tvU`2n~F>?awelu}n!HJXwx
zr2_iR5ZD5qQTs{OfnK-qffJx@{QJP~z+K?sY>3q=>L<Y4>eos3fuE908E{@SEwih>
zmE=A3TCLVeE+@I%$PLxQw()^`z#z%PhIi5#0CnT>8skUS2JkHKeAD<ljC-`TVZWa9
zj#&p@ZK!MQ-2WxsJ+{`i#nOB2G@PX^;J-KKWO4R}Ka1i;`?_nD`p0P-E)ajB)}@pW
zODW&0|D1Noo|T%1@OSD5YBh1EltPj|u*dkR|DrnS!-luk%Fh(Vu(?YIj2r$=lAnPC
f^?H)yHgf+0A6l4dr`<4|00000NkvXXu0mjf5?X?b

literal 0
HcmV?d00001