Hide nominate heritage tree section if selected tree is heritage tree

Author: wgnvrd

public/index.html

@@ -245,12 +245,15 @@ <h4>REPLACEMENT SPECIES:</h4>
           <h4>STREET SEGMENT:</h4>
           <span id="sidebar-street-segment"></span>
           <div class="sidebar-seperator"></div>
+          <div id="nominate-heritage-tree">
           <div class="sidebar-divider"></div>
-          <h5>Nominate Tree</h5>
-          <span>
-            Impressed by this tree? Please nominate it for city recognition as a Santa Monica Heritage
-            Tree via <a href="https://forms.gle/UDjd8CS4w2jMu8As8">this form</a>.
-          </span>
+          <div id="sidebar-nominate-heritage-tree">
+            <h5>Nominate Tree</h5>
+            <span>
+              Impressed by this tree? Please nominate it for city recognition as a Santa Monica Heritage
+              Tree via <a href="https://forms.gle/UDjd8CS4w2jMu8As8">this form</a>.
+            </span>
+          </div>
           <div class="sidebar-seperator"></div>
           <div class="sidebar-divider"></div>
           <h5>Report an Issue</h5>

public/js/Sidebar.js

@@ -41,6 +41,7 @@ var initialY = null;
     this.address                       = document.getElementById('sidebar-address');
     this.streetSegment                 = document.getElementById('sidebar-street-segment');
     this.treeDetails                   = document.getElementById('sidebar-tree-details');
+    this.nominateHeritageTree          = document.getElementById('sidebar-nominate-heritage-tree');
     this.closeButton                   = document.getElementById('sidebar-close-button');
     this.detailsButton                 = document.getElementById('sidebar-details-button');
     //Heritage Trees
@@ -155,6 +156,7 @@ var initialY = null;
       this.image.classList.add('hidden');
     }
     if (tree.heritage === true) {
+      this.nominateHeritageTree.classList.add('hidden');
       this.heritageContainer.classList.add('active');
       this.heritageTreeNumber.innerText = '#'+tree['heritageNumber'];
       this.heritageYearInscribed.innerText = tree['heritageYear'];
@@ -163,6 +165,7 @@ var initialY = null;
         this.heritageDescription.innerText = tree['heritageText'];
       } else {
         this.heritageDescriptionContainer.classList.remove('active');
+        this.nominateHeritageTree.classList.remove('hidden');
       }
     } else {
       this.heritageContainer.classList.remove('active');