diff --git a/static/css/styles.css b/static/css/styles.css index 6909306..3931745 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -693,7 +693,7 @@ header .header-second { position: absolute; background-color: white; border-radius: 10px; - width: 282px; + width: 272px; height: 175px; box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20); z-index: 1; diff --git a/static/js/user_profile.js b/static/js/user_profile.js index e8ca00b..4e6ce35 100644 --- a/static/js/user_profile.js +++ b/static/js/user_profile.js @@ -616,18 +616,19 @@ function confirmUpgrade(el, routeID){ event.preventDefault() el.disabled = true - let remainsRisingCount = parseInt(document.getElementById('remains_route_rising_count').innerText); - let remainsHighlightCount = parseInt(document.getElementById('remains_route_highlight_count').innerText); + // let remainsRisingCount = parseInt(document.getElementById('remains_route_rising_count').innerText); + // let remainsHighlightCount = parseInt(document.getElementById('remains_route_highlight_count').innerText); let form = el.form let formData = new FormData(form); formData.set('route_id', routeID) - formData.set('remainsRisingCount', remainsRisingCount) - formData.set('remainsHighlightCount', remainsHighlightCount) + // formData.set('remainsRisingCount', remainsRisingCount) + // formData.set('remainsHighlightCount', remainsHighlightCount) let url = '/routes/' // let checkboxes = document.querySelectorAll('input[name="route_option"]'); let checkboxes = document.querySelectorAll('input[name="route_option"][data-routeid="' + routeID + '"]'); - + let remainsRisingCount = document.querySelectorAll('#remains_route_rising_count') + let remainsHighlightCount = document.querySelectorAll('#remains_route_highlight_count') for (let i = 0; i < checkboxes.length; i++) { @@ -651,11 +652,14 @@ function confirmUpgrade(el, routeID){ data: formData, success: function(data){ - if(url === '/routes/raise_route/' && remainsRisingCount > 0 ){ - remainsRisingCount -= 1; - } else if(url === '/routes/highlight_route/' && remainsHighlightCount > 0){ - remainsHighlightCount -= 1; - } + // $('#remains_route_rising_count').append(data.remains_route_rising_count) + // $('#remains_route_highlight_count').append(data.remains_route_highlight_count) + + // if(url === '/routes/raise_route/' && remainsRisingCount > 0 ){ + // remainsRisingCount -= 1; + // } else if(url === '/routes/highlight_route/' && remainsHighlightCount > 0){ + // remainsHighlightCount -= 1; + // } // for (let i = 0; i < checkboxes.length; i++) { @@ -667,8 +671,18 @@ function confirmUpgrade(el, routeID){ // } // } - document.getElementById('remains_route_rising_count').innerText = remainsRisingCount.toString(); - document.getElementById('remains_route_highlight_count').innerText = remainsHighlightCount; + for (let i = 0; i < remainsRisingCount.length; i++){ + remainsRisingCount[i].outerHTML = data.remains_route_rising_count.toString(); + } + + for (let i = 0; i < remainsHighlightCount.length; i++){ + remainsHighlightCount[i].outerHTML = data.remains_route_highlight_count.toString(); + } + + + + // document.getElementById('remains_route_rising_count').outerHTML = data.remains_route_rising_count.toString(); + // document.getElementById('remains_route_highlight_count').outerHTML = data.remains_route_highlight_count.toString(); let data_route_id = data.route_id // location.href = '/profile' diff --git a/templates/widgets/routes/w_my_route.html b/templates/widgets/routes/w_my_route.html index b0d3dce..1c9daf1 100644 --- a/templates/widgets/routes/w_my_route.html +++ b/templates/widgets/routes/w_my_route.html @@ -67,9 +67,7 @@