Nikolay Tatarinov
2fb553567f
Some checks failed
CI / lint-and-test (push) Failing after 45s
- Added Node.js setup and webapp testing steps to the CI workflow for improved integration. - Updated HTML to link multiple CSS files for better modularity and organization of styles. - Removed deprecated `style.css` and introduced new CSS files for base styles, calendar, day detail, hints, markers, states, and duty list to enhance maintainability and readability. - Implemented new styles for improved presentation of duty information and user interactions. - Added unit tests for new API functions and contact link rendering to ensure functionality and reliability.
90 lines
2.5 KiB
JavaScript
90 lines
2.5 KiB
JavaScript
/**
|
|
* Screen states: access denied, error, nav enabled.
|
|
*/
|
|
|
|
import {
|
|
state,
|
|
getCalendarEl,
|
|
getDutyListEl,
|
|
getLoadingEl,
|
|
getErrorEl,
|
|
getAccessDeniedEl,
|
|
getHeaderEl,
|
|
getWeekdaysEl,
|
|
getPrevBtn,
|
|
getNextBtn
|
|
} from "./dom.js";
|
|
import { t } from "./i18n.js";
|
|
|
|
/**
|
|
* Show access-denied view and hide calendar/list/loading/error.
|
|
* @param {string} [serverDetail] - message from API 403 detail (shown below main text when present)
|
|
*/
|
|
export function showAccessDenied(serverDetail) {
|
|
const headerEl = getHeaderEl();
|
|
const weekdaysEl = getWeekdaysEl();
|
|
const calendarEl = getCalendarEl();
|
|
const dutyListEl = getDutyListEl();
|
|
const loadingEl = getLoadingEl();
|
|
const errorEl = getErrorEl();
|
|
const accessDeniedEl = getAccessDeniedEl();
|
|
if (headerEl) headerEl.hidden = true;
|
|
if (weekdaysEl) weekdaysEl.hidden = true;
|
|
if (calendarEl) calendarEl.hidden = true;
|
|
if (dutyListEl) dutyListEl.hidden = true;
|
|
if (loadingEl) loadingEl.classList.add("hidden");
|
|
if (errorEl) errorEl.hidden = true;
|
|
if (accessDeniedEl) {
|
|
const msg = t(state.lang, "access_denied");
|
|
accessDeniedEl.innerHTML = "<p>" + msg + "</p>";
|
|
if (serverDetail && serverDetail.trim()) {
|
|
const detail = document.createElement("p");
|
|
detail.className = "access-denied-detail";
|
|
detail.textContent = serverDetail;
|
|
accessDeniedEl.appendChild(detail);
|
|
}
|
|
accessDeniedEl.hidden = false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Hide access-denied and show calendar/list/header/weekdays.
|
|
*/
|
|
export function hideAccessDenied() {
|
|
const accessDeniedEl = getAccessDeniedEl();
|
|
const headerEl = getHeaderEl();
|
|
const weekdaysEl = getWeekdaysEl();
|
|
const calendarEl = getCalendarEl();
|
|
const dutyListEl = getDutyListEl();
|
|
if (accessDeniedEl) accessDeniedEl.hidden = true;
|
|
if (headerEl) headerEl.hidden = false;
|
|
if (weekdaysEl) weekdaysEl.hidden = false;
|
|
if (calendarEl) calendarEl.hidden = false;
|
|
if (dutyListEl) dutyListEl.hidden = false;
|
|
}
|
|
|
|
/**
|
|
* Show error message and hide loading.
|
|
* @param {string} msg - Error text
|
|
*/
|
|
export function showError(msg) {
|
|
const errorEl = getErrorEl();
|
|
const loadingEl = getLoadingEl();
|
|
if (errorEl) {
|
|
errorEl.textContent = msg;
|
|
errorEl.hidden = false;
|
|
}
|
|
if (loadingEl) loadingEl.classList.add("hidden");
|
|
}
|
|
|
|
/**
|
|
* Enable or disable prev/next month buttons.
|
|
* @param {boolean} enabled
|
|
*/
|
|
export function setNavEnabled(enabled) {
|
|
const prevBtn = getPrevBtn();
|
|
const nextBtn = getNextBtn();
|
|
if (prevBtn) prevBtn.disabled = !enabled;
|
|
if (nextBtn) nextBtn.disabled = !enabled;
|
|
}
|