batmanisko
5c048fe1f1
CI / Generate TypeScript types (push) Successful in 13s
CI / Server unit tests (push) Successful in 25s
CI / Build server (push) Successful in 28s
CI / Build client (push) Successful in 41s
CI / Playwright E2E tests (push) Successful in 1m47s
CI / Build and push Docker image (push) Successful in 53s
CI / Notify (push) Successful in 2s
Vedle Bolt Food jde nově sledovat i objednávka z Woltu — stačí u objednané skupiny vložit odkaz z track.wolt.com. Logika sledování je zobecněná do registru rozvozových služeb (trackingProviders.ts): každá služba umí vytáhnout kód ze sdílecího odkazu a dotázat se svého API, scheduler i stepper jsou společné. - pole skupiny bolt* přejmenována na tracking* + nové trackingProvider - endpoint /groups/setBoltTracking → /groups/setTracking - Wolt: čas doručení z delivery_eta v časové zóně objednávky, 404 ukončí sledování, stav kurýra odvozen z is_delivering/is_delivering_other_order - DEV simulace zůstává jen pro Bolt Food
72 lines
1.8 KiB
SCSS
72 lines
1.8 KiB
SCSS
.tracking-progress {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
max-width: 400px;
|
||
|
||
.tracking-step {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
flex: 1;
|
||
min-width: 64px;
|
||
|
||
.tracking-dot {
|
||
position: relative;
|
||
z-index: 1;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: var(--luncher-border, #ced4da);
|
||
}
|
||
|
||
.tracking-label {
|
||
margin-top: 2px;
|
||
font-size: 0.7em;
|
||
color: var(--luncher-text-muted, #6c757d);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
// Spojnice k předchozímu kroku – vede od středu této tečky doleva ke středu předchozí.
|
||
// Tečka má průměr 12px, takže její střed je 6px od levého okraje segmentu.
|
||
&:not(:first-child)::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 5px;
|
||
left: calc(6px - 100%);
|
||
width: 100%;
|
||
height: 2px;
|
||
background: var(--luncher-border, #ced4da);
|
||
}
|
||
|
||
&.done {
|
||
.tracking-dot {
|
||
background: var(--bs-success, #198754);
|
||
}
|
||
|
||
&:not(:first-child)::before {
|
||
background: var(--bs-success, #198754);
|
||
}
|
||
}
|
||
|
||
&.active .tracking-label {
|
||
font-weight: 600;
|
||
color: inherit;
|
||
}
|
||
}
|
||
|
||
// Pulzování aktivního kroku, dokud sledování běží
|
||
&.live .tracking-step.active .tracking-dot {
|
||
animation: tracking-pulse 2s ease-in-out infinite;
|
||
}
|
||
}
|
||
|
||
@keyframes tracking-pulse {
|
||
0%, 100% {
|
||
box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.5);
|
||
}
|
||
50% {
|
||
box-shadow: 0 0 0 5px rgba(25, 135, 84, 0);
|
||
}
|
||
}
|