Revize 6b7c4d1c

Re #8163 - CSS, JS refactoring

website/public/js/zcu-heatmap.js

@@ -328 +328 @@
 }
 
 const getPaginationButtonsInPopup = (currentPage, countPages) => ({
-  previousButton: '<button id="btn-previous-page" class="circle-button" onclick="setPreviousPageInPopup()"></button>',
-  pagesList: `<div id="pages">${currentPage} z ${countPages}</div>`,
-  nextButton: '<button id="btn-next-page" class="circle-button next" onclick="setNextPageInPopup()"></button>'
+  previousButton: '<button type="button" id="btn-popup-previous-page" onclick="setPreviousPageInPopup()"></button>',
+  pagesList: `<p id="pages">${currentPage} z ${countPages}</p>`,
+  nextButton: '<button type="button" id="btn-popup-next-page" class="next" onclick="setNextPageInPopup()"></button>'
 })
 
 const disablePopupPaginationButtons = () => {
-  $('#btn-previous-page').prop('disabled', true)
-  $('#btn-next-page').prop('disabled', true)
-  $('.popup-controls').hide()
+  $('#btn-popup-previous-page').prop('disabled', true)
+  $('#btn-popup-next-page').prop('disabled', true)
+  $('.popup-pagination').hide()
 }
 
 const generatePopupPaginationButtons = (controls) => {
-  return `<div class="popup-controls">${controls ? controls.reduce((sum, item) => sum + item, '') : ''}</div>`
+  return `<div class="popup-pagination">${controls ? controls.reduce((sum, item) => sum + item, '') : ''}</div>`
 }
 
 const getCountPagesInPopup = () => {
@@ -399 +399 @@
   const popupData = `
     <div id="place-intesity">
       <span id="current-number">${currentCount}</span>
-      <span id="part-info">${(sum && sum !== Number(currentCount)) ? '/' + sum : ''}</span>
+      <span id="sum-number">${(sum && sum !== Number(currentCount)) ? '/' + sum : ''}</span>
     </div>`
   const { previousButton, nextButton, pagesList } = getPaginationButtonsInPopup(currentPage, countPages)
 
@@ -478 +478 @@
 
   if (!countDatasets) {
     if (mymap._popup) {
-      $('#part-info').text('')
+      $('#sum-number').text('')
       $('#current-number').html(0)
       disablePopupPaginationButtons()
     }