sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.129 add bad remove_route_button design

Browse Source
This commit is contained in:
ArtemB
2023-09-05 18:39:49 +03:00
parent ff47788d36
commit 7002bd2600
2 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/css/styles.css
View File

@@ -1632,25 +1632,26 @@ button#remove_route {
} }
button.confirm_remove{ button.confirm_remove{
width: 49% !important; width: 49% !important;
background: #ff0000a8; border: 1px solid #ff0000a8;
border-radius: 10px; border-radius: 10px;
color: white; color: #ff0000a8;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
margin-right: 3px; margin-right: 3px;
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
font-size: 16px;
} }
button.cancel_remove{ button.cancel_remove{
width: 48%; width: 48%;
background: #808080cc; border: 1px solid #808080cc;
border-radius: 10px; border-radius: 10px;
color: white; color: #808080cc;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
font-size: 16px;
} }

40
static/js/user_profile.js
View File

@@ -154,11 +154,10 @@ function myProfile(el){
function removeRoute(el) { function removeRoute(el) {
let data = el.currentTarget.closest('.carrier-card');
let remove_item = data.dataset.numberOfRoute
let remove_item = el.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode.dataset.numberOfRoute
let remove_data = {} let remove_data = {}
let name_route = 'route.id' let name_route = 'route_id'
remove_data[name_route] = remove_item remove_data[name_route] = remove_item
// console.log(remove_item) // console.log(remove_item)
@@ -199,29 +198,40 @@ function removeRoute(el) {
} }
function cancelRemove() {
let parent_cancel_button = document.querySelector('.button_remove_route')
let cancel_button = document.querySelector('.cancel_remove')
parent_cancel_button.removeChild(cancel_button)
let remove_button = document.querySelector('.confirm_remove');
remove_button.classList.remove('confirm_remove');
remove_button.innerText = 'Удалить';
remove_button.setAttribute("id", "remove_route");
}
function confirmRemove(el) { function confirmRemove(el) {
// let new_button = document.querySelector('.cancel_remove')
// if(!new_button){
// }
el.setAttribute("id", "select-remove"); el.setAttribute("id", "select-remove");
let btn = document.querySelector("#select-remove"); let btn = document.querySelector("#select-remove");
if (!btn.classList.contains('confirm_remove')) { if (!btn.classList.contains('confirm_remove')) {
btn.classList.add('confirm_remove') btn.classList.add('confirm_remove');
btn.innerText = 'Подтвердить удаление' btn.innerText = 'Подтвердить удаление';
// let place = document.querySelector('.button_remove_route') btn.addEventListener('click', removeRoute, { once: true });
let cancel_button = document.createElement('button')
let cancel_button = document.createElement('button');
cancel_button.className = "cancel_remove"; cancel_button.className = "cancel_remove";
cancel_button.innerText = "Отменить удаление"; cancel_button.innerText = "Отменить удаление";
let place = btn.closest(".button_remove_route") cancel_button.addEventListener('click', cancelRemove)
let place = btn.closest(".button_remove_route");
place.insertBefore(cancel_button, btn.nextSibling); place.insertBefore(cancel_button, btn.nextSibling);
btn.addEventListener('click', removeRoute, { once: true }) btn.removeAttribute( "select-remove");
btn.removeAttribute("id", "select-remove")
} }