feat
This commit is contained in:
parent
22fc303351
commit
46dbf39282
@ -283,7 +283,14 @@
|
||||
<header class="c_m876y b_9xtz9">
|
||||
<h3 class="b_8f3uh">Настройки отправки</h3>
|
||||
</header>
|
||||
<p class="b_tfnz2">Можно менять перед каждой отправкой картины</p>
|
||||
<label class="offer-label">
|
||||
<input
|
||||
type="checkbox"
|
||||
class="offer-checkbox"
|
||||
onchange="selectAll(this)"
|
||||
>
|
||||
<span class="offer-text">Выбрать все картины</span>
|
||||
</label>
|
||||
<div class="b_73p10">
|
||||
<div class="c_aihm6 floating-group">
|
||||
<select class="c_xhd5k" id="delivery_type" name="delivery_type" required>
|
||||
@ -309,10 +316,10 @@
|
||||
{# Sticky bottom action bar #}
|
||||
<div class="st" style="z-index: 2000;min-height: 101px;padding: 25px;gap: 5px;">
|
||||
<button class="b_wy3rt ba" id="btnSendSelected" style="display: none;" onclick="btnSendSelected()">
|
||||
<span class="b_bvl0d">Отправить выбранные</span>
|
||||
<span class="b_bvl0d">Отправить выбранные (<span id="sendCount">0</span>)</span>
|
||||
</button>
|
||||
<button class="b_wy3rt ba" id="btnAcceptSelected" style="display: none;" onclick="btnAcceptSelected()">
|
||||
<span class="b_bvl0d">Получить выбранные</span>
|
||||
<span class="b_bvl0d">Получить выбранные (<span id="acceptCount">0</span>)</span>
|
||||
</button>
|
||||
</div>
|
||||
<script>
|
||||
@ -347,6 +354,21 @@
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
function selectAll(elem){
|
||||
if (elem.checked){
|
||||
document.querySelectorAll('.delivery-checkbox').forEach(el=>{
|
||||
el.checked = true;
|
||||
})
|
||||
} else {
|
||||
document.querySelectorAll('.delivery-checkbox').forEach(el=>{
|
||||
el.checked = false;
|
||||
})
|
||||
}
|
||||
updateStickyButtons();
|
||||
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
// ─────────────────────────────────────────────
|
||||
// Helpers: collect selected IDs
|
||||
@ -373,6 +395,12 @@
|
||||
const sendBtn = document.getElementById('btnSendSelected');
|
||||
const acceptBtn = document.getElementById('btnAcceptSelected');
|
||||
|
||||
const sendCountSpan = document.getElementById('sendCount');
|
||||
const acceptCountSpan = document.getElementById('acceptCount');
|
||||
|
||||
sendCountSpan.textContent = sendCount;
|
||||
acceptCountSpan.textContent = acceptCount;
|
||||
|
||||
if (sendBtn) sendBtn.style.display = sendCount > 0 ? 'inline-flex' : 'none';
|
||||
if (acceptBtn) acceptBtn.style.display = acceptCount > 0 ? 'inline-flex' : 'none';
|
||||
}
|
||||
@ -803,7 +831,7 @@ picture>img{ width: 100%; object-fit: scale-down; }
|
||||
.b_s6ool { white-space: pre-line; -webkit-box-orient: vertical; -webkit-line-clamp: 3; align-self: stretch; color: rgba(58, 58, 58, 0.75); display: -webkit-box; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; overflow: hidden; text-overflow: ellipsis; }
|
||||
.b_mp1wb { align-self: stretch; color: rgba(58, 58, 58, 0.75); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-align: right; }
|
||||
.b_73p10 { align-items: flex-start; align-self: stretch; background: #FFF; display: flex; flex-direction: column; gap: 10px; justify-content: center; }
|
||||
.c_z3dpx{ padding: 10px 20px;}
|
||||
.c_z3dpx{ padding: 10px 20px; gap: 20px; }
|
||||
.b_ax8vz { align-items: flex-start; border-radius: 10px; border: 1px solid #5F1798; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.30), 0 4px 20px 0 rgba(0, 0, 0, 0.20); display: flex; flex-direction: column; width: 335px; overflow: hidden;}
|
||||
@media (min-width: 901px) {
|
||||
.c_9fgdh { align-items: flex-start; border-radius: 10px; border: 1px solid #5F1798; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.30), 0 4px 20px 0 rgba(0, 0, 0, 0.20); display: flex; flex-direction: column; flex-shrink: 0; width: 335px; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user