From b959325605008e380a4792e9adfdd97f2eabc194 Mon Sep 17 00:00:00 2001
From: Alexandre <44178713+alexbelgium@users.noreply.github.com>
Date: Sat, 29 Jun 2024 10:15:30 +0200
Subject: [PATCH] Feat : proposal to standardize behavior of click on Com_Name
 and Sci_Name (#116)

* Align with 3 logos : wikipedia ; info_site ; minigraph

* Add info & wiki.png

* Rename wikipedia.png to wiki.png

* Show icons on recent detections

* icons with white background

* Align icons with scientific name to center common name

* Add icons

* Not sure what this makes

* Correct link to info_site

* Restore initial cleaner layout

* Have same behavior for title than the overview

* Add icons of info and wikipedia to recordings

* Add icons

* Clean

* Improve icons size

* Add icons to species stats

* Put icons near sci_name

* Remove pictures from mobile on main page for small screens

* Other solution for mobile

* Improve visibility on smaller screen and consistency

* Improve visibility on smaller screen and consistency

* Improve readability on small screens

* Improve readability on small screens

* Set image size for smaller screens

* Make scientific name in italics

* Sci_name in italics

* Add sci_name in Italics for consistency

* Inline icons with scientific text for consistency

* Italics for todays scientific name
---
 homepage/images/info.png       | Bin 0 -> 6174 bytes
 homepage/images/wiki.png       | Bin 0 -> 4860 bytes
 homepage/static/dark-style.css |   4 ++-
 homepage/style.css             |   4 ++-
 scripts/overview.php           |   9 +++++--
 scripts/play.php               |  16 +++++++-----
 scripts/stats.php              |  11 ++++----
 scripts/todays_detections.php  |  45 ++++++++++++++++-----------------
 8 files changed, 51 insertions(+), 38 deletions(-)
 create mode 100644 homepage/images/info.png
 create mode 100644 homepage/images/wiki.png

diff --git a/homepage/images/info.png b/homepage/images/info.png
new file mode 100644
index 0000000000000000000000000000000000000000..e258a35b871531f80dd18f3d9819ba308f38ba5b
GIT binary patch
literal 6174
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

literal 0
HcmV?d00001

diff --git a/homepage/images/wiki.png b/homepage/images/wiki.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9a9fba45eaaa3939e06bc2fb9fc71df8f205453
GIT binary patch
literal 4860
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
Xy#C^Zgd(XED;gaQLuA9<2hslpGNMim

literal 0
HcmV?d00001

diff --git a/homepage/static/dark-style.css b/homepage/static/dark-style.css
index c29493c..2347e57 100644
--- a/homepage/static/dark-style.css
+++ b/homepage/static/dark-style.css
@@ -872,7 +872,9 @@ form#views button .updatenumber {
 }
 #recent_detection_middle_td img{
   width:unset !important;
-  height:75px;
+  max-width:50px;
+  max-height:50px;
+  padding:0px;
   float:left;
 }
 
diff --git a/homepage/style.css b/homepage/style.css
index ecc72d7..8fdff1e 100644
--- a/homepage/style.css
+++ b/homepage/style.css
@@ -837,7 +837,9 @@ form#views button .updatenumber {
 }
 #recent_detection_middle_td img{
   width:unset !important;
-  height:75px;
+  max-width:50px;
+  max-height:50px;
+  padding:0px;
   float:left;
 }
 
diff --git a/scripts/overview.php b/scripts/overview.php
index f684062..918d832 100644
--- a/scripts/overview.php
+++ b/scripts/overview.php
@@ -128,8 +128,13 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
               <?php } ?>
               <form action="" method="GET">
                   <input type="hidden" name="view" value="Species Stats">
-                  <button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?></button><img style="width: unset !important;display: inline;height: 1em;cursor:pointer" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg"><br>
-                  <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><i><?php echo $mostrecent['Sci_Name'];?></i></a>
+                  <button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?></button>
+                  <br>
+                  <i><?php echo $mostrecent['Sci_Name'];?></i>
+                  <a href="<?php $info_url = get_info_url($mostrecent['Sci_Name']); $url = $info_url['URL']; echo $url ?>" target="_blank">
+                  <img style="width: unset !important; display: inline; height: 1em; cursor: pointer;" title="Info" src="images/info.png" width="25"></a>
+                  <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><img style="width: unset !important; display: inline; height: 1em; cursor: pointer;" title="Wikipedia" src="images/wiki.png" width="25"></a>
+                  <img style="width: unset !important;display: inline;height: 1em;cursor:pointer" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg">
                   <br>Confidence: <?php echo $percent = round((float)round($mostrecent['Confidence'],2) * 100 ) . '%';?><br></div><br>
                   <video style="margin-top:10px" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
               </form>
