From 4a0df36f3a6c1dc80d49f0998c3dfc9e99203e83 Mon Sep 17 00:00:00 2001
From: Chase Porter <chaseporter15@gmail.com>
Date: Tue, 17 Sep 2024 11:29:07 -0700
Subject: [PATCH] Adds new column for nfmdb

---
 fdds/css/fdapp.css                            |  4 ++--
 fdds/js/components/CatalogMenu/catalogMenu.js | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/fdds/css/fdapp.css b/fdds/css/fdapp.css
index b0b1f6e..1022455 100644
--- a/fdds/css/fdapp.css
+++ b/fdds/css/fdapp.css
@@ -298,7 +298,7 @@ html, body {
   position:absolute;
   padding: 5px;
   z-index: 9990;
-  width: 600px;
+  width: 800px;
   height: 440px;
   top: 15%;
   background:#f2f2f2;
@@ -328,7 +328,7 @@ html, body {
 
 .menu-columns {
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
   height: 330px;
   padding: 5px;
   margin-top:5px;
diff --git a/fdds/js/components/CatalogMenu/catalogMenu.js b/fdds/js/components/CatalogMenu/catalogMenu.js
index fe84ad2..8c6d81f 100644
--- a/fdds/js/components/CatalogMenu/catalogMenu.js
+++ b/fdds/js/components/CatalogMenu/catalogMenu.js
@@ -68,6 +68,25 @@ export class CatalogMenu extends HTMLElement {
                             <div class='column-header'>Lidar Profiles</div>
                             <ul id='catalog-lidar-data' class='catalog-list'> </ul>
                         </div>
+                        <div id='nfmdb-links' class='column'>
+                            <div class='column-header'>NFMDB Links</div>
+                            <ul id='catalog-nfmdb-links' class='catalog-list'> 
+                              <li class='catalog-entry'>
+                                <div id='entry'>
+                                  <a href='https://nfmdb.org'>
+                                    <h3>FMDB Home Page</h3>
+                                  </a>
+                                </div>
+                              </li>
+                              <li class='catalog-entry'>
+                                <div id='entry'>
+                                  <a href='https://nfmdb.com/?usState=CA&zoom=6&coordinates=37.821_-120.724&startYear=2022&endYear=2024&liveOrDeadFuel=liveFuel&plotType=fmcClimo'>
+                                    <h3>FMDB California</h3>
+                                  </a>
+                                </div>
+                              </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
-- 
2.11.4.GIT