init donation widget

Plant-for-the-Planet-org · Nov 21, 2021 · 2c41923 · 2c41923
1 parent 9dbb441
commit 2c41923
Show file tree

Hide file tree

Showing 4 changed files with 540 additions and 298 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,6 +5,7 @@
       <meta name='viewport' content='width=device-width,initial-scale=1'>
       <title>Planet Widgets</title>
       <script defer src='/build/tree-map.js' id='treeMapScript'></script>
+      <script defer src='/build/donations.js' id='planetDonationsScript'></script>
       <script defer src='/build/tree-profile.js' id='treeProfileScript'></script>
       <script defer src='/build/tree-tenant-counter.js' id='treeTenantCounterScript'></script>
       <script defer src='/build/tree-tenant-leaderboard.js' id='treeTenantLeaderboardScript'></script>
@@ -46,6 +47,14 @@
          #treeTenantLeaderboardCust {
          display: none;
          }
+
+         #planetDonationsWidget{
+         display: none;
+         }
+         #planetDonationsCust {
+         display: none;
+         }
+
          .customizationContainer, .customizationContainer{
          display: flex;
          flex-direction: row;
@@ -185,6 +194,7 @@ <h2 class="widgetTitle">Select your Widget</h2>
 						 <option value="treeProfile">Tree-Profile</option>
 						 <!-- <option value="treeTenantCounter">Tree-Tenant-Counter</option>
 						 <option value="treeTenantLeaderboard">Tree-Tenant-Leaderboard</option> -->
+                   <option value="donateButton">Donate Button</option>
 					 </select>
 				</div>
 
@@ -419,6 +429,17 @@ <h5 class="widgetSubTitle" style="margin-bottom: 20px;">
                Copy Code
                </button>
             </div>
+            <div id="planetDonationsWidget">
+               <div id="planetDonationsComponent">
+                  <planet-donations user='sagar-aryal' tenantkey="ten_I9TW3ncG" theme="forest" id="planet-donations">
+                  </planet-donations>
+               </div>
+               <div id="planetDonationsCode" class="code-container"></div>
+               <button id="planetDonationsCopyButton" class="copyCodeButton"
+                  onClick="copyToClipboard('planetDonations'); return false">
+               Copy Code
+               </button>
+            </div>
          </div>
 		</div>