diff --git a/scripts/play.php b/scripts/play.php
index a762002..38923c0 100644
--- a/scripts/play.php
+++ b/scripts/play.php
@@ -562,9 +562,11 @@ $sciname = get_sci_name($name);
 $info_url = get_info_url($sciname);
 $url = $info_url['URL'];
 echo "<table>
-  <tr>
-  <th><a href=\"$url\" target=\"top\">$name</a></th>
-  </tr>";
+  <tr><th>$name<br><span style=\"font-weight:normal;\">
+  <i>$sciname</i></span><br>
+    <a href=\"$url\" target=\"_blank\"><img title=\"$url_title\" src=\"images/info.png\" width=\"20\"></a>
+    <a href=\"https://wikipedia.org/wiki/$sciname\" target=\"_blank\"><img title=\"Wikipedia\" src=\"images/wiki.png\" width=\"20\"></a>
+  </th></tr>";
   $iter=0;
   while($results=$result2->fetchArray(SQLITE3_ASSOC))
   {
@@ -649,9 +651,11 @@ echo "<table>
     $info_url = get_info_url($sciname);
     $url = $info_url['URL'];
     echo "<table>
-      <tr>
-      <th><a href=\"$url\" target=\"top\">$name</a></th>
-      </tr>";
+      <tr><th>$name<br>
+      <i>$sciname</i><br>
+          <a href=\"$url\" target=\"_blank\"><img title=\"$url_title\" src=\"images/info.png\" width=\"20\"></a>
+          <a href=\"https://wikipedia.org/wiki/$sciname\" target=\"_blank\"><img title=\"Wikipedia\" src=\"images/wiki.png\" width=\"20\"></a>
+      </th></tr>";
       while($results=$result2->fetchArray(SQLITE3_ASSOC))
       {
         $comname = preg_replace('/ /', '_', $results['Com_Name']);
diff --git a/scripts/stats.php b/scripts/stats.php
index 43158df..c099293 100644
--- a/scripts/stats.php
+++ b/scripts/stats.php
@@ -171,11 +171,12 @@ while($results=$result3->fetchArray(SQLITE3_ASSOC)){
   $url_title = $info_url['TITLE'];
   echo str_pad("<h3>$species</h3>
     <table><tr>
-  <td class=\"relative\"><a target=\"_blank\" href=\"index.php?filename=".$results['File_Name']."\"><img title=\"Open in new tab\" class=\"copyimage\" width=25 src=\"images/copy.png\"></a> <a href=\"https://wikipedia.org/wiki/$dbsciname\" target=\"top\"/><i>$sciname</i></a><br>
-  <b>Occurrences: </b>$count<br>
-  <b>Max Confidence: </b>$maxconf<br>
-  <b>Best Recording: </b>$date $time<br>
-  <a href=\"$url\" target=\"top\"/>$url_title</a><br>
+  <td class=\"relative\"><a target=\"_blank\" href=\"index.php?filename=".$results['File_Name']."\"><img title=\"Open in new tab\" class=\"copyimage\" width=25 src=\"images/copy.png\"></a><i>$sciname</i>
+  <a href=\"$url\" target=\"_blank\"><img style=\"width: unset !important; display: inline; height: 1em; cursor: pointer;\" title=\"$url_title\" src=\"images/info.png\" width=\"20\"></a>
+  <a href=\"https://wikipedia.org/wiki/$sciname\" target=\"_blank\"><img style=\"width: unset !important; display: inline; height: 1em; cursor: pointer;\" title=\"Wikipedia\" src=\"images/wiki.png\" width=\"20\"></a><br>
+  Occurrences: $count<br>
+  Max Confidence: $maxconf<br>
+  Best Recording: $date $time<br><br>
   <video onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster=\"$filename.png\" title=\"$filename\"><source src=\"$filename\"></video></td>
   </tr>
     </table>
diff --git a/scripts/todays_detections.php b/scripts/todays_detections.php
index 0b24264..5f74e1b 100644
--- a/scripts/todays_detections.php
+++ b/scripts/todays_detections.php
@@ -235,9 +235,12 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true"  ) {
               <img onclick='setModalText(<?php echo $iterations; ?>,"<?php echo urlencode($image[2]); ?>", "<?php echo $image[3]; ?>", "<?php echo $image[4]; ?>", "<?php echo $image[1]; ?>", "<?php echo $image[5]; ?>")' src="<?php echo $image[1]; ?>" class="img1">
             <?php } ?>
 
-            <?php echo $todaytable['Time'];?><br> 
-          <b><a class="a2" href="<?php echo $url;?>" target="top"><?php echo $todaytable['Com_Name'];?></a></b><img style="height: 1em;cursor:pointer" title="<?php echo $url_title;?>" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg"><br>
-          <a class="a2" href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="top"><i><?php echo $todaytable['Sci_Name'];?></i></a><br>
+            <?php echo $todaytable['Time'];?><br>   
+          <b><a class="a2" href="<?php echo $url;?>" target="top"><?php echo $todaytable['Com_Name'];?></a></b><br>
+          <i><?php echo $todaytable['Sci_Name'];?></i>
+          <a href="<?php echo $url;?>" target="_blank"><img style="cursor:pointer;float:unset;display:inline" title=<?php echo $url_title;?> src="images/info.png" width="20"></a>
+          <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><img style=";cursor:pointer;float:unset;display:inline" title="Wikipedia" src="images/wiki.png" width="20"></a>
+          <img style=";cursor:pointer;float:unset;display:inline" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=20 src="images/chart.svg"><br>
           <b>Confidence:</b> <?php echo round((float)round($todaytable['Confidence'],2) * 100 ) . '%';?><br></div><br>
           <video onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source preload="none" src="<?php echo $filename;?>"></video>
           </td>
@@ -252,28 +255,24 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true"  ) {
             <?php } ?>
           </div>
             <div>
-            <b><a class="a2" <?php if($_GET['kiosk'] == false){?>href="<?php echo $url;?>"<?php } else {echo "style='color:blue;'";} ?> target="top"><?php echo $todaytable['Com_Name'];?></a></b>
-                <?php
-                    //If on mobile, add in a icon to link off to the recording so the user can see more info
-                    if (isset($_GET['mobile'])) {
-						?>
-                            <br>
-                            <img style="height: 1em;cursor:pointer;float:unset;display:inline" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg">
-                            <a target="_blank" href="index.php?filename=<?php echo $todaytable['File_Name']; ?>"><img style="height: 1em;cursor:pointer;float:unset;display:inline" class="copyimage-mobile" title="Open in new tab" width=16 src="images/copy.png"></a>'
-						<?php
-                    }else{
-                        //Else just put the species stats icon
-                        ?>
-						    <img style="height: 1em;cursor:pointer;float:unset;display:inline" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg">
-                        <?php
-					}
-                ?>
-                <br>
-            <a class="a2" <?php if($_GET['kiosk'] == false){?>href="https://wikipedia.org/wiki/<?php echo $sciname;?>"<?php } else {echo "style='color:blue;'";} ?> target="top"><i><?php echo $todaytable['Sci_Name'];?></i></a><br>
-            </div>
+            <form action="" method="GET">
+                    <input type="hidden" name="view" value="Species Stats">
+		    <button class="a2" type="submit" name="species" value="<?php echo $todaytable['Com_Name'];?>"><?php echo $todaytable['Com_Name'];?></button>
+	            <br><i>
+		    <?php echo $todaytable['Sci_Name'];?>
+	                <br>
+	                    <a href="<?php echo $url;?>" target="_blank"><img style="height: 1em;cursor:pointer;float:unset;display:inline" title=<?php echo $url_title;?> src="images/info.png" width="25"></a>
+			    <?php if($_GET['kiosk'] == false){?>
+	    		    <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"><img style="height: 1em;cursor:pointer;float:unset;display:inline" title="Wikipedia" src="images/wiki.png" width="25"></a>
+	                    <img style="height: 1em;cursor:pointer;float:unset;display:inline" title="View species stats" onclick="generateMiniGraph(this, '<?php echo $comname; ?>')" width=25 src="images/chart.svg">
+	                    <a target="_blank" href="index.php?filename=<?php echo $todaytable['File_Name']; ?>"><img style="height: 1em;cursor:pointer;float:unset;display:inline" class="copyimage-mobile" title="Open in new tab" width=16 src="images/copy.png"></a>
+		    	    <?php } ?></i>
+	                <br>
+	            </div>
+            </form>
           </div>
           </td>
-          <td><b>Confidence:</b> <?php echo round((float)round($todaytable['Confidence'],2) * 100 ) . '%';?><br></td>
+          <td><?php if(!isset($_GET['mobile'])) { echo '<b>Confidence:</b>';} echo round((float)round($todaytable['Confidence'],2) * 100 ) . '%';?><br></td>
           <?php if(!isset($_GET['mobile'])) { ?>
               <td style="min-width:180px"><audio controls preload="none" src="<?php echo $filename;?>"></audio></td>
           <?php } ?>