From 39bea74818897962162e0ac84cbb5e228554b9b8 Mon Sep 17 00:00:00 2001
From: MSDrao <msandesh0055@gmail.com>
Date: Tue, 10 Dec 2024 01:03:54 -0600
Subject: [PATCH] Updated the map popup content conditions

---
 frontend/src/stores/map.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/stores/map.js b/frontend/src/stores/map.js
index 9844959..ca275fd 100644
--- a/frontend/src/stores/map.js
+++ b/frontend/src/stores/map.js
@@ -26,10 +26,10 @@ export const useMapStore = defineStore('map', () => {
 
 
     const props = feature.properties;
-    const note = "This is not a public access article, see the url.";
+    const note = "Not open access, see article for ";
     if (props.model_type.name === 'Text model') {
       if(props.citation.attribution == "Not open-access"){
-        content += note
+        content += note + "text"
       }else{
         content += `<p>${feature.properties.textmodel_snipped}</p>`
       }
@@ -37,17 +37,17 @@ export const useMapStore = defineStore('map', () => {
       if(((props.textmodel_section_name && props.textmodel_section_name != "N/A") 
         || (props.textmodel_section_number && props.textmodel_section_number != "N/A")) 
         && (props.textmodel_page_number && props.textmodel_page_number != "N/A")){
-        content += `<h5>${props.textmodel_section_number != "N/A" ? ("Section " + props.textmodel_section_number ) + ' ' : ''} ${props.textmodel_section_name != 'N/A' ? props.textmodel_section_name + ' ' : ''} ${props.textmodel_page_number != "N/A" ? ("(pg " + props.textmodel_page_number) + ')' : ''}</h5>`
+        content += `<p class="mt-1">${props.textmodel_section_number != "N/A" ? ("<b>Section " + props.textmodel_section_number ) + '</b> ' : ''} ${props.textmodel_section_name != 'N/A' ? props.textmodel_section_name + ' ' : ''} ${props.textmodel_page_number != "N/A" ? ("(pg " + props.textmodel_page_number) + ')' : ''}</p>`
       }
     } else {     
       if(props.citation.attribution == "Not open-access"){
-        content += note
+        content += note + "figure"
       }else{
         content += `<img src="${feature.properties.figure_url}" style="width: 100%">`
       }
       
       if(props.figure_caption && props.figure_caption != "N/A"){
-        content += `<h5>${props.figure_num != "N/A" ? ("Figure " + props.figure_num + ' : ') : ''} ${props.figure_caption}</h5>`
+        content += `<p class="mt-1">${props.figure_num != "N/A" ? ("<b>Figure " + props.figure_num + ' :</b> ') : ''} ${props.figure_caption}</p>`
       }
     }
     content += '<hr><br>'