{"id":671,"date":"2025-04-10T06:04:26","date_gmt":"2025-04-10T06:04:26","guid":{"rendered":"https:\/\/worldbreastfeedingweek.org\/?page_id=671"},"modified":"2025-07-24T15:17:57","modified_gmt":"2025-07-24T15:17:57","slug":"pledge-map","status":"publish","type":"page","link":"https:\/\/worldbreastfeedingweek.org\/2025\/pledge-map\/","title":{"rendered":"Pledge map"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"671\" class=\"elementor elementor-671\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dec107 e-flex e-con-boxed e-con e-parent\" data-id=\"8dec107\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c1356 elementor-widget elementor-widget-heading\" data-id=\"55c1356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pledge Map<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-324b3b9 e-flex e-con-boxed e-con e-child\" data-id=\"324b3b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61939b elementor-widget elementor-widget-text-editor\" data-id=\"61939b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This #WBW2025, <span class=\"il\">Prioritise<\/span>\u00a0<span class=\"il\">breastfeeding<\/span>: create sustainable support systems<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-363599a elementor-widget elementor-widget-text-editor\" data-id=\"363599a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pledge to participate in the #WBW2025 celebration by sending us details of your planned activities (virtual\/physical) and we will feature your event on our Pledge Map.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cefade3 elementor-widget elementor-widget-html\" data-id=\"cefade3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<html>\r\n<!-- Styles -->\r\n<style>\r\n * {\r\n  \/* font-family: \"Roboto\", Sans-serif; *\/\r\n  \/* font-weight: 400; *\/\r\n  font-size: 98.5%;\r\n\r\n }\r\n\r\nbody {\r\n  \/* background-color: #EDECE8 *\/\r\n}\r\n\r\n.qode-animate-mobile-header {\r\n  }\r\n  \r\n.mobile-header-appear {\r\n  display:none;\r\n  }\r\n  \r\n  .title .not_responsive {\r\n    display: block;\r\n}\r\n  \r\n.mapcontainer  {\r\n    background: #fff;\r\n    border-top: 9px solid #5FB133;\r\n    border-bottom: 9px solid #5FB133;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 540px;\r\n    overflow: hidden;\r\n    clear:both;\r\n}\r\n\r\n\r\n#loading {\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 99998;\r\n    background-color: #fff;\r\n    text-align: center;\r\n    position: absolute;\r\n}\r\n  \r\n#cover {\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 99999;\r\n    background-color: rgba(0, 0, 0, 0.8);\r\n    position: absolute;\r\n    display:none;\r\n}\r\n\r\n#loading img {\r\n    margin-top: 25vh;\r\n    position: relative;\r\n}\r\n\r\n  \r\n#tablediv {\r\n    position: relative;\r\n    height: 89%;\r\n    \/*width: 94%; *\/\r\n    background-color: #fff;\r\n    margin: calc( 3% - 6px );\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    border: 6px solid #fff;\r\n    border-radius: 3px;\r\n}\r\n\r\n#tablediv h3 {\r\n  font-weight: 800;\r\n    color: #5FB133;\r\n    text-transform: uppercase;\r\n    margin-top: 0.5rem;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n#tablediv td, #tablediv th{\r\n  border: 1px solid #ded !important;\r\n\r\n}\r\n  \r\n#detailsdiv {\r\n  position: relative;\r\n    \/* height: 80%;\r\n    width: 90%; *\/\r\n    min-height:80%;\r\n    background-color: #fff;\r\n    margin: calc( 3% - 6px );\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    border: 6px solid #fff;\r\n    border-radius: 3px;\r\n    padding: 0% 1%;\r\n}\r\n\r\n#detailsdiv h2, #detailsdiv h5, .tablediv h5 {\r\n  \/*font-weight: 500;*\/\r\n    color: #5FB133; \r\n}\r\n\r\n#detailsdiv a {\r\n  text-decoration: none;\r\n    color: #5FB133;\r\n    transition: all 333ms ease-in;\r\n}\r\n\r\n#detailsdiv a:hoverState {\r\n  outline: 1px solid #c4161c ;\r\n  outline-offset: 0.5rem;\r\n\r\n}\r\n\r\n#closebutton {\r\n    position: absolute;\r\n    background-color: #5FB133;\r\n    height: 30px;\r\n    width: 30px;\r\n    line-height: 30px;\r\n    text-align: center;\r\n    font-weight: bolder;\r\n    color: #fff;\r\n    right: 1%;\r\n    top: 3%;\r\n    border-radius: 15px;\r\n    z-index: 99999;\r\n    cursor: pointer;\r\n}\r\n  \r\ntable td, table thead  {\r\n  text-align:left !important;\r\n\r\n}\r\n\r\n.dataTables_length {\r\n  margin-bottom: 1rem;\r\n}\r\n  \r\n.shown {\r\n  font-weight: bold;\r\n  color: #3d8045;\r\n  \/*  color: #fff;\r\n    background-color: #3d8045 !important;*\/\r\n}\r\n\r\n\r\n  \r\n.subtable {\r\n    font-size: 88%;\r\n    border: 2px solid #b8dabc;\r\n    \/* border-top: none; *\/\r\n    margin-top: -6px;\r\n    margin-bottom: 10px;\r\n    width: 94%;\r\n    margin-left: 3%;\r\n  }\r\n\r\n.subtable td {\r\n  padding:1px;\r\n  }\r\n  \r\n  \r\ntd.details-control {\r\n    \/*background: url('https:\/\/worldbreastfeedingweek.org\/2020\/wp-content\/uploads\/2020\/03\/details_open.png') no-repeat center center;*\/\r\n    cursor: pointer;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n  \r\ntr.shown td.details-control {\r\n    background: url('https:\/\/worldbreastfeedingweek.org\/2020\/wp-content\/uploads\/2020\/03\/details_close.png') no-repeat center center;\r\n}\r\n  \r\n#chartdiv {\r\n  width: 100%;\r\n  height: 535px;\r\n  overflow: hidden;\r\n}\r\n  \r\n@media only screen and (max-width: 520px) {\r\n  #tablediv {\r\n    overflow-y: scroll;\r\n    overflow-x: scroll;\r\n  }\r\n}\r\n  \r\n  .alert {\r\n  padding: 20px;\r\n  background-color: #5FB133;\r\n  color: white;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.alert a {\r\n  color: #c4161c;\r\n    background: #fff;\r\n    padding: 0.2rem;\r\n    margin-top: 0.2reml;\r\n    margin-top: 0.2rem;\r\n    text-decoration: none;\r\n    border-radius: 0.2rem;\r\n    display: inline-block;\r\n}\r\n\r\n\/* The close button *\/\r\n.closebtn {\r\n  margin-left: 15px;\r\n  color: white;\r\n  font-weight: bold;\r\n  float: right;\r\n  font-size: 22px;\r\n  line-height: 20px;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n\r\n\/* When moving the mouse over the close button *\/\r\n.closebtn:hover {\r\n  color: black;\r\n}\r\n\r\n  #searchdiv {\r\n    \/*height: 29px; *\/\r\n    text-align: center;\r\n    \/* padding: 5px 0px; *\/\r\n    margin-top: 7px;\r\n    line-height: 35px;\r\n  }\r\n  \r\n  #searchtext {\r\n    height: 39px;\r\n    padding: 12px;\r\n    border: 2px solid #C18E12;\r\n    max-width: 50ch;\r\n  }\r\n\r\n  #searchtext:focus {\r\n    outline: none;\r\n    border: 2px solid #5FB133;\r\n  }\r\n\r\n.mapbutton {\r\n    \/* font-family: \"Montserrat\", Sans-serif; *\/\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    text-transform: capitalize;\r\n    fill: #ffffff;\r\n    color: #ffffff !important;\r\n    background-color: #C18E12;\r\n    display: inline-block;\r\n    line-height: 1;\r\n    font-size: 15px;\r\n    padding: 12px 24px;\r\n    border-radius: 3px;\r\n    color: #fff;\r\n    fill: #fff;\r\n    text-align: center;\r\n    -webkit-transition: all .3s;\r\n    -o-transition: all .3s;\r\n    transition: all .3s;\r\n    \r\n}\r\n\r\n.mapbutton:hover {\r\n  background-color: #54595f;\r\n}\r\n\r\n.text-white {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.text-red {\r\n  color: #E42340 !important;\r\n}\r\n\r\n.text-blue {\r\n  color: #C18E12 !important;\r\n}\r\n\r\n.text-gold {\r\n  color: #5FB133 !important;\r\n}\r\n\r\n.slabel {\r\n  display: inline-block;\r\n  width: 15%;\r\n  min-width: 150px;\r\n  \/*width: min( 150px, 100%);*\/\r\n  text-transform: none;\r\n  color: #19486a;\r\n  font-weight: 500;\r\n  padding-bottom: 0.5rem;\r\n}\r\n\r\n.sdata {\r\n  display: inline-block;\r\n  \/*width: min( 600px, calc(100%-2rem));*\/\r\n  width: 75%;\r\n  \/*min-width: calc(100% - 2rem);*\/\r\n  padding-left: 1rem;\r\n  padding-bottom: 0.5rem;\r\n    line-height: 1.5;\r\n    color: #333;\r\n}\r\n\r\n.sline {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.anothercontainer {\r\n  display: -webkit-box;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    padding: 0.5rem;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n}\r\n\r\n.dataTables_length select {\r\n    padding: 0 20px !important;\r\n    border: 1px solid #ded !important;\r\n}\r\n  \r\n  \r\n<\/style>\r\n\r\n<!-- Resources -->\r\n<script src=\"https:\/\/www.amcharts.com\/lib\/4\/core.js\"><\/script>\r\n<script src=\"https:\/\/www.amcharts.com\/lib\/4\/maps.js\"><\/script>\r\n<script src=\"https:\/\/www.amcharts.com\/lib\/4\/geodata\/worldLow.js\"><\/script>\r\n<script src=\"https:\/\/www.amcharts.com\/lib\/4\/geodata\/worldUltra.js\"><\/script>\r\n<script src=\"https:\/\/www.amcharts.com\/lib\/4\/themes\/animated.js\"><\/script>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.3.1.js\"><\/script>\r\n<script src=\"https:\/\/cdn.datatables.net\/1.10.20\/js\/jquery.dataTables.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.datatables.net\/1.10.20\/css\/jquery.dataTables.min.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" \/>\r\n\r\n\r\n\r\n\r\n<!-- HTML -->\r\n\r\n<div class=\"anothercontainer\" style=\"display:none;\">\r\n  <a itemprop=\"url\" class=\"mapbutton\" style=\"\" id=\"\" href=\"\/pledge\/\"><i class=\"fas fa-list-alt\"><\/i> PLEDGE FORM<\/a>\r\n<\/div>\r\n<div class=\"alert\">\r\n  <span class=\"closebtn\" onclick=\"this.parentElement.style.display='none';\">&times;<\/span>\r\n  Hover over each country to view the number of pledges. <br \/>\r\n  Click on the country to view the list of pledges.<br \/> \r\n  Click on the <i class=\"fas fa-search-plus\"><\/i> icon to view details of each event.<br \/>\r\n\r\n  <a itemprop=\"url\" href=\"#\" target=\"_self\" class=\"\" data-hover-background-color=\"#eeeeee\" data-hover-border-color=\"#ffffff\" style=\"\" onclick=\"this.parentElement.style.display='none';\">GOT IT<\/a>\r\n  \r\n<\/div>\r\n\r\n<div class=\"mapcontainer\">\r\n  <div id=\"loading\">\r\n    <img decoding=\"async\" src=\"https:\/\/worldbreastfeedingweek.org\/2020\/wp-content\/uploads\/2020\/03\/Preloader_4.gif\" alt=\"Loading . . . \" \/>\r\n  <\/div>\r\n  \r\n  <div id=\"cover\">\r\n    <div id=\"closebutton\">X<\/div>\r\n    <div id=\"tablediv\">\r\n      <h5 id=\"tablediv-title\" class=\"text-gold\">Pledge List <\/h5>\r\n    <hr>\r\n      <br>\r\n      <table id=\"example\" class=\"display compact\" width=\"100%\" height=\"auto\"><\/table>\r\n      <br>\r\n      <!-- <b><a href=\"#\">View Report<\/a><\/b> (coming soon) -->\r\n    <\/div>\r\n    <div id=\"detailsdiv\">\r\n      <!-- <h1>h1<\/h1><h2>h2<\/h2><h3>h3<\/h3><h4>h4<\/h4><b>bold<\/b>\r\n      <br>\r\n      asdsa : adasdas\r\n      asdas : adasd -->\r\n    <\/div>\r\n    <\/div>\r\n  <div id=\"chartdiv\"><\/div>\r\n <\/div>\r\n <div id=\"searchdiv\" style=\"\">\r\n   <input type=\"text\" id=\"searchtext\" style=\" margin-right:0; transform: translate(0,2px);\"><a itemprop=\"url\" class=\"mapbutton\" style=\"margin-left:0;\" id=\"searchbutton\"><i class=\"fas fa-search\"><\/i> SEARCH <\/a>\r\n   <a itemprop=\"url\" class=\"mapbutton\" style=\"\" id=\"fullviewbutton\"><i class=\"fas fa-list-alt\"><\/i> FULL LIST<\/a>\r\n  \r\n  \r\n <\/div>\r\n<br><hr><br>\r\n\r\n<!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\r\n\r\n\r\n\r\n\r\n\r\n  <script>\r\n    \/* Formatting function for pledge details *\/\r\nfunction format ( d ) {\r\n    \/\/ `d` is the original data object for the row\r\n    return '<table cellpadding=\"4\" cellspacing=\"0\" border=\"0\" style=\"padding-left:50px\" class=\"subtable\">'+\r\n        '<tr>'+\r\n            '<td>Date:<\/td>'+\r\n            '<td>'+d[7]+'<\/td>'+\r\n        '<\/tr>'+\r\n        '<tr>'+\r\n            '<td>Location:<\/td>'+\r\n            '<td>'+d[8]+','+d[9]+','+d[10]+','+d[11]+','+'<\/td>'+\r\n        '<\/tr>'+\r\n        '<tr>'+\r\n            '<td>Description:<\/td>'+\r\n            '<td>'+d[6]+'<\/td>'+\r\n        '<\/tr>'+\r\n      \r\n        \r\n    '<\/table>';\r\n}\r\n\r\n\r\nfunction formatdetails ( d ) {\r\n    \/\/ `d` is the original data object for the row\r\n    if ( d[4] === \"\" || \/\\s\/.test(d[4])) {\r\n      return '<h5>' + d[5] + '<\/h5>' +\r\n        '<hr><br>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Organisation :<\/div>' + '<div class=\"sdata\"> <b>' + d[3] + '<\/b><\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Date : <\/div>'+ '<div class=\"sdata\">' + d[7] + '<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Location : <\/div>' + '<div class=\"sdata\">' + d[8]+' '+d[9]+','+d[10]+','+d[11]+'<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Activity Platform : <\/div>' + '<div class=\"sdata\">' + d[12] + '<\/div><\/div>' + \r\n        '<div class=\"sline\"><div class=\"slabel\">Description : <\/div>' + '<div class=\"sdata\">' + d[6] + '<\/div><\/div>' + \r\n        '';\r\n    \r\n    } else if ( d[4].includes(\"http\")) {\r\n      return '<h5>' + d[5] + '<\/h5>' +\r\n        '<hr><br>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Organisation :<\/div>' + '<div class=\"sdata\"> <a href=\"' + d[4] + '\" onclick=\"window.location.href=\\'' + d[4] + '\\';\" target=\"_blank\"><b>' + d[3] + '<\/b><\/a><\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Date : <\/div>'+ '<div class=\"sdata\">' + d[7] + '<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Location : <\/div>' + '<div class=\"sdata\">' + d[8]+' '+d[9]+','+d[10]+','+d[11]+'<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Activity Platform : <\/div>' + '<div class=\"sdata\">' + d[12] + '<\/div><\/div>' + \r\n        '<div class=\"sline\"><div class=\"slabel\">Description : <\/div>' + '<div class=\"sdata\">' + d[6] + '<\/div><\/div>' + \r\n        '';\r\n    \r\n    } else {\r\n      return '<h5>' + d[5] + '<\/h5>' +\r\n        '<hr><br>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Organisation :<\/div>' + '<div class=\"sdata\"> <a href=\"\/\/' + d[4] + '\" onclick=\"window.location.href=\\'\/\/' + d[4] + '\\';\" target=\"_blank\"><b>' + d[3] + '<\/b><\/a><\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Date : <\/div>'+ '<div class=\"sdata\">' + d[7] + '<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Location : <\/div>' + '<div class=\"sdata\">' + d[8]+' '+d[9]+','+d[10]+','+d[11]+'<\/div><\/div>' +\r\n        '<div class=\"sline\"><div class=\"slabel\">Activity Platform : <\/div>' + '<div class=\"sdata\">' + d[12] + '<\/div><\/div>' + \r\n        '<div class=\"sline\"><div class=\"slabel\">Description : <\/div>' + '<div class=\"sdata\">' + d[6] + '<\/div><\/div>' + \r\n        '';\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n$(document).ready(function() {\r\n    \/\/$('#example').DataTable();\r\n\r\n  \/\/ -----------------------------------\r\n\r\n  \/\/var sheetUrl = 'https:\/\/spreadsheets.google.com\/feeds\/list\/13tDBhx5umLoVcVd73CcvOE2x5a9fgbraOYBjJcWt2oo\/1\/public\/values?alt=json';\r\n  \/\/ https:\/\/docs.google.com\/spreadsheets\/d\/1dACBvhmBa-ZTyzxyN1S2A_liVjaAecRGS3TEK79AFVI\/edit?usp=sharing\r\n  \r\n  \/\/ 2021 https:\/\/docs.google.com\/spreadsheets\/d\/13tDBhx5umLoVcVd73CcvOE2x5a9fgbraOYBjJcWt2oo\/edit?usp=sharing\r\n  \/\/ var sheetUrl = 'https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/13tDBhx5umLoVcVd73CcvOE2x5a9fgbraOYBjJcWt2oo\/values\/Form%20Responses%201?alt=json&key=AIzaSyB7PHJADXAUMfjwNFfjtSsRoIffh-gt13Q';\r\n\r\n  \/\/ 2022 https:\/\/docs.google.com\/spreadsheets\/d\/1dACBvhmBa-ZTyzxyN1S2A_liVjaAecRGS3TEK79AFVI\/edit?usp=sharing\r\n  \/\/ 2023 https:\/\/docs.google.com\/spreadsheets\/d\/1LtRcAcdwT2Pd10N_JHsB5VWUNcjTZlPpIjPLBRtOhf4\/edit?resourcekey#gid=836805965\r\n  \/\/ 2023 backup https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/1iRq78-VGYkGfHeoqlXgFl2MQwCbPCBE35xAc_DyBboI\/values\/Form%20Responses%201?alt=json&key=AIzaSyB7PHJADXAUMfjwNFfjtSsRoIffh-gt13Q\r\n\r\n\/\/https:\/\/docs.google.com\/spreadsheets\/d\/1fmyGy1rndkxk2A58w5wNy_fvsb9gsGOfj2dxLHJbY90\/edit?usp=sharing\r\n\/\/https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTXqQeu5aImRgRVQMJxLJzFl5RjrV_tCWwsnaK7pF7iXWfXp_aVFHeCkZiTUUSYy5tvO_03Qyr8VQxt\/pubhtml\r\n\/\/https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRBacMfbkpUEULx5pwD27utyK0SpxauFCm7ngePLE-7qZzyzcdjLXY8AVlDhgON-IcuzR5nCSrn5qZL\/pubhtml\r\n\/\/https:\/\/docs.google.com\/spreadsheets\/d\/1dDvIv_fVCOsdIr-3iLSnogohmRRpRrE6FyXa1z4sRk4\/edit?resourcekey=&gid=730797109#gid=730797109\r\n\/\/https:\/\/docs.google.com\/spreadsheets\/d\/1dDvIv_fVCOsdIr-3iLSnogohmRRpRrE6FyXa1z4sRk4\/edit?usp=sharing\r\n\r\n  var sheetUrl = 'https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/1dDvIv_fVCOsdIr-3iLSnogohmRRpRrE6FyXa1z4sRk4\/values\/Form%20Responses%201?alt=json&key=AIzaSyB7PHJADXAUMfjwNFfjtSsRoIffh-gt13Q';\r\n  \r\n  var arranged=[]; \r\n  var entry;\r\n\r\n  \r\n  \/\/ ------- alternative way of getting txt file and convert to json -------------------------\r\n  \/*\r\n  var entry2;\r\n\r\n  fetch('https:\/\/docs.google.com\/spreadsheets\/d\/13tDBhx5umLoVcVd73CcvOE2x5a9fgbraOYBjJcWt2oo\/gviz\/tq?tqx=out:json')\r\n    .then(res => res.text())\r\n    .then(text => {\r\n      const json = JSON.parse(text.substr(47).slice(0, -2));        \r\n      console.log(\"here\");\r\n      console.log(json);\r\n    entry2 = json.table.rows;\r\n    console.log(entry2);\r\n    console.log(entry2[1].c[2].v);\r\n    \r\n    });\r\n\r\n  *\/ \r\n\r\n  \/\/ -------------------------------------------------------------------------------------\r\n  \r\n\r\n  $.getJSON(sheetUrl, function(data){\r\n    \r\n    \/\/entry = data.feed.entry; \/\/ old version\r\n    entry = data.values;\r\n    entry.shift(); \/\/remove first line which is lable\r\n    \/\/console.log(entry);\r\n    \/\/console.log(entry[1][2]);\r\n    var cpledges=[];\r\n    var ccountries=[];      \/\/list of all country\r\n    var countcountry = {};  \/\/count of how many per country\r\n\r\n\r\n    $(entry).each(function(){\r\n      \/\/console.log(this[7]);\r\n\r\n\r\n    \/\/console.log(this.gsx$iconfirmthatthiseventisnotsponsoredbyconnectedtocompaniesmanufacturingdistributingormarketingbreastmilksubstitutesfeedingbottlesorteats.$t);\r\n    \/\/problem at confirm..treats\r\n\r\n      \r\n      \/\/ if both YES, only push\r\n      if ( this[8] === \"Yes\" && this[7] === \"Yes\") {\r\n      \r\n        \/\/ Column names are name, age, etc.\r\n        \/*cpledges.push([ this.gsx$country.$t,                  \r\n                  this.gsx$firstname.$t, \r\n                      this.gsx$lastname.$t, \r\n                      this.gsx$organisationnameifany.$t,\r\n                      this.gsx$organisationwebsiteifany.$t,\r\n                      this.gsx$activityname.$t,\r\n                      this.gsx$description.$t,\r\n                      this.gsx$date.$t,\r\n                      this.gsx$addressline1.$t,\r\n                      this.gsx$addressline2.$t,\r\n                      this.gsx$city.$t,\r\n                      this.gsx$state.$t,\r\n                      this.gsx$howdoyouplantoconductthewbw2021activity.$t            \r\n                    ]);*\/\r\n\r\n        cpledges.push([ this[22],                 \r\n                     this[2], \r\n                      this[3], \r\n                      this[5],\r\n                      this[6],\r\n                      this[9],\r\n                      this[12],\r\n                      this[11],\r\n                      this[17],\r\n                      this[18],\r\n                      this[19],\r\n                      this[21],\r\n                      this[13]            \r\n                    ]);\r\n\r\n      \/* *****************************\r\n      \"Timestamp\",\r\n      \"Email Address\",\r\n      \"First Name\",\r\n      \"Last Name\",\r\n      \"Job Description (if any)\",\r\n      \"Organisation Name (if any)\",\r\n      \"Organisation Website (if any)\",\r\n      \"I confirm that this event is NOT sponsored by\/connected to companies manufacturing, distributing or marketing breastmilk substitutes, feeding bottles, or teats\",\r\n      \"I confirm that this event does NOT involve any commercial activity\",\r\n      \"Activity Name\",\r\n      \"Description\",\r\n      \"Date \",\r\n      \"Which #WBW2022 objective will your event set out to achieve? \",\r\n      \"How do you plan to conduct the #WBW2022 activity?\",\r\n      \"Activity platforms\",\r\n      \"Please indicate the target audience(s) of the event\",\r\n      \"Outreach to\",\r\n      \"Address line 1 \",\r\n      \"Address line 2\",\r\n      \"City\",\r\n      \"Zip Code\/Postal Code \",\r\n      \"State\",\r\n      \"Country\",\r\n      \"I hereby certify that the above statements are true and correct to the best of my knowledge\"\r\n\r\n  *************************** *\/\r\n        \r\n        ccountries.push (this[22]);\r\n        if ( countcountry[this[22]] > 0 ) {\r\n          countcountry[this[22]]++;\r\n        } else {\r\n          countcountry[this[22]] = 1;\r\n        }\r\n        \r\n        \r\n      }   \/\/ end if confirm \r\n  });     \/\/ end entry.each \r\n    \r\n  var ccountryset = new Set(ccountries);  \/\/unique set of country \r\n    \r\n  console.log(ccountries);\r\n  console.log(ccountryset);\r\n  console.log(countcountry);\r\n    \r\n   \r\n  var table1 = $('#example').DataTable( {\r\n        data: cpledges,\r\n        paging: false,\r\n        bInfo: false, \r\n        retrieve: true,        \r\n        columns: [\r\n          \r\n          { title: \"COUNTRY\" },  \r\n          { title: \"first name\", \"visible\":false },\r\n          { title: \"last name\", \"visible\":false  },\r\n          { title: \"ORGANISATION\" },\r\n          { title: \"org url\" , \"visible\":false },\r\n          { title: \"ACTIVITY\" },           \r\n          { title: \"description\", \"visible\":false  },\r\n          { title: \"date\", \"visible\":false  },\r\n          { title: \"address 1\", \"visible\":false  },\r\n          { title: \"address 2\", \"visible\":false  },\r\n          { title: \"city\", \"visible\":false  },\r\n          { title: \"state\", \"visible\":false  },\r\n          { title: \"method\", \"visible\":false },\r\n           {\r\n                \"className\":      'details-control',\r\n                \"orderable\":      false,\r\n                \"data\":           null,\r\n                \"defaultContent\": '<i class=\"fas fa-search-plus text-blue text-bold\"><\/i>'\r\n          },\r\n        ], \r\n        columnDefs: [{\r\n          \"targets\": [ 6 ],\r\n          \"searchable\": false\r\n          }         \r\n        ],\r\n        responsive: {\r\n          \r\n        }, \r\n        \"dom\": 'lrtip'\r\n  });\r\n    \r\n     \/\/------------------------------\r\n  \/*\r\n    $('#example tbody').on('click', 'td.details-control', function () {\r\n        var tr = $(this).closest('tr');\r\n        var row = table1.row( tr );\r\n \r\n        if ( row.child.isShown() ) {\r\n            \/\/ This row is already open - close it\r\n            row.child.hide();\r\n            tr.removeClass('shown');\r\n        }\r\n        else {\r\n            \/\/ Open this row\r\n            \/\/$('.shown').child.hide().removeClass('shown');\r\n            row.child( format(row.data()) ).show();\r\n            tr.addClass('shown');\r\n        }\r\n    } );  \r\n    *\/\r\n    \r\n    $('#example tbody').on('click', 'td.details-control', function () {\r\n      var tr = $(this).closest('tr');\r\n      var row = table1.row( tr );\r\n      var detailsdiv = document.getElementById(\"detailsdiv\");\r\n      \r\n      console.log(\"here\");\r\n      console.log( formatdetails(row.data()));\r\n      \r\n      detailsdiv.innerHTML = formatdetails(row.data());\r\n      $('#tablediv').hide(444, function() {\r\n        $('#detailsdiv').show(444);\r\n      });\r\n      \r\n    } );  \r\n    \r\n  \/\/--------------------------------\r\n    var isoCountries = {\r\n    'AF' : 'Afghanistan',\r\n    'AX' : 'Aland Islands',\r\n    'AL' : 'Albania',\r\n    'DZ' : 'Algeria',\r\n    'AS' : 'American Samoa',\r\n    'AD' : 'Andorra',\r\n    'AO' : 'Angola',\r\n    'AI' : 'Anguilla',\r\n    'AQ' : 'Antarctica',\r\n    'AG' : 'Antigua and Barbuda',\r\n    'AR' : 'Argentina',\r\n    'AM' : 'Armenia',\r\n    'AW' : 'Aruba',\r\n    'AU' : 'Australia',\r\n    'AT' : 'Austria',\r\n    'AZ' : 'Azerbaijan',\r\n    'BS' : 'Bahamas',\r\n    'BH' : 'Bahrain',\r\n    'BD' : 'Bangladesh',\r\n    'BB' : 'Barbados',\r\n    'BY' : 'Belarus',\r\n    'BE' : 'Belgium',\r\n    'BZ' : 'Belize',\r\n    'BJ' : 'Benin',\r\n    'BM' : 'Bermuda',\r\n    'BT' : 'Bhutan',\r\n    'BO' : 'Bolivia',\r\n    'BA' : 'Bosnia and Herzegovina',\r\n    'BW' : 'Botswana',\r\n    'BV' : 'Bouvet Island',\r\n    'BR' : 'Brazil',\r\n    'IO' : 'British Indian Ocean Territory',\r\n    'BN' : 'Brunei Darussalam',\r\n    'BG' : 'Bulgaria',\r\n    'BF' : 'Burkina Faso',\r\n    'BI' : 'Burundi',\r\n    'KH' : 'Cambodia',\r\n    'CM' : 'Cameroon',\r\n    'CA' : 'Canada',\r\n    'CV' : 'Cape Verde',\r\n    'KY' : 'Cayman Islands',\r\n    'CF' : 'Central African Republic',\r\n    'TD' : 'Chad',\r\n    'CL' : 'Chile',\r\n    'CN' : 'China',\r\n    'CX' : 'Christmas Island',\r\n    'CC' : 'Cocos (Keeling) Islands',\r\n    'CO' : 'Colombia',\r\n    'KM' : 'Comoros',\r\n    'CG' : 'Congo',\r\n    'CD' : 'Congo, Democratic Republic',\r\n    'CK' : 'Cook Islands',\r\n    'CR' : 'Costa Rica',\r\n    'CI' : 'Cote D\\'Ivoire',\r\n    'HR' : 'Croatia',\r\n    'CU' : 'Cuba',\r\n    'CY' : 'Cyprus',\r\n    'CZ' : 'Czech Republic',\r\n    'DK' : 'Denmark',\r\n    'DJ' : 'Djibouti',\r\n    'DM' : 'Dominica',\r\n    'DO' : 'Dominican Republic',\r\n    'EC' : 'Ecuador',\r\n    'EG' : 'Egypt',\r\n    'SV' : 'El Salvador',\r\n    'GQ' : 'Equatorial Guinea',\r\n    'ER' : 'Eritrea',\r\n    'EE' : 'Estonia',\r\n    'ET' : 'Ethiopia',\r\n    'FK' : 'Falkland Islands (Malvinas)',\r\n    'FO' : 'Faroe Islands',\r\n    'FJ' : 'Fiji',\r\n    'FI' : 'Finland',\r\n    'FR' : 'France',\r\n    'GF' : 'French Guiana',\r\n    'PF' : 'French Polynesia',\r\n    'TF' : 'French Southern Territories',\r\n    'GA' : 'Gabon',\r\n    'GM' : 'Gambia',\r\n    'GE' : 'Georgia',\r\n    'DE' : 'Germany',\r\n    'GH' : 'Ghana',\r\n    'GI' : 'Gibraltar',\r\n    'GR' : 'Greece',\r\n    'GL' : 'Greenland',\r\n    'GD' : 'Grenada',\r\n    'GP' : 'Guadeloupe',\r\n    'GU' : 'Guam',\r\n    'GT' : 'Guatemala',\r\n    'GG' : 'Guernsey',\r\n    'GN' : 'Guinea',\r\n    'GW' : 'Guinea-Bissau',\r\n    'GY' : 'Guyana',\r\n    'HT' : 'Haiti',\r\n    'HM' : 'Heard Island & Mcdonald Islands',\r\n    'VA' : 'Holy See (Vatican City State)',\r\n    'HN' : 'Honduras',\r\n    'HK' : 'Hong Kong',\r\n    'HU' : 'Hungary',\r\n    'IS' : 'Iceland',\r\n    'IN' : 'India',\r\n    'ID' : 'Indonesia',\r\n    'IR' : 'Iran, Islamic Republic Of',\r\n    'IQ' : 'Iraq',\r\n    'IE' : 'Ireland',\r\n    'IM' : 'Isle Of Man',\r\n    'IL' : 'Israel',\r\n    'IT' : 'Italy',\r\n    'JM' : 'Jamaica',\r\n    'JP' : 'Japan',\r\n    'JE' : 'Jersey',\r\n    'JO' : 'Jordan',\r\n    'KZ' : 'Kazakhstan',\r\n    'KE' : 'Kenya',\r\n    'KI' : 'Kiribati',\r\n    'KR' : 'Korea',\r\n    'KW' : 'Kuwait',\r\n    'KG' : 'Kyrgyzstan',\r\n    'LA' : 'Lao People\\'s Democratic Republic',\r\n    'LV' : 'Latvia',\r\n    'LB' : 'Lebanon',\r\n    'LS' : 'Lesotho',\r\n    'LR' : 'Liberia',\r\n    'LY' : 'Libya',\r\n    'LI' : 'Liechtenstein',\r\n    'LT' : 'Lithuania',\r\n    'LU' : 'Luxembourg',\r\n    'MO' : 'Macao',\r\n    'MK' : 'North Macedonia',\r\n    'MG' : 'Madagascar',\r\n    'MW' : 'Malawi',\r\n    'MY' : 'Malaysia',\r\n    'MV' : 'Maldives',\r\n    'ML' : 'Mali',\r\n    'MT' : 'Malta',\r\n    'MH' : 'Marshall Islands',\r\n    'MQ' : 'Martinique',\r\n    'MR' : 'Mauritania',\r\n    'MU' : 'Mauritius',\r\n    'YT' : 'Mayotte',\r\n    'MX' : 'Mexico',\r\n    'FM' : 'Micronesia, Federated States Of',\r\n    'MD' : 'Moldova',\r\n    'MC' : 'Monaco',\r\n    'MN' : 'Mongolia',\r\n    'ME' : 'Montenegro',\r\n    'MS' : 'Montserrat',\r\n    'MA' : 'Morocco',\r\n    'MZ' : 'Mozambique',\r\n    'MM' : 'Myanmar',\r\n    'NA' : 'Namibia',\r\n    'NR' : 'Nauru',\r\n    'NP' : 'Nepal',\r\n    'NL' : 'Netherlands',\r\n    'AN' : 'Netherlands Antilles',\r\n    'NC' : 'New Caledonia',\r\n    'NZ' : 'New Zealand',\r\n    'NI' : 'Nicaragua',\r\n    'NE' : 'Niger',\r\n    'NG' : 'Nigeria',\r\n    'NU' : 'Niue',\r\n    'NF' : 'Norfolk Island',\r\n    'MP' : 'Northern Mariana Islands',\r\n    'NO' : 'Norway',\r\n    'OM' : 'Oman',\r\n    'PK' : 'Pakistan',\r\n    'PW' : 'Palau',\r\n    'PS' : 'Palestinian Territory, Occupied',\r\n    'PA' : 'Panama',\r\n    'PG' : 'Papua New Guinea',\r\n    'PY' : 'Paraguay',\r\n    'PE' : 'Peru',\r\n    'PH' : 'Philippines',\r\n    'PN' : 'Pitcairn',\r\n    'PL' : 'Poland',\r\n    'PT' : 'Portugal',\r\n    'PR' : 'Puerto Rico',\r\n    'QA' : 'Qatar',\r\n    'RE' : 'Reunion',\r\n    'RO' : 'Romania',\r\n    'RU' : 'Russian Federation',\r\n    'RW' : 'Rwanda',\r\n    'BL' : 'Saint Barthelemy',\r\n    'SH' : 'Saint Helena',\r\n    'KN' : 'Saint Kitts and Nevis',\r\n    'LC' : 'Saint Lucia',\r\n    'MF' : 'Saint Martin',\r\n    'PM' : 'Saint Pierre and Miquelon',\r\n    'VC' : 'Saint Vincent and Grenadines',\r\n    'WS' : 'Samoa',\r\n    'SM' : 'San Marino',\r\n    'ST' : 'Sao Tome and Principe',\r\n    'SA' : 'Saudi Arabia',\r\n    'SN' : 'Senegal',\r\n    'RS' : 'Serbia',\r\n    'SC' : 'Seychelles',\r\n    'SL' : 'Sierra Leone',\r\n    'SG' : 'Singapore',\r\n    'SK' : 'Slovakia',\r\n    'SI' : 'Slovenia',\r\n    'SB' : 'Solomon Islands',\r\n    'SO' : 'Somalia',\r\n    'ZA' : 'South Africa',\r\n    'GS' : 'South Georgia and Sandwich Isl.',\r\n    'ES' : 'Spain',\r\n    'LK' : 'Sri Lanka',\r\n    'SD' : 'Sudan',\r\n    'SR' : 'Suriname',\r\n    'SJ' : 'Svalbard and Jan Mayen',\r\n    'SZ' : 'Swaziland',\r\n    'SE' : 'Sweden',\r\n    'CH' : 'Switzerland',\r\n    'SY' : 'Syrian Arab Republic',\r\n    'TW' : 'Taiwan',\r\n    'TJ' : 'Tajikistan',\r\n    'TZ' : 'Tanzania',\r\n    'TH' : 'Thailand',\r\n    'TL' : 'Timor-Leste',\r\n    'TG' : 'Togo',\r\n    'TK' : 'Tokelau',\r\n    'TO' : 'Tonga',\r\n    'TT' : 'Trinidad and Tobago',\r\n    'TN' : 'Tunisia',\r\n    'TR' : 'Turkey',\r\n    'TM' : 'Turkmenistan',\r\n    'TC' : 'Turks and Caicos Islands',\r\n    'TV' : 'Tuvalu',\r\n    'UG' : 'Uganda',\r\n    'UA' : 'Ukraine',\r\n    'AE' : 'United Arab Emirates',\r\n    'GB' : 'United Kingdom',\r\n    'US' : 'United States of America',\r\n    'UM' : 'United States Outlying Islands',\r\n    'UY' : 'Uruguay',\r\n    'UZ' : 'Uzbekistan',\r\n    'VU' : 'Vanuatu',\r\n    'VE' : 'Venezuela',\r\n    'VN' : 'Viet Nam',\r\n    'VG' : 'Virgin Islands, British',\r\n    'VI' : 'Virgin Islands, U.S.',\r\n    'WF' : 'Wallis and Futuna',\r\n    'EH' : 'Western Sahara',\r\n    'YE' : 'Yemen',\r\n    'ZM' : 'Zambia',\r\n    'ZW' : 'Zimbabwe'\r\n  };\r\n    \r\n\r\n    function getKey(object, value) { \r\n      return Object.keys(object).find(key => object[key] === value); \r\n    } \r\n    \r\n    \r\n  \/\/ans = getKey(isoCountries, 'Yemen');\r\n    \/\/console.log(ans);\r\n    \r\n    var mapdata = [];\r\n    \r\n    for (var prop in countcountry) {\r\n      if (countcountry.hasOwnProperty(prop)) { \r\n          \/\/ or if (Object.prototype.hasOwnProperty.call(obj,prop)) for safety...\r\n          \/\/console.log( getKey(isoCountries, prop) + \" : \" + countcountry[prop]);\r\n        if ( countcountry[prop] == 1 ) {\r\n          var tmpCountry = { \"id\" : getKey(isoCountries, prop), \r\n                           \"name\" : prop,\r\n                           \"pledges\" : countcountry[prop] + \" pledge\", \r\n                           \/* \"color\": am4core.color(\"#3d8045\"),  *\/\r\n                           \"value\": countcountry[prop]};\r\n        } else {\r\n          var tmpCountry = { \"id\" : getKey(isoCountries, prop), \r\n                           \"name\" : prop,\r\n                           \"pledges\" : countcountry[prop] + \" pledges\", \r\n                           \/* \"color\": am4core.color(\"#3d8045\"),  *\/\r\n                           \"value\": countcountry[prop]};          \r\n        }\r\n          mapdata.push(tmpCountry);\r\n      }\r\n    }\r\n    \r\n    console.log(mapdata);\r\n\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n \/\/--------------------------start chart ---------\r\n    \r\n    \r\n  \/\/ test pattern  \r\n  var pattern_dot = new am4core.Pattern();\r\n  var image = new am4core.Image();\r\n  image.href = \"https:\/\/www.amcharts.com\/lib\/3\/patterns\/black\/pattern5.png\";\r\n  image.width = 4;\r\n  image.height = 4;\r\n  pattern_dot.width = 4;\r\n  pattern_dot.height = 4;\r\n  pattern_dot.addElement(image.element);\r\n  \r\n  \/\/ Create map instance\r\nvar chart = am4core.create(\"chartdiv\", am4maps.MapChart);\r\n\r\n\/\/ Set map definition\r\n\/\/chart.geodata = am4geodata_worldLow;\r\nchart.geodata = am4geodata_worldUltra;\r\n    \r\n\r\n\/\/ Set projection\r\nchart.projection = new am4maps.projections.Miller();\r\n    \r\n\/\/ zoom control \r\nchart.zoomControl = new am4maps.ZoomControl();\r\nchart.zoomControl.valign = \"top\";\r\nchart.chartContainer.wheelable = false;\r\n\r\n\/\/ Create map polygon series\r\nvar polygonSeries = chart.series.push(new am4maps.MapPolygonSeries());\r\n    \r\n        \r\n\/\/ heat rule\r\npolygonSeries.heatRules.push({\r\n  \"property\": \"fill\",\r\n  \"target\": polygonSeries.mapPolygons.template,\r\n  \"min\": am4core.color(\"#C18E12\"),\r\n  \"max\": am4core.color(\"#5FB133\")\r\n});\r\n\/\/ original max #19c200, original min #ff676d\r\n    \r\n\/\/ heat legend    \r\n\r\nvar heatLegend = chart.createChild(am4maps.HeatLegend);\r\nheatLegend.series = polygonSeries;\r\nheatLegend.width = am4core.percent(90);\r\nheatLegend.minValue=0;\r\n\/\/heatLegend.background.fill = am4core.color(\"#000\");\r\n\/\/heatLegend.background.fillOpacity = 0.05;\r\nheatLegend.valign = \"bottom\";\r\nheatLegend.align = \"left  \";\r\nheatLegend.orientation = \"vertical\";\r\nheatLegend.padding(20, 20, 20, 20);\r\n\r\nheatLegend.valueAxis.numberFormatter.numberFormat = \"#\";\r\n\r\nheatLegend.valueAxis.renderer.labels.template.fontSize = 10;\r\nheatLegend.valueAxis.renderer.minGridDistance = 200;\r\n\r\n    \r\nvar legendTitle = heatLegend.createChild(am4core.Label);\r\nlegendTitle.text = \"[bold]Number of pledges[\/]\";\r\nlegendTitle.padding(0,0,0,20);\r\nlegendTitle.valign = \"bottom\";\r\nlegendTitle.fontSize = 15;\r\nlegendTitle.fill = am4core.color(\"#19486A\");\r\n  \r\n\r\n\/\/ Exclude Antartica\r\npolygonSeries.exclude = [\"AQ\"];\r\n\r\n\/\/ Make map load polygon (like country names) data from GeoJSON\r\npolygonSeries.useGeodata = true;\r\n\r\n    \r\n\/\/ Add some custom data\r\n\/\/ Assign data to map\r\npolygonSeries.data = mapdata;    \r\n\r\n\/\/polygonSeries.tooltip.getFillFromObject = false;\r\n\/\/polygonSeries.tooltip.background.fill = am4core.color(\"#464646\");\r\n    \r\n\/\/ Configure series\r\nvar polygonTemplate = polygonSeries.mapPolygons.template;\r\n\r\npolygonTemplate.tooltipText = \"{name}\"+\"\\n\"+ \" {pledges}\";\r\n\r\npolygonTemplate.fill = am4core.color(\"#a9a9a9\");\r\n\/\/polygonTemplate.fill = pattern_dot;\r\npolygonTemplate.propertyFields.fill = \"color\";\r\n\r\n\/\/Create hover state and set alternative fill color\r\n\/\/var hs = polygonTemplate.states.create(\"hover\");\r\n\/\/hs.properties.fill = am4core.color(\"#C4161C\"); \/\/original #76cc80\r\n\r\npolygonTemplate.events.on(\"over\", function(event) {\r\n  event.target.zIndex = Number.MAX_VALUE;\r\n  event.target.toFront();\r\n});\r\n\r\n\/\/TECHNIQUE #1 outline when hover\r\nvar hoverState = polygonTemplate.states.create(\"hover\");\r\nhoverState.properties.stroke = am4core.color(\"#5FB133\");\r\nhoverState.properties.strokeWidth = 1.5;\r\n\/\/ end outline when hover\r\n\r\n\/\/ Set mouse style on hover\r\npolygonTemplate.cursorOverStyle = am4core.MouseCursorStyle.pointer;\r\n\r\npolygonSeries.calculateVisualCenter = true;\r\npolygonTemplate.tooltipPosition = \"fixed\";\r\n    \r\npolygonTemplate.events.on(\"over\", event => {\r\n  handleHover(event.target);\r\n});\r\n\r\npolygonTemplate.events.on(\"out\", event => {\r\n  \/\/heatLegend.valueAxis.hideTooltip();\r\n});\r\n\r\npolygonTemplate.events.on(\"hit\", function(ev) {\r\n  var data = ev.target.dataItem.dataContext;\r\n  var pledgetitle = document.getElementById(\"tablediv-title\");\r\n  \r\n  if ( data.pledges ) {\r\n      \/\/alert(data.name);\r\n    pledgetitle.innerHTML = 'pledges from '+ data.name;\r\n    \r\n    table1.search('').column(0).search(data.name).draw();\r\n    $(\"#cover\").show(444);\r\n  }\r\n});\r\n    \r\n    \r\n    \r\nfunction handleHover(mapPolygon) {\r\n  if (!isNaN(mapPolygon.dataItem.value)) {\r\n    \/\/heatLegend.valueAxis.showTooltipAt(mapPolygon.dataItem.value);\r\n  } else {\r\n    \/\/heatLegend.valueAxis.hideTooltip();\r\n  }\r\n}   \r\n    \r\n \/*   \r\n $(\"#detailsdiv\").click(function(){\r\n    $(this).hide(444, function() {\r\n      $(\"#tablediv\").show(444)\r\n    });\r\n  });     *\/\r\n\r\n  $(\"#searchbutton\").click(function() {\r\n    var searchtext = document.getElementById(\"searchtext\").value;\r\n    var pledgetitle = document.getElementById(\"tablediv-title\");\r\n  \r\n    if ( searchtext ) {\r\n      \/\/alert(data.name);\r\n      pledgetitle.innerHTML = 'searching for \\\"'+ searchtext + '\\\"';\r\n      table1.columns().search('');\r\n      table1.search(searchtext).draw();\r\n      $(\"#cover\").show(444);\r\n      $(\"#searchtext\").val(\"\");\r\n    }\r\n  });\r\n    \r\n  $(\"#fullviewbutton\").click(function() {\r\n    var pledgetitle = document.getElementById(\"tablediv-title\");\r\n  \r\n    pledgetitle.innerHTML = 'Full View Pledge List';\r\n    table1.columns().search('');\r\n    table1.search('').draw();\r\n    $(\"#cover\").show(444);\r\n    $(\"#searchtext\").val(\"\");\r\n    \r\n  });\r\n\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\nfunction countrynumber(xname) {\r\n  var pnumber = 0;\r\n  console.log(xname);\r\n  return pnumber;\r\n}\r\n \r\n    \r\n  \r\n    \r\n\r\n    \r\n    \r\n    \r\n    \/\/ end am4core.ready()\r\n    \r\n    \r\n    \r\n       \r\n    \r\n    \r\n    \r\n    \r\n    } ); \/\/ end getjson\r\n    \r\n  $(\"#loading\").fadeOut(333);\r\n \r\n  $(\"#closebutton\").click(function() {\r\n    if ( $(\"#detailsdiv\").is(\":visible\")) {\r\n      $(\"#detailsdiv\").hide(444, function() {\r\n        $(\"#tablediv\").show(444)\r\n      });\r\n    } else {\r\n      $(\"#cover\").fadeOut(444);\r\n    }\r\n  });\r\n  \r\n  $(\"#cover\").click(function(){\r\n    if ( $(\"#detailsdiv\").is(\":visible\")) {\r\n      $(\"#detailsdiv\").hide(444, function() {\r\n        $(\"#tablediv\").show(444)\r\n      });\r\n      $(this).fadeOut(444);\r\n    } else {\r\n      $(this).fadeOut(444);\r\n    }\r\n  }).children().click(function(e) {\r\n    return false;\r\n  });\r\n  \r\n \r\n  \r\n\r\n  \r\n  \r\n} ); \/\/ end document.ready\r\n<\/script>\r\n\r\n  <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pledge Map This #WBW2025, Prioritise\u00a0breastfeeding: create sustainable support systems Pledge to participate in the #WBW2025 celebration by sending us details of your planned activities (virtual\/physical) and we will feature your event on our Pledge Map. PLEDGE FORM &times; Hover over each country to view the number of pledges. Click on the country to view the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/pages\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":18,"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/pages\/671\/revisions"}],"predecessor-version":[{"id":1130,"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/pages\/671\/revisions\/1130"}],"wp:attachment":[{"href":"https:\/\/worldbreastfeedingweek.org\/2025\/wp-json\/wp\/v2\/media?parent=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}