Compare commits
28 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 83fc10878b | |||
| 576f794ff7 | |||
| bd1db2a468 | |||
| 905214b49e | |||
| 74d3f395ce | |||
| 034e7e1e27 | |||
| 09bffa78a3 | |||
| f0088b08b6 | |||
| 91a43a37b4 | |||
| 4a2aa59c77 | |||
| 3aab0b826b | |||
| 6e03bc997c | |||
| f04bb1843c | |||
| ed621b7ce2 | |||
| 0e9150b5ce | |||
| 6f591c10d5 | |||
| a15dccf3c2 | |||
| f82fe1a524 | |||
| 0b4852c582 | |||
| 37ff82a6ef | |||
| 5d1236dd87 | |||
| 4642ca0115 | |||
| 0a3d7baf82 | |||
| 885a96dced | |||
| f437fb8c5a | |||
| 366d0dd454 | |||
| 80b1b2b0cc | |||
| 269a651325 |
44
README.md
44
README.md
@@ -12,6 +12,7 @@
|
|||||||
- **Автоопределение дня недели** — будни/выходные.
|
- **Автоопределение дня недели** — будни/выходные.
|
||||||
- **Полное расписание** — по кнопке раскрывается вся таблица
|
- **Полное расписание** — по кнопке раскрывается вся таблица
|
||||||
(4 остановки: Кандалакша · ПЗ→Зашеек · Зашеек · ПЗ→Кандалакша).
|
(4 остановки: Кандалакша · ПЗ→Зашеек · Зашеек · ПЗ→Кандалакша).
|
||||||
|
- **Пуш-уведомления** — через RuStore Push, см. раздел ниже.
|
||||||
- Тёмная тема, живые часы МСК, подсветка ближайших рейсов (< 15 мин).
|
- Тёмная тема, живые часы МСК, подсветка ближайших рейсов (< 15 мин).
|
||||||
|
|
||||||
## Технические данные
|
## Технические данные
|
||||||
@@ -24,6 +25,42 @@
|
|||||||
| Сборка | Gradle 8.6 + AGP 8.2.2 |
|
| Сборка | Gradle 8.6 + AGP 8.2.2 |
|
||||||
| Подпись | keystore `~/bus127.keystore` (alias `bus127`) |
|
| Подпись | keystore `~/bus127.keystore` (alias `bus127`) |
|
||||||
|
|
||||||
|
## Пуш-уведомления (RuStore)
|
||||||
|
|
||||||
|
Приложение интегрировано с [RuStore Push SDK](https://www.rustore.ru/help/sdk/push-notifications)
|
||||||
|
(аналог Firebase Cloud Messaging). Проект в консоли RuStore привязан к пакету
|
||||||
|
`ru.ua1zbe.bus127` и подписи release-keystore; пока подпись не меняется, перерегистрация не нужна.
|
||||||
|
|
||||||
|
Для доставки на устройстве должен быть установлен и авторизован **RuStore**.
|
||||||
|
|
||||||
|
Рассылка выполняется с сервера через API RuStore:
|
||||||
|
|
||||||
|
```
|
||||||
|
POST https://vkpns.rustore.ru/v1/projects/{project_id}/messages:send
|
||||||
|
Authorization: Bearer {service-token}
|
||||||
|
Content-Type: application/json
|
||||||
|
|
||||||
|
{
|
||||||
|
"message": {
|
||||||
|
"token": "{push-token устройства}",
|
||||||
|
"notification": {
|
||||||
|
"title": "Автобус 127",
|
||||||
|
"body": "Ближайший рейс через 5 мин"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
- `project_id` и `service-token` берутся в консоли RuStore: **Push-уведомления > Проекты**.
|
||||||
|
В приложение попадает только `project_id`; сервисный токен в APK не хранится.
|
||||||
|
- `push-token` устройства приходит в `onNewToken` (лог `RuStorePush`) и сохраняется
|
||||||
|
в `SharedPreferences` `bus127_push`.
|
||||||
|
- Приложение подписывается на топик `bus127` — топик должен существовать в консоли.
|
||||||
|
Сообщения без поля `topic` приходят всем устройствам проекта.
|
||||||
|
- Если в запросе есть секция `notification` — уведомление показывает сам SDK;
|
||||||
|
если переданы только `data` (`title`/`body`, необязательный `url`) — приложение
|
||||||
|
показывает его само и открывает ссылку по клику.
|
||||||
|
|
||||||
## Структура
|
## Структура
|
||||||
|
|
||||||
```
|
```
|
||||||
@@ -32,7 +69,12 @@ apk-webview/ # исходники APK (WebView)
|
|||||||
│ ├── build.gradle
|
│ ├── build.gradle
|
||||||
│ └── src/main/
|
│ └── src/main/
|
||||||
│ ├── AndroidManifest.xml
|
│ ├── AndroidManifest.xml
|
||||||
│ ├── java/ru/ua1zbe/bus127/MainActivity.java
|
│ ├── java/ru/ua1zbe/bus127/
|
||||||
|
│ │ ├── MainActivity.java # WebView + запрос разрешения на уведомления
|
||||||
|
│ │ ├── Bus127App.java # инициализация RuStore Push SDK
|
||||||
|
│ │ ├── PushMessagingService.java # приём уведомлений
|
||||||
|
│ │ ├── PushIntents.java # переход по клику
|
||||||
|
│ │ └── push/PushStore.java # хранение push-токена
|
||||||
│ ├── assets/index.html # интерфейс (HTML/JS)
|
│ ├── assets/index.html # интерфейс (HTML/JS)
|
||||||
│ └── res/values/strings.xml
|
│ └── res/values/strings.xml
|
||||||
└── settings.gradle, build.gradle, gradle.properties
|
└── settings.gradle, build.gradle, gradle.properties
|
||||||
|
|||||||
@@ -19,8 +19,8 @@ android {
|
|||||||
applicationId "ru.ua1zbe.bus127"
|
applicationId "ru.ua1zbe.bus127"
|
||||||
minSdk 26
|
minSdk 26
|
||||||
targetSdk 34
|
targetSdk 34
|
||||||
versionCode 4
|
versionCode 11
|
||||||
versionName "2.2"
|
versionName "2.6.2"
|
||||||
}
|
}
|
||||||
|
|
||||||
buildTypes {
|
buildTypes {
|
||||||
@@ -35,3 +35,7 @@ android {
|
|||||||
targetCompatibility JavaVersion.VERSION_17
|
targetCompatibility JavaVersion.VERSION_17
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
dependencies {
|
||||||
|
implementation "ru.rustore.sdk:pushclient:7.4.0"
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,13 +1,34 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools">
|
||||||
|
|
||||||
|
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
|
||||||
|
<uses-permission android:name="android.permission.INTERNET" />
|
||||||
|
|
||||||
<application
|
<application
|
||||||
|
android:name=".Bus127App"
|
||||||
android:label="@string/app_name"
|
android:label="@string/app_name"
|
||||||
android:icon="@mipmap/ic_launcher"
|
android:icon="@mipmap/ic_launcher"
|
||||||
android:roundIcon="@mipmap/ic_launcher_round"
|
android:roundIcon="@mipmap/ic_launcher_round"
|
||||||
android:usesCleartextTraffic="true"
|
android:usesCleartextTraffic="true"
|
||||||
android:theme="@android:style/Theme.Material.NoActionBar">
|
android:theme="@android:style/Theme.Material.NoActionBar">
|
||||||
|
|
||||||
|
<service
|
||||||
|
android:name=".PushMessagingService"
|
||||||
|
android:exported="true"
|
||||||
|
tools:ignore="ExportedService">
|
||||||
|
<intent-filter>
|
||||||
|
<action android:name="ru.rustore.sdk.pushclient.MESSAGING_EVENT" />
|
||||||
|
</intent-filter>
|
||||||
|
</service>
|
||||||
|
|
||||||
|
<meta-data
|
||||||
|
android:name="ru.rustore.sdk.pushclient.default_notification_icon"
|
||||||
|
android:resource="@mipmap/ic_launcher" />
|
||||||
|
<meta-data
|
||||||
|
android:name="ru.rustore.sdk.pushclient.default_notification_channel_id"
|
||||||
|
android:value="@string/push_channel_id" />
|
||||||
|
|
||||||
<activity
|
<activity
|
||||||
android:name=".MainActivity"
|
android:name=".MainActivity"
|
||||||
android:exported="true"
|
android:exported="true"
|
||||||
|
|||||||
@@ -16,8 +16,7 @@
|
|||||||
color:var(--txt);min-height:100vh;padding:24px 16px 48px}
|
color:var(--txt);min-height:100vh;padding:24px 16px 48px}
|
||||||
.wrap{max-width:760px;margin:0 auto}
|
.wrap{max-width:760px;margin:0 auto}
|
||||||
header{text-align:center;margin-bottom:18px}
|
header{text-align:center;margin-bottom:18px}
|
||||||
.route{font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
|
h1{font-size:clamp(22px,4.5vw,30px);margin:0 0 4px;font-weight:700}
|
||||||
h1{font-size:clamp(22px,4.5vw,30px);margin:6px 0 4px;font-weight:700}
|
|
||||||
.sub{color:var(--muted);font-size:14px}
|
.sub{color:var(--muted);font-size:14px}
|
||||||
.clock{font-size:22px;font-weight:600;margin-top:10px;color:var(--accent)}
|
.clock{font-size:22px;font-weight:600;margin-top:10px;color:var(--accent)}
|
||||||
.clock small{color:var(--muted);font-weight:400;font-size:12px}
|
.clock small{color:var(--muted);font-weight:400;font-size:12px}
|
||||||
@@ -59,6 +58,15 @@
|
|||||||
|
|
||||||
.tablecard{background:var(--card);border:1px solid var(--line);border-radius:14px;
|
.tablecard{background:var(--card);border:1px solid var(--line);border-radius:14px;
|
||||||
overflow:hidden;display:none;margin-bottom:8px}
|
overflow:hidden;display:none;margin-bottom:8px}
|
||||||
|
/* переключатель типа дня в полном расписании */
|
||||||
|
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 12px 10px;
|
||||||
|
border-bottom:1px solid var(--line)}
|
||||||
|
.days button{padding:9px 4px;border-radius:10px;border:1px solid var(--line);
|
||||||
|
background:var(--card2);color:var(--muted);font-size:13px;font-weight:600;
|
||||||
|
cursor:pointer;transition:.15s;font-family:inherit}
|
||||||
|
.days button:hover{border-color:var(--accent2);color:var(--txt)}
|
||||||
|
.days button.active{background:linear-gradient(135deg,var(--accent2),var(--accent));
|
||||||
|
color:#04101c;border-color:transparent}
|
||||||
.thead{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--card2);
|
.thead{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--card2);
|
||||||
font-size:11px;color:var(--muted);text-align:center}
|
font-size:11px;color:var(--muted);text-align:center}
|
||||||
.thead div{padding:11px 6px;border-left:1px solid var(--line)}
|
.thead div{padding:11px 6px;border-left:1px solid var(--line)}
|
||||||
@@ -77,7 +85,6 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<header>
|
<header>
|
||||||
<div class="route">Мурманская область · регулярный маршрут</div>
|
|
||||||
<h1>Автобус №127</h1>
|
<h1>Автобус №127</h1>
|
||||||
<div class="sub">Кандалакша — Полярные Зори — Зашеек</div>
|
<div class="sub">Кандалакша — Полярные Зори — Зашеек</div>
|
||||||
<div class="clock" id="clock">--:--:-- <small>МСК</small></div>
|
<div class="clock" id="clock">--:--:-- <small>МСК</small></div>
|
||||||
@@ -96,6 +103,11 @@
|
|||||||
|
|
||||||
<button class="fullbtn" id="fullBtn">Полное расписание <span class="chev">▾</span></button>
|
<button class="fullbtn" id="fullBtn">Полное расписание <span class="chev">▾</span></button>
|
||||||
<section class="tablecard" id="fullTable">
|
<section class="tablecard" id="fullTable">
|
||||||
|
<div class="days" id="dayPick">
|
||||||
|
<button data-day="weekday" class="active">Будни</button>
|
||||||
|
<button data-day="saturday">Суббота</button>
|
||||||
|
<button data-day="sunday">Воскресенье</button>
|
||||||
|
</div>
|
||||||
<div class="thead">
|
<div class="thead">
|
||||||
<div><b>Кандалакша</b>отпр.</div>
|
<div><b>Кандалакша</b>отпр.</div>
|
||||||
<div><b>Полярные Зори</b>→ Зашеек</div>
|
<div><b>Полярные Зори</b>→ Зашеек</div>
|
||||||
@@ -109,7 +121,19 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const SCHEDULE = [
|
// Расписание по типам дней недели.
|
||||||
|
// Колонки: отправление из Кандалакши · Полярные Зори (в Зашеек) ·
|
||||||
|
// прибытие в Зашеек · Полярные Зори (обратно).
|
||||||
|
//
|
||||||
|
// Будни — полная таблица маршрута. По субботе и воскресенью в репозитории
|
||||||
|
// хранились только отправления из Полярных Зорь и прибытия в Зашеек
|
||||||
|
// (списки в app/src/main/java/ru/ua1zbe/bus127/MainActivity.kt), поэтому
|
||||||
|
// первая и четвёртая колонки восстановлены по тем же правилам, что и для
|
||||||
|
// будней, и требуют сверки с официальным расписанием:
|
||||||
|
// кол0 = кол1 − 50 мин (Кандалакша → Полярные Зори занимает ровно 50 мин)
|
||||||
|
// кол3 = кол2 + 20 мин (так разность кол3−кол2 выглядит в 8 строках из 13)
|
||||||
|
const SCHEDULES = {
|
||||||
|
weekday: [
|
||||||
["05:20","06:20","06:30","06:50"],
|
["05:20","06:20","06:30","06:50"],
|
||||||
["06:10","07:00","07:25","07:45"],
|
["06:10","07:00","07:25","07:45"],
|
||||||
["07:40","08:30","09:00","09:20"],
|
["07:40","08:30","09:00","09:20"],
|
||||||
@@ -123,19 +147,57 @@ const SCHEDULE = [
|
|||||||
["16:50","17:40","18:10","18:35"],
|
["16:50","17:40","18:10","18:35"],
|
||||||
["18:20","19:10","19:40","20:05"],
|
["18:20","19:10","19:40","20:05"],
|
||||||
["20:20","21:10","21:40","22:05"]
|
["20:20","21:10","21:40","22:05"]
|
||||||
];
|
],
|
||||||
|
saturday: [
|
||||||
|
["06:10","07:00","07:25","07:45"],
|
||||||
|
["07:30","08:20","08:45","09:05"],
|
||||||
|
["08:45","09:35","10:05","10:25"],
|
||||||
|
["10:10","11:00","11:30","11:50"],
|
||||||
|
["12:30","13:20","13:50","14:10"],
|
||||||
|
["14:00","14:50","15:45","16:05"],
|
||||||
|
["15:30","16:20","16:45","17:05"],
|
||||||
|
["17:00","17:50","18:20","18:40"],
|
||||||
|
["18:10","19:00","19:30","19:50"],
|
||||||
|
["20:20","21:10","21:40","22:00"]
|
||||||
|
],
|
||||||
|
sunday: [
|
||||||
|
["06:10","07:00","07:25","07:45"],
|
||||||
|
["08:45","09:35","10:05","10:25"],
|
||||||
|
["12:30","13:20","13:50","14:10"],
|
||||||
|
["14:00","14:50","15:25","15:45"],
|
||||||
|
["16:50","17:40","18:10","18:30"],
|
||||||
|
["20:20","21:10","21:40","22:00"]
|
||||||
|
]
|
||||||
|
};
|
||||||
|
const DAY_KEYS = ["weekday","saturday","sunday"];
|
||||||
|
const DAY_TITLES = {weekday:"Будни", saturday:"Суббота", sunday:"Воскресенье"};
|
||||||
|
|
||||||
const TRIPS_SHOWN = 5; // сколько ближайших рейсов показывать в карточке
|
const TRIPS_SHOWN = 5; // сколько ближайших рейсов показывать в карточке
|
||||||
|
|
||||||
|
// Время в пути Полярные Зори ↔ Кандалакша. В таблице расписания его нет:
|
||||||
|
// в 12 строках из 13 Кандалакша → ПЗ занимает ровно 50 минут
|
||||||
|
// (в первой строке 60 — по всей видимости опечатка).
|
||||||
|
const RIDE_PZ_KAND = 50;
|
||||||
|
|
||||||
|
// arrs — список прибытий: {label, col} — время из колонки таблицы,
|
||||||
|
// {label, offset} — «время в пути» от отправления (если col не задан).
|
||||||
const DIRECTIONS = {
|
const DIRECTIONS = {
|
||||||
// От Кандалакши и Зашейка все рейсы идут через Полярные Зори — одна карточка
|
// От Кандалакши и Зашейка все рейсы идут через Полярные Зори — одна карточка
|
||||||
"Кандалакша": [
|
"Кандалакша": [
|
||||||
{to:"Полярные Зори, Зашеек", dep:0, arr:2, arrLabel:"Зашеек", via:"через Полярные Зори"}
|
{to:"Полярные Зори, Зашеек", dep:0, via:"через Полярные Зори",
|
||||||
|
arrs:[{label:"Полярные Зори", col:1},
|
||||||
|
{label:"Зашеек", col:2}]}
|
||||||
],
|
],
|
||||||
"Полярные Зори": [
|
"Полярные Зори": [
|
||||||
{to:"Зашеек", dep:1, arr:2, via:"≈ 30 мин в пути"},
|
{to:"Зашеек", dep:1, via:"≈ 30 мин в пути",
|
||||||
{to:"Кандалакша", dep:3, arr:null, via:"≈ 1 час в пути"}
|
arrs:[{label:"Зашеек", col:2}]},
|
||||||
|
{to:"Кандалакша", dep:3, via:"≈ 50 мин в пути",
|
||||||
|
arrs:[{label:"Кандалакша", offset:RIDE_PZ_KAND}]}
|
||||||
],
|
],
|
||||||
"Зашеек": [
|
"Зашеек": [
|
||||||
{to:"Полярные Зори, Кандалакша", dep:2, arr:3, arrLabel:"Кандалакша", via:"через Полярные Зори"}
|
{to:"Полярные Зори, Кандалакша", dep:2, via:"через Полярные Зори",
|
||||||
|
arrs:[{label:"Полярные Зори", col:3},
|
||||||
|
{label:"Кандалакша", col:3, offset:RIDE_PZ_KAND}]}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
const DAYS = ["воскресенье","понедельник","вторник","среда","четверг","пятница","суббота"];
|
const DAYS = ["воскресенье","понедельник","вторник","среда","четверг","пятница","суббота"];
|
||||||
@@ -174,6 +236,12 @@ function nowMs(){
|
|||||||
second: d.getUTCSeconds(), day: d.getUTCDay() };
|
second: d.getUTCSeconds(), day: d.getUTCDay() };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function fmtHM(m){
|
||||||
|
const p = n=>String(n).padStart(2,"0");
|
||||||
|
m = ((m % 1440) + 1440) % 1440; // на случай перехода через полночь
|
||||||
|
return `${p(Math.floor(m/60))}:${p(m%60)}`;
|
||||||
|
}
|
||||||
|
|
||||||
function fmtWait(m){
|
function fmtWait(m){
|
||||||
if(m <= 0) return "отправление сейчас";
|
if(m <= 0) return "отправление сейчас";
|
||||||
const h = Math.floor(m/60), mm = m%60;
|
const h = Math.floor(m/60), mm = m%60;
|
||||||
@@ -184,24 +252,42 @@ function fmtWait(m){
|
|||||||
|
|
||||||
let currentStop = "Полярные Зори";
|
let currentStop = "Полярные Зори";
|
||||||
|
|
||||||
|
// Date#getDay(): 0 — воскресенье, 6 — суббота
|
||||||
|
function dayKeyFor(dow){ return dow===0 ? "sunday" : dow===6 ? "saturday" : "weekday"; }
|
||||||
|
|
||||||
|
// Карточки ближайших рейсов всегда показывают реальный сегодняшний день
|
||||||
|
function todayKey(){ return dayKeyFor(nowMs().day); }
|
||||||
|
|
||||||
|
// Выбор пользователя — только для полного расписания
|
||||||
|
function sched(){ return SCHEDULES[activeDay]; }
|
||||||
|
|
||||||
function render(){
|
function render(){
|
||||||
const now = nowMs();
|
const now = nowMs();
|
||||||
const curMin = now.hour*60 + now.minute;
|
const curMin = now.hour*60 + now.minute;
|
||||||
const dirs = DIRECTIONS[currentStop];
|
const dirs = DIRECTIONS[currentStop];
|
||||||
|
const data = SCHEDULES[todayKey()];
|
||||||
document.getElementById("dirBox").innerHTML = dirs.map(d=>{
|
document.getElementById("dirBox").innerHTML = dirs.map(d=>{
|
||||||
const upcoming = SCHEDULE
|
const upcoming = data
|
||||||
.map((r,ri)=>({dep:toMin(r[d.dep]), arr:d.arr!==null?r[d.arr]:null, ri}))
|
.map((r,ri)=>{
|
||||||
|
const dep = toMin(r[d.dep]);
|
||||||
|
const arrs = d.arrs.map(a=>{
|
||||||
|
const base = a.col!==undefined ? toMin(r[a.col]) : dep;
|
||||||
|
return {label:a.label, t:fmtHM(base + (a.offset||0))};
|
||||||
|
});
|
||||||
|
return {dep, arrs, ri};
|
||||||
|
})
|
||||||
.filter(x=>x.dep >= curMin)
|
.filter(x=>x.dep >= curMin)
|
||||||
.sort((a,b)=>a.dep-b.dep)
|
.sort((a,b)=>a.dep-b.dep)
|
||||||
.slice(0,TRIPS_SHOWN)
|
.slice(0,TRIPS_SHOWN)
|
||||||
.map(x=>{
|
.map(x=>{
|
||||||
const w = x.dep - curMin;
|
const w = x.dep - curMin;
|
||||||
const arr = x.arr ? `<small>прибытие${d.arrLabel ? " "+d.arrLabel : ""} ${x.arr}</small>` : "";
|
// .trip .t small имеет display:block, поэтому каждый <small> — своя строка
|
||||||
|
const arr = x.arrs.map(a=>`<small>прибытие ${a.label} ${a.t}</small>`).join("");
|
||||||
return `<div class="trip ${w<15?'soon':''}">
|
return `<div class="trip ${w<15?'soon':''}">
|
||||||
<span class="t">${SCHEDULE[x.ri][d.dep]}${arr}</span>
|
<span class="t">${data[x.ri][d.dep]}${arr}</span>
|
||||||
<span class="w">${fmtWait(w)}</span>
|
<span class="w">${fmtWait(w)}</span>
|
||||||
</div>`;
|
</div>`;
|
||||||
}).join("") || `<div class="empty">на сегодня всё — первый завтра в ${SCHEDULE[0][d.dep]}</div>`;
|
}).join("") || `<div class="empty">на сегодня всё — первый завтра в ${data[0][d.dep]}</div>`;
|
||||||
return `<div class="card">
|
return `<div class="card">
|
||||||
<h3>→ <span class="arr">${d.to}</span></h3>
|
<h3>→ <span class="arr">${d.to}</span></h3>
|
||||||
<div class="via">${d.via}</div>
|
<div class="via">${d.via}</div>
|
||||||
@@ -211,7 +297,7 @@ function render(){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderTable(){
|
function renderTable(){
|
||||||
document.getElementById("tableBody").innerHTML = SCHEDULE.map(row =>
|
document.getElementById("tableBody").innerHTML = sched().map(row =>
|
||||||
`<div class="row"><div>${row[0]}</div><div>${row[1]}</div><div>${row[2]}</div><div>${row[3]}</div></div>`
|
`<div class="row"><div>${row[0]}</div><div>${row[1]}</div><div>${row[2]}</div><div>${row[3]}</div></div>`
|
||||||
).join("");
|
).join("");
|
||||||
}
|
}
|
||||||
@@ -221,6 +307,15 @@ function renderDay(){
|
|||||||
document.getElementById("dayBadge").innerHTML = `Сегодня <b>${DAYS[dow]}</b>`;
|
document.getElementById("dayBadge").innerHTML = `Сегодня <b>${DAYS[dow]}</b>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Подсветка выбранного типа дня. Таблица полного расписания перерисовывается,
|
||||||
|
// карточки ближайших рейсов не трогаем — они всегда на сегодня.
|
||||||
|
function selectDay(key){
|
||||||
|
activeDay = key;
|
||||||
|
document.querySelectorAll("#dayPick button").forEach(b=>
|
||||||
|
b.classList.toggle("active", b.dataset.day === key));
|
||||||
|
renderTable();
|
||||||
|
}
|
||||||
|
|
||||||
function tickClock(){
|
function tickClock(){
|
||||||
const d = nowMs();
|
const d = nowMs();
|
||||||
const p = n=>String(n).padStart(2,"0");
|
const p = n=>String(n).padStart(2,"0");
|
||||||
@@ -239,6 +334,10 @@ document.querySelectorAll(".pick").forEach(btn=>{
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
document.querySelectorAll("#dayPick button").forEach(btn=>{
|
||||||
|
btn.addEventListener("click",()=>selectDay(btn.dataset.day));
|
||||||
|
});
|
||||||
|
|
||||||
document.getElementById("fullBtn").addEventListener("click",()=>{
|
document.getElementById("fullBtn").addEventListener("click",()=>{
|
||||||
const t = document.getElementById("fullTable");
|
const t = document.getElementById("fullTable");
|
||||||
const b = document.getElementById("fullBtn");
|
const b = document.getElementById("fullBtn");
|
||||||
@@ -247,7 +346,9 @@ document.getElementById("fullBtn").addEventListener("click",()=>{
|
|||||||
b.classList.toggle("open", !open);
|
b.classList.toggle("open", !open);
|
||||||
});
|
});
|
||||||
|
|
||||||
tickClock(); renderDay(); render(); renderTable();
|
let activeDay = todayKey(); // по умолчанию — реальный день недели
|
||||||
|
selectDay(activeDay);
|
||||||
|
tickClock(); renderDay(); render();
|
||||||
setInterval(tickClock,1000);
|
setInterval(tickClock,1000);
|
||||||
setInterval(render,30000);
|
setInterval(render,30000);
|
||||||
setInterval(renderDay,60000);
|
setInterval(renderDay,60000);
|
||||||
|
|||||||
@@ -0,0 +1,60 @@
|
|||||||
|
package ru.ua1zbe.bus127;
|
||||||
|
|
||||||
|
import android.app.Application;
|
||||||
|
import android.app.NotificationChannel;
|
||||||
|
import android.app.NotificationManager;
|
||||||
|
import android.util.Log;
|
||||||
|
|
||||||
|
import ru.rustore.sdk.pushclient.RuStorePushClient;
|
||||||
|
import ru.ua1zbe.bus127.push.PushStore;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Инициализация RuStore Push SDK.
|
||||||
|
*
|
||||||
|
* project_id и topic берутся из консоли RuStore (Push-уведомления > Проекты).
|
||||||
|
* Сервисный токен в приложении не хранится — он нужен только серверу
|
||||||
|
* для вызова https://vkpns.rustore.ru/v1/projects/{project_id}/messages:send
|
||||||
|
*/
|
||||||
|
public class Bus127App extends Application {
|
||||||
|
|
||||||
|
public static final String CHANNEL_ID = "bus127_push";
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void onCreate() {
|
||||||
|
super.onCreate();
|
||||||
|
createPushChannel();
|
||||||
|
initRuStorePush();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void createPushChannel() {
|
||||||
|
NotificationManager nm = getSystemService(NotificationManager.class);
|
||||||
|
nm.createNotificationChannel(new NotificationChannel(
|
||||||
|
CHANNEL_ID,
|
||||||
|
getString(R.string.push_channel_name),
|
||||||
|
NotificationManager.IMPORTANCE_HIGH));
|
||||||
|
}
|
||||||
|
|
||||||
|
private void initRuStorePush() {
|
||||||
|
try {
|
||||||
|
RuStorePushClient.INSTANCE.init(this, RUSTORE_PROJECT_ID);
|
||||||
|
RuStorePushClient.INSTANCE.getToken()
|
||||||
|
.addOnSuccessListener(token -> {
|
||||||
|
Log.i(TAG, "push token: " + token);
|
||||||
|
PushStore.setToken(this, token);
|
||||||
|
RuStorePushClient.INSTANCE.subscribeToTopic(PUSH_TOPIC)
|
||||||
|
.addOnSuccessListener(v ->
|
||||||
|
Log.i(TAG, "subscribed to " + PUSH_TOPIC))
|
||||||
|
.addOnFailureListener(e ->
|
||||||
|
Log.w(TAG, "subscribe to " + PUSH_TOPIC + " failed", e));
|
||||||
|
})
|
||||||
|
.addOnFailureListener(e ->
|
||||||
|
Log.w(TAG, "getToken failed", e));
|
||||||
|
} catch (Exception e) {
|
||||||
|
Log.w(TAG, "init failed", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static final String TAG = "RuStorePush";
|
||||||
|
private static final String RUSTORE_PROJECT_ID = "upSEOtZyXP96tskl4hf-442AqciCUTxs";
|
||||||
|
private static final String PUSH_TOPIC = "bus127";
|
||||||
|
}
|
||||||
@@ -1,7 +1,11 @@
|
|||||||
package ru.ua1zbe.bus127;
|
package ru.ua1zbe.bus127;
|
||||||
|
|
||||||
|
import android.Manifest;
|
||||||
import android.app.Activity;
|
import android.app.Activity;
|
||||||
|
import android.content.pm.PackageManager;
|
||||||
|
import android.os.Build;
|
||||||
import android.os.Bundle;
|
import android.os.Bundle;
|
||||||
|
import android.view.WindowManager;
|
||||||
import android.webkit.WebSettings;
|
import android.webkit.WebSettings;
|
||||||
import android.webkit.WebView;
|
import android.webkit.WebView;
|
||||||
import android.webkit.WebViewClient;
|
import android.webkit.WebViewClient;
|
||||||
@@ -10,6 +14,9 @@ public class MainActivity extends Activity {
|
|||||||
@Override
|
@Override
|
||||||
protected void onCreate(Bundle savedInstanceState) {
|
protected void onCreate(Bundle savedInstanceState) {
|
||||||
super.onCreate(savedInstanceState);
|
super.onCreate(savedInstanceState);
|
||||||
|
// экран не гаснет, пока открыто расписание
|
||||||
|
getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
|
||||||
|
requestNotificationsPermission();
|
||||||
WebView webView = new WebView(this);
|
WebView webView = new WebView(this);
|
||||||
WebSettings settings = webView.getSettings();
|
WebSettings settings = webView.getSettings();
|
||||||
settings.setJavaScriptEnabled(true);
|
settings.setJavaScriptEnabled(true);
|
||||||
@@ -19,4 +26,13 @@ public class MainActivity extends Activity {
|
|||||||
webView.loadUrl("file:///android_asset/index.html");
|
webView.loadUrl("file:///android_asset/index.html");
|
||||||
setContentView(webView);
|
setContentView(webView);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Android 13+ требует явного согласия на показ уведомлений
|
||||||
|
private void requestNotificationsPermission() {
|
||||||
|
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU
|
||||||
|
&& checkSelfPermission(Manifest.permission.POST_NOTIFICATIONS)
|
||||||
|
!= PackageManager.PERMISSION_GRANTED) {
|
||||||
|
requestPermissions(new String[]{Manifest.permission.POST_NOTIFICATIONS}, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,20 @@
|
|||||||
|
package ru.ua1zbe.bus127;
|
||||||
|
|
||||||
|
import android.app.PendingIntent;
|
||||||
|
import android.content.Context;
|
||||||
|
import android.content.Intent;
|
||||||
|
import android.net.Uri;
|
||||||
|
|
||||||
|
/** Открытие расписания по клику на уведомление. */
|
||||||
|
final class PushIntents {
|
||||||
|
|
||||||
|
private PushIntents() {
|
||||||
|
}
|
||||||
|
|
||||||
|
static PendingIntent web(Context context, String url) {
|
||||||
|
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url))
|
||||||
|
.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
|
||||||
|
return PendingIntent.getActivity(context, 0, intent,
|
||||||
|
PendingIntent.FLAG_UPDATE_CURRENT | PendingIntent.FLAG_IMMUTABLE);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,75 @@
|
|||||||
|
package ru.ua1zbe.bus127;
|
||||||
|
|
||||||
|
import android.app.Notification;
|
||||||
|
import android.app.NotificationManager;
|
||||||
|
import android.util.Log;
|
||||||
|
|
||||||
|
import java.util.List;
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
import ru.rustore.sdk.pushclient.messaging.exception.RuStorePushClientException;
|
||||||
|
import ru.rustore.sdk.pushclient.messaging.model.RemoteMessage;
|
||||||
|
import ru.rustore.sdk.pushclient.messaging.service.RuStoreMessagingService;
|
||||||
|
import ru.ua1zbe.bus127.push.PushStore;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Приём пуш-уведомлений RuStore.
|
||||||
|
*
|
||||||
|
* Если сервер прислал секцию notification — SDK показывает уведомление сам.
|
||||||
|
* Если пришли только data (title/body) — показываем уведомление сами.
|
||||||
|
*/
|
||||||
|
public class PushMessagingService extends RuStoreMessagingService {
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void onNewToken(String token) {
|
||||||
|
Log.i(TAG, "onNewToken: " + token);
|
||||||
|
PushStore.setToken(this, token);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void onMessageReceived(RemoteMessage message) {
|
||||||
|
if (message.getNotification() != null) {
|
||||||
|
Log.i(TAG, "push displayed by SDK: " + message.getData());
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
Map<String, String> data = message.getData();
|
||||||
|
String title = data.get("title");
|
||||||
|
if (title == null || title.isEmpty()) {
|
||||||
|
title = getString(R.string.app_name);
|
||||||
|
}
|
||||||
|
String body = data.get("body");
|
||||||
|
if (body == null) {
|
||||||
|
body = "";
|
||||||
|
}
|
||||||
|
if (!title.isEmpty() || !body.isEmpty()) {
|
||||||
|
showPush(title, body, data.get("url"));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void onDeletedMessages() {
|
||||||
|
Log.i(TAG, "onDeletedMessages");
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void onError(List<? extends RuStorePushClientException> errors) {
|
||||||
|
for (RuStorePushClientException e : errors) {
|
||||||
|
Log.w(TAG, "error", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void showPush(String title, String body, String url) {
|
||||||
|
Notification.Builder b = new Notification.Builder(this, Bus127App.CHANNEL_ID)
|
||||||
|
.setContentTitle(title)
|
||||||
|
.setContentText(body)
|
||||||
|
.setSmallIcon(R.mipmap.ic_launcher)
|
||||||
|
.setAutoCancel(true);
|
||||||
|
if (url != null && !url.isEmpty()) {
|
||||||
|
b.setContentIntent(PushIntents.web(this, url));
|
||||||
|
}
|
||||||
|
getSystemService(NotificationManager.class).notify(NOTIFICATION_ID, b.build());
|
||||||
|
}
|
||||||
|
|
||||||
|
private static final String TAG = "RuStorePush";
|
||||||
|
private static final int NOTIFICATION_ID = 127;
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
package ru.ua1zbe.bus127.push;
|
||||||
|
|
||||||
|
import android.content.Context;
|
||||||
|
import android.content.SharedPreferences;
|
||||||
|
|
||||||
|
/** Хранение push-токена устройства, чтобы отправлять ему уведомления с сервера. */
|
||||||
|
public final class PushStore {
|
||||||
|
|
||||||
|
private static final String PREFS = "bus127_push";
|
||||||
|
private static final String KEY_TOKEN = "push_token";
|
||||||
|
|
||||||
|
private PushStore() {
|
||||||
|
}
|
||||||
|
|
||||||
|
private static SharedPreferences sp(Context context) {
|
||||||
|
return context.getApplicationContext()
|
||||||
|
.getSharedPreferences(PREFS, Context.MODE_PRIVATE);
|
||||||
|
}
|
||||||
|
|
||||||
|
public static String getToken(Context context) {
|
||||||
|
return sp(context).getString(KEY_TOKEN, "");
|
||||||
|
}
|
||||||
|
|
||||||
|
public static void setToken(Context context, String token) {
|
||||||
|
sp(context).edit().putString(KEY_TOKEN, token).apply();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,4 +1,6 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<resources>
|
<resources>
|
||||||
<string name="app_name">Автобус 127</string>
|
<string name="app_name">Автобус 127</string>
|
||||||
|
<string name="push_channel_id">bus127_push</string>
|
||||||
|
<string name="push_channel_name">Пуш-уведомления</string>
|
||||||
</resources>
|
</resources>
|
||||||
|
|||||||
@@ -2,7 +2,11 @@ pluginManagement {
|
|||||||
repositories { google(); mavenCentral(); gradlePluginPortal() }
|
repositories { google(); mavenCentral(); gradlePluginPortal() }
|
||||||
}
|
}
|
||||||
dependencyResolutionManagement {
|
dependencyResolutionManagement {
|
||||||
repositories { google(); mavenCentral() }
|
repositories {
|
||||||
|
google()
|
||||||
|
mavenCentral()
|
||||||
|
maven { url "https://nexus-external.rustore.ru/repository/maven-rustore-exposed/" }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
rootProject.name = "BusSchedule127"
|
rootProject.name = "BusSchedule127"
|
||||||
include ':app'
|
include ':app'
|
||||||
|
|||||||
133
web/index.html
133
web/index.html
@@ -16,8 +16,7 @@
|
|||||||
color:var(--txt);min-height:100vh;padding:24px 16px 48px}
|
color:var(--txt);min-height:100vh;padding:24px 16px 48px}
|
||||||
.wrap{max-width:760px;margin:0 auto}
|
.wrap{max-width:760px;margin:0 auto}
|
||||||
header{text-align:center;margin-bottom:18px}
|
header{text-align:center;margin-bottom:18px}
|
||||||
.route{font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
|
h1{font-size:clamp(22px,4.5vw,30px);margin:0 0 4px;font-weight:700}
|
||||||
h1{font-size:clamp(22px,4.5vw,30px);margin:6px 0 4px;font-weight:700}
|
|
||||||
.sub{color:var(--muted);font-size:14px}
|
.sub{color:var(--muted);font-size:14px}
|
||||||
.clock{font-size:22px;font-weight:600;margin-top:10px;color:var(--accent)}
|
.clock{font-size:22px;font-weight:600;margin-top:10px;color:var(--accent)}
|
||||||
.clock small{color:var(--muted);font-weight:400;font-size:12px}
|
.clock small{color:var(--muted);font-weight:400;font-size:12px}
|
||||||
@@ -59,6 +58,15 @@
|
|||||||
|
|
||||||
.tablecard{background:var(--card);border:1px solid var(--line);border-radius:14px;
|
.tablecard{background:var(--card);border:1px solid var(--line);border-radius:14px;
|
||||||
overflow:hidden;display:none;margin-bottom:8px}
|
overflow:hidden;display:none;margin-bottom:8px}
|
||||||
|
/* переключатель типа дня в полном расписании */
|
||||||
|
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 12px 10px;
|
||||||
|
border-bottom:1px solid var(--line)}
|
||||||
|
.days button{padding:9px 4px;border-radius:10px;border:1px solid var(--line);
|
||||||
|
background:var(--card2);color:var(--muted);font-size:13px;font-weight:600;
|
||||||
|
cursor:pointer;transition:.15s;font-family:inherit}
|
||||||
|
.days button:hover{border-color:var(--accent2);color:var(--txt)}
|
||||||
|
.days button.active{background:linear-gradient(135deg,var(--accent2),var(--accent));
|
||||||
|
color:#04101c;border-color:transparent}
|
||||||
.thead{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--card2);
|
.thead{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--card2);
|
||||||
font-size:11px;color:var(--muted);text-align:center}
|
font-size:11px;color:var(--muted);text-align:center}
|
||||||
.thead div{padding:11px 6px;border-left:1px solid var(--line)}
|
.thead div{padding:11px 6px;border-left:1px solid var(--line)}
|
||||||
@@ -77,7 +85,6 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<header>
|
<header>
|
||||||
<div class="route">Мурманская область · регулярный маршрут</div>
|
|
||||||
<h1>Автобус №127</h1>
|
<h1>Автобус №127</h1>
|
||||||
<div class="sub">Кандалакша — Полярные Зори — Зашеек</div>
|
<div class="sub">Кандалакша — Полярные Зори — Зашеек</div>
|
||||||
<div class="clock" id="clock">--:--:-- <small>МСК</small></div>
|
<div class="clock" id="clock">--:--:-- <small>МСК</small></div>
|
||||||
@@ -96,6 +103,11 @@
|
|||||||
|
|
||||||
<button class="fullbtn" id="fullBtn">Полное расписание <span class="chev">▾</span></button>
|
<button class="fullbtn" id="fullBtn">Полное расписание <span class="chev">▾</span></button>
|
||||||
<section class="tablecard" id="fullTable">
|
<section class="tablecard" id="fullTable">
|
||||||
|
<div class="days" id="dayPick">
|
||||||
|
<button data-day="weekday" class="active">Будни</button>
|
||||||
|
<button data-day="saturday">Суббота</button>
|
||||||
|
<button data-day="sunday">Воскресенье</button>
|
||||||
|
</div>
|
||||||
<div class="thead">
|
<div class="thead">
|
||||||
<div><b>Кандалакша</b>отпр.</div>
|
<div><b>Кандалакша</b>отпр.</div>
|
||||||
<div><b>Полярные Зори</b>→ Зашеек</div>
|
<div><b>Полярные Зори</b>→ Зашеек</div>
|
||||||
@@ -109,7 +121,19 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const SCHEDULE = [
|
// Расписание по типам дней недели.
|
||||||
|
// Колонки: отправление из Кандалакши · Полярные Зори (в Зашеек) ·
|
||||||
|
// прибытие в Зашеек · Полярные Зори (обратно).
|
||||||
|
//
|
||||||
|
// Будни — полная таблица маршрута. По субботе и воскресенью в репозитории
|
||||||
|
// хранились только отправления из Полярных Зорь и прибытия в Зашеек
|
||||||
|
// (списки в app/src/main/java/ru/ua1zbe/bus127/MainActivity.kt), поэтому
|
||||||
|
// первая и четвёртая колонки восстановлены по тем же правилам, что и для
|
||||||
|
// будней, и требуют сверки с официальным расписанием:
|
||||||
|
// кол0 = кол1 − 50 мин (Кандалакша → Полярные Зори занимает ровно 50 мин)
|
||||||
|
// кол3 = кол2 + 20 мин (так разность кол3−кол2 выглядит в 8 строках из 13)
|
||||||
|
const SCHEDULES = {
|
||||||
|
weekday: [
|
||||||
["05:20","06:20","06:30","06:50"],
|
["05:20","06:20","06:30","06:50"],
|
||||||
["06:10","07:00","07:25","07:45"],
|
["06:10","07:00","07:25","07:45"],
|
||||||
["07:40","08:30","09:00","09:20"],
|
["07:40","08:30","09:00","09:20"],
|
||||||
@@ -123,19 +147,57 @@ const SCHEDULE = [
|
|||||||
["16:50","17:40","18:10","18:35"],
|
["16:50","17:40","18:10","18:35"],
|
||||||
["18:20","19:10","19:40","20:05"],
|
["18:20","19:10","19:40","20:05"],
|
||||||
["20:20","21:10","21:40","22:05"]
|
["20:20","21:10","21:40","22:05"]
|
||||||
];
|
],
|
||||||
|
saturday: [
|
||||||
|
["06:10","07:00","07:25","07:45"],
|
||||||
|
["07:30","08:20","08:45","09:05"],
|
||||||
|
["08:45","09:35","10:05","10:25"],
|
||||||
|
["10:10","11:00","11:30","11:50"],
|
||||||
|
["12:30","13:20","13:50","14:10"],
|
||||||
|
["14:00","14:50","15:45","16:05"],
|
||||||
|
["15:30","16:20","16:45","17:05"],
|
||||||
|
["17:00","17:50","18:20","18:40"],
|
||||||
|
["18:10","19:00","19:30","19:50"],
|
||||||
|
["20:20","21:10","21:40","22:00"]
|
||||||
|
],
|
||||||
|
sunday: [
|
||||||
|
["06:10","07:00","07:25","07:45"],
|
||||||
|
["08:45","09:35","10:05","10:25"],
|
||||||
|
["12:30","13:20","13:50","14:10"],
|
||||||
|
["14:00","14:50","15:25","15:45"],
|
||||||
|
["16:50","17:40","18:10","18:30"],
|
||||||
|
["20:20","21:10","21:40","22:00"]
|
||||||
|
]
|
||||||
|
};
|
||||||
|
const DAY_KEYS = ["weekday","saturday","sunday"];
|
||||||
|
const DAY_TITLES = {weekday:"Будни", saturday:"Суббота", sunday:"Воскресенье"};
|
||||||
|
|
||||||
const TRIPS_SHOWN = 5; // сколько ближайших рейсов показывать в карточке
|
const TRIPS_SHOWN = 5; // сколько ближайших рейсов показывать в карточке
|
||||||
|
|
||||||
|
// Время в пути Полярные Зори ↔ Кандалакша. В таблице расписания его нет:
|
||||||
|
// в 12 строках из 13 Кандалакша → ПЗ занимает ровно 50 минут
|
||||||
|
// (в первой строке 60 — по всей видимости опечатка).
|
||||||
|
const RIDE_PZ_KAND = 50;
|
||||||
|
|
||||||
|
// arrs — список прибытий: {label, col} — время из колонки таблицы,
|
||||||
|
// {label, offset} — «время в пути» от отправления (если col не задан).
|
||||||
const DIRECTIONS = {
|
const DIRECTIONS = {
|
||||||
// От Кандалакши и Зашейка все рейсы идут через Полярные Зори — одна карточка
|
// От Кандалакши и Зашейка все рейсы идут через Полярные Зори — одна карточка
|
||||||
"Кандалакша": [
|
"Кандалакша": [
|
||||||
{to:"Полярные Зори, Зашеек", dep:0, arr:2, arrLabel:"Зашеек", via:"через Полярные Зори"}
|
{to:"Полярные Зори, Зашеек", dep:0, via:"через Полярные Зори",
|
||||||
|
arrs:[{label:"Полярные Зори", col:1},
|
||||||
|
{label:"Зашеек", col:2}]}
|
||||||
],
|
],
|
||||||
"Полярные Зори": [
|
"Полярные Зори": [
|
||||||
{to:"Зашеек", dep:1, arr:2, via:"≈ 30 мин в пути"},
|
{to:"Зашеек", dep:1, via:"≈ 30 мин в пути",
|
||||||
{to:"Кандалакша", dep:3, arr:null, via:"≈ 1 час в пути"}
|
arrs:[{label:"Зашеек", col:2}]},
|
||||||
|
{to:"Кандалакша", dep:3, via:"≈ 50 мин в пути",
|
||||||
|
arrs:[{label:"Кандалакша", offset:RIDE_PZ_KAND}]}
|
||||||
],
|
],
|
||||||
"Зашеек": [
|
"Зашеек": [
|
||||||
{to:"Полярные Зори, Кандалакша", dep:2, arr:3, arrLabel:"Кандалакша", via:"через Полярные Зори"}
|
{to:"Полярные Зори, Кандалакша", dep:2, via:"через Полярные Зори",
|
||||||
|
arrs:[{label:"Полярные Зори", col:3},
|
||||||
|
{label:"Кандалакша", col:3, offset:RIDE_PZ_KAND}]}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
const DAYS = ["воскресенье","понедельник","вторник","среда","четверг","пятница","суббота"];
|
const DAYS = ["воскресенье","понедельник","вторник","среда","четверг","пятница","суббота"];
|
||||||
@@ -174,6 +236,12 @@ function nowMs(){
|
|||||||
second: d.getUTCSeconds(), day: d.getUTCDay() };
|
second: d.getUTCSeconds(), day: d.getUTCDay() };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function fmtHM(m){
|
||||||
|
const p = n=>String(n).padStart(2,"0");
|
||||||
|
m = ((m % 1440) + 1440) % 1440; // на случай перехода через полночь
|
||||||
|
return `${p(Math.floor(m/60))}:${p(m%60)}`;
|
||||||
|
}
|
||||||
|
|
||||||
function fmtWait(m){
|
function fmtWait(m){
|
||||||
if(m <= 0) return "отправление сейчас";
|
if(m <= 0) return "отправление сейчас";
|
||||||
const h = Math.floor(m/60), mm = m%60;
|
const h = Math.floor(m/60), mm = m%60;
|
||||||
@@ -184,24 +252,42 @@ function fmtWait(m){
|
|||||||
|
|
||||||
let currentStop = "Полярные Зори";
|
let currentStop = "Полярные Зори";
|
||||||
|
|
||||||
|
// Date#getDay(): 0 — воскресенье, 6 — суббота
|
||||||
|
function dayKeyFor(dow){ return dow===0 ? "sunday" : dow===6 ? "saturday" : "weekday"; }
|
||||||
|
|
||||||
|
// Карточки ближайших рейсов всегда показывают реальный сегодняшний день
|
||||||
|
function todayKey(){ return dayKeyFor(nowMs().day); }
|
||||||
|
|
||||||
|
// Выбор пользователя — только для полного расписания
|
||||||
|
function sched(){ return SCHEDULES[activeDay]; }
|
||||||
|
|
||||||
function render(){
|
function render(){
|
||||||
const now = nowMs();
|
const now = nowMs();
|
||||||
const curMin = now.hour*60 + now.minute;
|
const curMin = now.hour*60 + now.minute;
|
||||||
const dirs = DIRECTIONS[currentStop];
|
const dirs = DIRECTIONS[currentStop];
|
||||||
|
const data = SCHEDULES[todayKey()];
|
||||||
document.getElementById("dirBox").innerHTML = dirs.map(d=>{
|
document.getElementById("dirBox").innerHTML = dirs.map(d=>{
|
||||||
const upcoming = SCHEDULE
|
const upcoming = data
|
||||||
.map((r,ri)=>({dep:toMin(r[d.dep]), arr:d.arr!==null?r[d.arr]:null, ri}))
|
.map((r,ri)=>{
|
||||||
|
const dep = toMin(r[d.dep]);
|
||||||
|
const arrs = d.arrs.map(a=>{
|
||||||
|
const base = a.col!==undefined ? toMin(r[a.col]) : dep;
|
||||||
|
return {label:a.label, t:fmtHM(base + (a.offset||0))};
|
||||||
|
});
|
||||||
|
return {dep, arrs, ri};
|
||||||
|
})
|
||||||
.filter(x=>x.dep >= curMin)
|
.filter(x=>x.dep >= curMin)
|
||||||
.sort((a,b)=>a.dep-b.dep)
|
.sort((a,b)=>a.dep-b.dep)
|
||||||
.slice(0,TRIPS_SHOWN)
|
.slice(0,TRIPS_SHOWN)
|
||||||
.map(x=>{
|
.map(x=>{
|
||||||
const w = x.dep - curMin;
|
const w = x.dep - curMin;
|
||||||
const arr = x.arr ? `<small>прибытие${d.arrLabel ? " "+d.arrLabel : ""} ${x.arr}</small>` : "";
|
// .trip .t small имеет display:block, поэтому каждый <small> — своя строка
|
||||||
|
const arr = x.arrs.map(a=>`<small>прибытие ${a.label} ${a.t}</small>`).join("");
|
||||||
return `<div class="trip ${w<15?'soon':''}">
|
return `<div class="trip ${w<15?'soon':''}">
|
||||||
<span class="t">${SCHEDULE[x.ri][d.dep]}${arr}</span>
|
<span class="t">${data[x.ri][d.dep]}${arr}</span>
|
||||||
<span class="w">${fmtWait(w)}</span>
|
<span class="w">${fmtWait(w)}</span>
|
||||||
</div>`;
|
</div>`;
|
||||||
}).join("") || `<div class="empty">на сегодня всё — первый завтра в ${SCHEDULE[0][d.dep]}</div>`;
|
}).join("") || `<div class="empty">на сегодня всё — первый завтра в ${data[0][d.dep]}</div>`;
|
||||||
return `<div class="card">
|
return `<div class="card">
|
||||||
<h3>→ <span class="arr">${d.to}</span></h3>
|
<h3>→ <span class="arr">${d.to}</span></h3>
|
||||||
<div class="via">${d.via}</div>
|
<div class="via">${d.via}</div>
|
||||||
@@ -211,7 +297,7 @@ function render(){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderTable(){
|
function renderTable(){
|
||||||
document.getElementById("tableBody").innerHTML = SCHEDULE.map(row =>
|
document.getElementById("tableBody").innerHTML = sched().map(row =>
|
||||||
`<div class="row"><div>${row[0]}</div><div>${row[1]}</div><div>${row[2]}</div><div>${row[3]}</div></div>`
|
`<div class="row"><div>${row[0]}</div><div>${row[1]}</div><div>${row[2]}</div><div>${row[3]}</div></div>`
|
||||||
).join("");
|
).join("");
|
||||||
}
|
}
|
||||||
@@ -221,6 +307,15 @@ function renderDay(){
|
|||||||
document.getElementById("dayBadge").innerHTML = `Сегодня <b>${DAYS[dow]}</b>`;
|
document.getElementById("dayBadge").innerHTML = `Сегодня <b>${DAYS[dow]}</b>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Подсветка выбранного типа дня. Таблица полного расписания перерисовывается,
|
||||||
|
// карточки ближайших рейсов не трогаем — они всегда на сегодня.
|
||||||
|
function selectDay(key){
|
||||||
|
activeDay = key;
|
||||||
|
document.querySelectorAll("#dayPick button").forEach(b=>
|
||||||
|
b.classList.toggle("active", b.dataset.day === key));
|
||||||
|
renderTable();
|
||||||
|
}
|
||||||
|
|
||||||
function tickClock(){
|
function tickClock(){
|
||||||
const d = nowMs();
|
const d = nowMs();
|
||||||
const p = n=>String(n).padStart(2,"0");
|
const p = n=>String(n).padStart(2,"0");
|
||||||
@@ -239,6 +334,10 @@ document.querySelectorAll(".pick").forEach(btn=>{
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
document.querySelectorAll("#dayPick button").forEach(btn=>{
|
||||||
|
btn.addEventListener("click",()=>selectDay(btn.dataset.day));
|
||||||
|
});
|
||||||
|
|
||||||
document.getElementById("fullBtn").addEventListener("click",()=>{
|
document.getElementById("fullBtn").addEventListener("click",()=>{
|
||||||
const t = document.getElementById("fullTable");
|
const t = document.getElementById("fullTable");
|
||||||
const b = document.getElementById("fullBtn");
|
const b = document.getElementById("fullBtn");
|
||||||
@@ -247,7 +346,9 @@ document.getElementById("fullBtn").addEventListener("click",()=>{
|
|||||||
b.classList.toggle("open", !open);
|
b.classList.toggle("open", !open);
|
||||||
});
|
});
|
||||||
|
|
||||||
tickClock(); renderDay(); render(); renderTable();
|
let activeDay = todayKey(); // по умолчанию — реальный день недели
|
||||||
|
selectDay(activeDay);
|
||||||
|
tickClock(); renderDay(); render();
|
||||||
setInterval(tickClock,1000);
|
setInterval(tickClock,1000);
|
||||||
setInterval(render,30000);
|
setInterval(render,30000);
|
||||||
setInterval(renderDay,60000);
|
setInterval(renderDay,60000);
|
||||||
|
|||||||
Reference in New Issue
Block a user