Předpověď počasí - ČHMÚ

` + (("CHMI.CZ" "CHMI.CZ") ? data.description : "") + `
` + (("CHMI.CZ" "CHMI.CZ") ?
'Výstrahy ČR' : 'Alerts CZ')
+`
`;
}
this.loadHeaderAlertsComponent function () {
const fetchUrl "https://data-provider.chmi.cz/api/cap/data/all/cap-all-cr"
fetch(fetchUrl).then(async function (dataResp) {
const data await dataResp.json();
this.createHeaderAlertsInfo(data);
}.bind(this));
};
}
}
Liferay.on('allPortletsReady', () > { new HeaderAlerts().loadHeaderAlertsComponent(); });
/* TODO Move to theme */
.bg-chmu-blue {
background-color: #14387f;
}
.choices__list.choices__list--dropdown {
--scroll-left: 0px !important;
}
.nav-bg-circle {
z-index: -2;
}
.nav-cross {
position: absolute;
display: flex;
justify-content: flex-end;
cursor: unset;
margin: 0 0 1rem 0;
width: 100%;
}
@media (max-width: 1280px) {
.nav-cross {
top: 0.5rem;
right: 0.5rem;
}
}
@media (max-width: 1280px) {
.chmu-menu-nav .sub-menu-container {
padding: 2rem 2rem;
justify-content: flex-end;
}
.chmu-menu-nav .dropdown-megamenu-wrapper.open .sub-menu-container {
overflow-y: auto;
}
.chmu-menu-nav .sub-menu {
flex-direction: row;
/* max-height: calc(100vh - 300px);*/
max-height: unset;
}
/* .chmu-menu-nav .sub-menu .nav-item {
width: 50%;
};*/
.chmu-menu-nav .sub-sub-menu > .nav-item > a {
white-space: normal;
}
}
.chmu-nav-item-overlay {
height: 0;
position: absolute;
}
.chmu-menu-mobile-search {
display: none;
}
.chmu-header .section-header-logo {
padding: 20px
}
#chmu-header {
position: relative;
top: 0;
z-index: 999;
}
#chmu-menu-nav-container {
display: flex;
align-items: center;
height: 100%;
}
@media (max-width: 1280px) {
#chmu-menu-nav-container {
height: 40px;
}
}
@media (max-width: 768px) {
#chmu-header {
position: fixed;
}
.chmu-menu-right a[data-lfr-editable-id"link-vystrahy"] img {
width: 90%;
}
.chmu-header-logo {
display: flex;
height: 100px;
align-items: center;
}
.chmu-header-logo img {
width: 90%
}
.chmu-menu-mobile-search {
display: flex;
position: fixed;
bottom: 2rem;
width: 90%;
justify-content: center;
}
.chmu-menu-mobile-search div {
height: auto !important;
}
.chmu-menu-nav .navigation-menu .nav-item > a:hover::before {
display: none;
}
.chmu-menu-nav .navigation-menu .nav-item > a:hover::after {
display: none;
}
.chmu-menu-nav .navigation-menu {
overflow-x: auto !important;
overflow-y: hidden;
}
.chmu-menu-nav .sub-menu .nav-item {
width: 100%;
height: auto;
}
#chmu-menu-nav-container:not(:has(.nav-item.open)) .nav-item {
min-height: 10vh;
padding: 0;
}
#chmu-menu-nav-container:not(:has(.nav-item.open)) {
/*height: calc(100vh - 100px) !important;*/
height: 100%;
position: fixed;
display: flex;
flex-direction: column;
}
.chmu-menu-nav .dropdown-megamenu-wrapper.open {
max-height: calc(100vh - 190px);
min-height: calc(100vh - 190px);
overflow-y: scroll;
/* height: auto; */
}
.chmu-menu-nav .sub-menu-container.open {
overflow-y: scroll;
}
.chmu-menu-nav .navigation-menu {
padding: 0;
}
.chmu-menu-nav .navigation-menu .nav-item {
width: 100%;
flex: 0 !important;
/* min-height: 10vh; */
padding: 0.5rem;
}
.chmu-menu-nav .navigation-menu:not(:has(.nav-item.open)) {
padding: 0;
overflow-x: hidden;
flex-direction: column;
}
.chmu-nav-item-overlay {
width: 100%;
display: flex;
height: 100%;
}
}
.nav-cross img {
height: 1.25rem;
cursor: pointer;
}
.chmu-header .portlet {
margin-bottom: 0 !important;
}
.chmu-menu-search {
display: none;
}
.chmu-menu-nav .nav-link {
color: #fff;
height: 100%;
font-weight: 700;
display: flex;
align-items: center;
}
.chmu-menu-nav .nav-item {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.chmu-menu-nav .navbar-nav {
margin-right: 1.5rem;
}
.chmu-menu-search {
margin-right: 1.5rem;
}
.chmu-menu-search .input-group-inset-item.input-group-inset-item-after {
background-color: transparent;
border: none;
color: #fff;
border-top-right-radius: 99rem;
border-bottom-right-radius: 99rem;
position: absolute;
right: 0;
padding: 10px 0;
}
.chmu-menu-search .input-group > input {
cursor: pointer;
}
.chmu-menu-search .input-group .input-group:focus-within {
width: 25rem !important;
}
.chmu-menu-search .input-group .input-group:focus-within input {
opacity: 1 !important;
}
.chmu-menu-search .input-group .input-group:focus-within input {
cursor: auto;
}
.chmu-menu-search .input-group .input-group-item {
width: 2.5rem;
}
.chmu-menu-search .input-group .input-group {
position: absolute;
z-index: 99;
top: -20px;
right: 0;
transition: width 0.5s;
}
.chmu-menu-search .input-group .input-group input {
border-radius: 99rem;
opacity: 0;
transition: opacity 0.2s;
}
.chmu-menu-mobile-search .input-group .input-group input.form-control.input-group-inset.input-group-inset-after.search-bar-keywords-input {
border-top-left-radius: 99rem;
border-bottom-left-radius: 99rem;
border-width: 0px;
width: 60vw;
height: 3rem;
}
.chmu-menu-mobile-search .input-group-inset-item.input-group-inset-item-after {
border-top-right-radius: 99rem;
border-bottom-right-radius: 99rem;
border: 0;
color: #63c3d1;
}
.chmu-menu-search .input-group .input-group input.form-control.input-group-inset.input-group-inset-after.search-bar-keywords-input {
border-top-right-radius: 99rem;
border-bottom-right-radius: 99rem;
border-right-width: 1px;
}
.chmu-menu-search .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
background-color: transparent;
}
.chmu-menu-search .input-group:focus-within .input-group-inset-item.input-group-inset-item-after > * {
color: #63c3d1;
z-index: 100;
position: relative;
}
.chmu-menu-nav .nav-item:hover {
background-color: #0b2d71;
}
.chmu-menu-nav .nav-item:hover > .nav-link {
color: #ffce44 !important;
background-color: #0b2d71;
}
.chmu-menu-nav .dropdown-menu {
float: none;
position: fixed;
left: 0;
max-width: 100%;
background-color: #f2f2f2;
width: 100%;
overflow: auto;
}
.chmu-menu-nav .portlet {
position: static;
margin: 0;
}
#chmu-m-menu-toggle {
display: none;
padding: 0 2rem;
cursor: pointer;
}
@media (max-width: 1280px) {
#chmu-m-menu-toggle {
display: flex;
align-items: center;
height: 100%;
}
#chmu-m-menu-toggle[data-open"true"] {
background-color: #032464;
}
#chmu-menu-nav-container[data-open"false"] {
display: none !important;
}
.chmu-menu-nav {
position: absolute;
top: 95px;
left: 0;
z-index: 99999;
width: 100%;
background-color: #032464;
}
.chmu-menu-nav .navigation-menu .nav-item {
flex: 1;
}
.chmu-menu-nav .navigation-menu .nav-item > a {
justify-content: center;
width: 100%;
white-space: nowrap;
}
.chmu-menu-nav .navigation-menu {
overflow-x: hidden;
}
.chmu-menu-nav .portlet-content,
.chmu-menu-nav .portlet,
.chmu-menu-nav .portlet-boundary,
.chmu-menu-nav .portlet-content-container,
.chmu-menu-nav .portlet-body,
.chmu-menu-nav .navigation-container,
.chmu-menu-nav .navigation-menu {
width: 100%;
display: flex;
flex: 1;
}
}
.chmu-menu-nav div {
height: 100%;
display: flex;
}
#chmu-menu-toggle-state {
height: 2rem;
}
const configuration {}; const fragmentElement document.querySelector('#fragment-d9c1d6f4-b892-0432-0990-5b0d60d31984'); const fragmentEntryLinkNamespace 'rbhy'; const fragmentNamespace 'rbhy'; const layoutMode 'view';const openToggle document.getElementById("chmu-m-menu-toggle");
const toggleState document.getElementById("chmu-menu-toggle-state");
const menuNavContainer document.getElementById("chmu-menu-nav-container");
openToggle.addEventListener("click", e > {
const currentState menuNavContainer.getAttribute("data-open") "true";
openToggle.setAttribute("data-open", !(currentState));
menuNavContainer.setAttribute("data-open", !(currentState));
// toggleState.src `/o/chmu-theme/images/icon/menu-${currentState ? 'opened' : 'closed'}.svg`
})
let searchBarElem fragmentElement.getElementsByClassName('chmu-menu-search')[0].querySelector(".portlet");
function searchCallback(mutationsList, observer) {
mutationsList.forEach(mutation > {
if (mutation.attributeName 'class') {
if (searchBarElem?.classList?.contains('open')) {
document.getElementsByClassName('navigation-menu')[0].style.pointerEvents 'none';
} else {
document.getElementsByClassName('navigation-menu')[0].style.pointerEvents 'unset';
}
}
})
}
let typingTimer;
const typingDelay 2000;
const input document.querySelector('.search-bar-keywords-input');
input.addEventListener('input', (e) > {
clearTimeout(typingTimer);
typingTimer setTimeout(() > {
const elm document.querySelector(".search-bar-suggestions-results-list");
const links elm.querySelectorAll("a");
links.forEach((link, index) > {
link.addEventListener("click", (event) > {
window.ga_handler.selectSearchEvent({
text: e.target.value.toLowerCase(),
counter: index,
number: links.length,
parent: "recomender",
text_2: link.textContent,
});
});
});
window.ga_handler.viewSearchEvent({
text: e.target.value.toLowerCase(),
number: links.length,
parent: "recommender",
});
}, typingDelay);
});
AUI().ready(() > {
const elm fragmentElement.querySelector(".search-bar-keywords-input");
elm?.addEventListener("focus", (e) > {
window.ga_handler.mainMenuitemEvent({
text: "Hledání",
parent: "Hledání",
});
});
const logo fragmentElement.querySelector(".chmu-header-logo a");
logo?.addEventListener("click", (event) > {
window.ga_handler.mainMenuitemEvent({
text: "Logo CHMU",
parent: "Logo CHMU",
});
});
});
const mutationObserver new MutationObserver(searchCallback);
mutationObserver.observe(searchBarElem, {attributes: true});;
const breadcrumbs ["Úvod","Předpovědi"]
const getWeatherData async () > {
try {
const fetchUrl "/api/cap/data/all/cap-all-cr"
const response await fetch(fetchUrl);
const { description } await response.json();
return description;
} catch {
return "-";
}
}
const createContentGroup (bdc) > {
if (bdc.length < 3) {
return "-";
}
let result "";
let level 2;
for (;level < bdc.length && level < 4; level++) {
if (level > 2) {
result + " > ";
}
result + "L" + level + " " + bdc[level];
}
return { result, level };
}
const formatLocation (id, location) > {
if (!id) {
return location;
}
return id + " " + location;
}
getWeatherData().then((warning_weather) > {
const bdc breadcrumbs ?? [];
console.log(bdc);
const id window.dynamicConfig?.BusinessId;
const page_type bdc.length < 2 ? "-" : bdc[1];
const { result, level } createContentGroup(bdc);
const location level > bdc.length ? "-" : formatLocation(id, bdc[level])
window.ga_handler.pageViewEvent({
user_id: window.themeDisplay?.getUserId() ?? "-",
page_type,
content_group: result,
location_chmu_id: location,
warning_weather,
});
});
Úvod
Předpovědi
Podrobná předpověď počasí
Rozcestník předpovědních stránek
const configuration {"subheader":true}; const fragmentElement document.querySelector('#fragment-29adf8e1-f32d-64b5-dc05-0324d57c5340'); const fragmentEntryLinkNamespace 'iker'; const fragmentNamespace 'iker'; const layoutMode 'view';const h1 fragmentElement.querySelectorAll("h1")[0];
const p fragmentElement.querySelectorAll("p")[0];
if(h1 && h1.textContent "Example Rich Text") h1.textContent "";
if(p && p.textContent "Example Rich Text") p.textContent "";;
.chmu-spacer {
width: 100%;
display: none;
}
@media(max-width: 768px) {
.mobile {
display: block;
}
}
@media(min-width: 768px) {
.desktop {
display: block;
}
}
This is editable text!
Předpověď počasí pro ČR
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-c903cb3a-f435-e448-d7ca-f4da40555dee'); const fragmentEntryLinkNamespace 'yahm'; const fragmentNamespace 'yahm'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
Dnes
Zítra
Pozítří
Týden
Měsíc
Nadpis
Nadpis
Nadpis
This is editable text!
Speciální předpovědi modelu Aladin
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-53041dcf-2dd2-4124-6dbb-2fc6cacef027'); const fragmentEntryLinkNamespace 'wkmh'; const fragmentNamespace 'wkmh'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
Obce
Obce nad 2 500
Lyžařská centra
Střediska a hory
Vodní plochy
Přehrady a jezera
Letiště
Mezinárodní a sportovní letiště
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
const configuration {"urlSignpost1":"https://www.chmi.cz/predpoved-pocasi/meteogramy-aladin/obce","urlSignpost2":"https://www.chmi.cz/predpoved-pocasi/meteogramy-aladin/hory-a-lyzarska-strediska","urlSignpost3":"https://www.chmi.cz/predpoved-pocasi/meteogramy-aladin/vodni-plochy","showSignpostExternalIcon6":false,"showSignpostExternalIcon7":false,"showSignpostExternalIcon8":false,"showSignpostExternalIcon2":false,"urlSignpost8":"","showSignpostExternalIcon3":false,"showSignpostExternalIcon4":false,"showSignpostExternalIcon5":false,"urlSignpost4":"https://www.chmi.cz/predpoved-pocasi/meteogramy-aladin/letiste","urlSignpost5":"","urlSignpost6":"","showSignpostExternalIcon1":false,"urlSignpost7":"","orderSignpost2":2,"orderSignpost1":1,"itemSignpost8":{},"itemSignpost5":{},"openInNewWindow5":false,"itemSignpost4":{},"openInNewWindow6":false,"itemSignpost7":{},"openInNewWindow7":false,"orderSignpost8":8,"itemSignpost6":{},"orderSignpost7":7,"openInNewWindow8":false,"itemSignpost1":{},"openInNewWindow1":false,"orderSignpost6":6,"openInNewWindow2":false,"orderSignpost5":5,"itemSignpost3":{},"openInNewWindow3":false,"orderSignpost4":4,"itemSignpost2":{},"orderSignpost3":3,"openInNewWindow4":false,"showSignpostMapIcon8":false,"showSignpost1":true,"showSignpostMapIcon7":false,"showSignpostMapIcon6":false,"showSignpostMapIcon5":false,"showSignpostMapIcon4":true,"showSignpostMapIcon3":true,"showSignpostMapIcon2":true,"showSignpost6":false,"showSignpostMapIcon1":true,"showSignpost7":false,"showSignpost8":false,"showSignpost2":true,"showSignpost3":true,"showSignpost4":true,"showSignpost5":false}; const fragmentElement document.querySelector('#fragment-605a6448-84e0-cd5e-d78e-9c001714bf5e'); const fragmentEntryLinkNamespace 'pdee'; const fragmentNamespace 'pdee'; const layoutMode 'view';const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "image",
page_type: secondItem?.textContent?.trim(),
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
;
This is editable text!
Další předpovědi
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-894fee17-de02-6cd5-9a3e-40eebcb44200'); const fragmentEntryLinkNamespace 'laop'; const fragmentNamespace 'laop'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
Předpověď stavů a průtoků na řekách
Hydrologické stanice s předpovědí na 66 hodin
Předpověď kvality ovzduší
Modelová předpoveď
Rozcestník informací pro letectví
Všechny časy leteckých meteorologických produktů jsou uvedeny v UTC
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
Nadpis
Lorem ipsum dolor sit amet
const configuration {"urlSignpost1":"/voda/aktualni-stav-rek-povodnova-mapa?t202510301620&c50.0000,15.8258,8&lkraje,ZTM,voda-vse-useky-forecast,voda-forecast","urlSignpost2":"https://www.chmi.cz/kvalita-ovzdusi/predpoved-kvality-ovzdusi-cr-a-kraje","urlSignpost3":"https://www.chmi.cz/letectvi","showSignpostExternalIcon6":false,"showSignpostExternalIcon7":false,"showSignpostExternalIcon8":false,"showSignpostExternalIcon2":false,"urlSignpost8":"","showSignpostExternalIcon3":false,"showSignpostExternalIcon4":false,"showSignpostExternalIcon5":false,"urlSignpost4":"","urlSignpost5":"","urlSignpost6":"","showSignpostExternalIcon1":false,"urlSignpost7":"","orderSignpost2":2,"orderSignpost1":1,"itemSignpost8":{},"itemSignpost5":{},"openInNewWindow5":false,"itemSignpost4":{},"openInNewWindow6":false,"itemSignpost7":{},"openInNewWindow7":false,"orderSignpost8":8,"itemSignpost6":{},"orderSignpost7":7,"openInNewWindow8":false,"itemSignpost1":{},"openInNewWindow1":false,"orderSignpost6":6,"openInNewWindow2":false,"orderSignpost5":5,"itemSignpost3":{},"openInNewWindow3":false,"orderSignpost4":4,"itemSignpost2":{},"orderSignpost3":3,"openInNewWindow4":false,"showSignpostMapIcon8":false,"showSignpost1":true,"showSignpostMapIcon7":false,"showSignpostMapIcon6":false,"showSignpostMapIcon5":false,"showSignpostMapIcon4":false,"showSignpostMapIcon3":false,"showSignpostMapIcon2":true,"showSignpost6":false,"showSignpostMapIcon1":true,"showSignpost7":false,"showSignpost8":false,"showSignpost2":true,"showSignpost3":true,"showSignpost4":false,"showSignpost5":false}; const fragmentElement document.querySelector('#fragment-14685fb5-b2a1-beea-7177-2f2b94d7fa9e'); const fragmentEntryLinkNamespace 'bjcj'; const fragmentNamespace 'bjcj'; const layoutMode 'view';const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "image",
page_type: secondItem?.textContent?.trim(),
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
;
This is editable text!
Předpovědi rizik a klimatická změna
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-85effbb5-ca18-8eec-f18d-5aff5f9fc18c'); const fragmentEntryLinkNamespace 'kyzl'; const fragmentNamespace 'kyzl'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
Rozcestník předpovědi rizik
Klimatická změna
Nadpis
Nadpis
Nadpis
Nadpis
Nadpis
const configuration {"urlSignpost1":"https://www.chmi.cz/predpoved-pocasi/rizika","urlSignpost2":"https://www.chmi.cz/predpoved-pocasi/klimaticka-zmena","urlSignpost3":"","showSignpostExternalIcon6":false,"showSignpostExternalIcon7":false,"showSignpostExternalIcon8":false,"showSignpostExternalIcon2":false,"urlSignpost8":"","showSignpostExternalIcon3":false,"showSignpostExternalIcon4":false,"showSignpostExternalIcon5":false,"urlSignpost4":"","urlSignpost5":"","urlSignpost6":"","showSignpostExternalIcon1":false,"urlSignpost7":"","orderSignpost2":2,"orderSignpost1":1,"itemSignpost8":{},"itemSignpost5":{},"openInNewWindow5":false,"itemSignpost4":{},"openInNewWindow6":false,"itemSignpost7":{},"openInNewWindow7":false,"orderSignpost8":8,"itemSignpost6":{},"orderSignpost7":7,"openInNewWindow8":false,"itemSignpost1":{},"openInNewWindow1":false,"orderSignpost6":6,"openInNewWindow2":false,"orderSignpost5":5,"itemSignpost3":{},"openInNewWindow3":false,"orderSignpost4":4,"itemSignpost2":{},"orderSignpost3":3,"openInNewWindow4":false,"showSignpostMapIcon8":false,"showSignpost1":true,"showSignpostMapIcon7":false,"showSignpostMapIcon6":false,"showSignpostMapIcon5":false,"showSignpostMapIcon4":false,"showSignpostMapIcon3":false,"showSignpostMapIcon2":true,"showSignpost6":false,"showSignpostMapIcon1":true,"showSignpost7":false,"showSignpost8":false,"showSignpost2":true,"showSignpost3":false,"showSignpost4":false,"showSignpost5":false}; const fragmentElement document.querySelector('#fragment-8377cfd2-8e08-24a9-207e-2db6f79ef9ce'); const fragmentEntryLinkNamespace 'yarn'; const fragmentNamespace 'yarn'; const layoutMode 'view';const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "image",
page_type: secondItem?.textContent?.trim(),
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
;
This is editable text!
Předpověď počasí podle krajů
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-ee18462f-7b92-a23f-94cb-92abe44d0b12'); const fragmentEntryLinkNamespace 'ntxy'; const fragmentNamespace 'ntxy'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Praha
Středočeský kraj
Jihočeský kraj
Plzeňský kraj
Karlovarský kraj
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-f930a15a-35aa-d027-a4c6-3e59097774be'); const fragmentEntryLinkNamespace 'kcaa'; const fragmentNamespace 'kcaa'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Ústecký kraj
Liberecký kraj
Královéhradecký kraj
Kraj Vysočina
Pardubický kraj
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-2673af2a-9afe-2b72-441c-d0e0f9977afc'); const fragmentEntryLinkNamespace 'zxeb'; const fragmentNamespace 'zxeb'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Jihomoravský kraj
Olomoucký kraj
Moravskoslezský kraj
Zlínský kraj
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-c5968034-4a11-ac4c-e2f2-815565a01b2f'); const fragmentEntryLinkNamespace 'obuz'; const fragmentNamespace 'obuz'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Předpověď počasí pro hory
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-e34f808f-2372-a616-4011-60bde08610ce'); const fragmentEntryLinkNamespace 'gcrn'; const fragmentNamespace 'gcrn'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Šumava a Novohradské hory
Český a Slavkovský les
Krušné hory
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-bc174c5c-4fb8-05f2-6789-e6e0ec3366f2'); const fragmentEntryLinkNamespace 'ihyn'; const fragmentNamespace 'ihyn'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Jizerské hory
Krkonoše
Orlické hory
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-994c4c2d-3c08-1d3e-f3ef-5bbd04078357'); const fragmentEntryLinkNamespace 'lobm'; const fragmentNamespace 'lobm'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Jeseníky a Kralický Sněžník
Beskydy
Žďárské vrchy
Bílé Karpaty a Hostýnsko - Vsetínské vrchy
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-bf49fc8a-2f1a-6730-bbed-9d717fff384e'); const fragmentEntryLinkNamespace 'wmlc'; const fragmentNamespace 'wmlc'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Další odkazy
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-8118cf38-c0b2-32fb-5873-4ef87417e7c8'); const fragmentEntryLinkNamespace 'yrlk'; const fragmentNamespace 'yrlk'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Synoptické situace v minulosti
Česká meteorologická společnost
Přehled a předpověď počasí pro zemědělce
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-aadc4499-71aa-0060-0585-f5adaf60bfab'); const fragmentEntryLinkNamespace 'pboo'; const fragmentNamespace 'pboo'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
This is editable text!
Meteorologický kroužek
Meteorologická terminologie
Meteorologický slovník
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-b553cee8-b036-1511-a694-662dc090844f'); const fragmentEntryLinkNamespace 'qqka'; const fragmentNamespace 'qqka'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
Předpovědi
Předpověď počasí pro ČR
Model ALADIN
Předpovědi stavů a průtoků řek
Předpověď kvality ovzduší pro ČR a kraje
Radar NowCast
Rizika
Aktuální situace a historická data
Aktuální stav počasí
Aktuální vodní stavy a průtoky řek
Aktuální mapy kvality ovzduší
Družice
Webkamery
Historická data
O nás, kontakty
Kontakty pro média
Produkty a služby
Kontakty
Časté otázky (FAQ)
Aktuality
Nabídka zaměstnání
2025 Český hydrometeorologický ústav
.fragment_15701 {
}
2025 Český hydrometeorologický ústav
This is editable text!
english
const configuration {"imageLabelAllowed":false,"image":false,"ImageDirection":"right","title":"","desc":""}; const fragmentElement document.querySelector('#fragment-81174a16-3123-61f3-fca3-067737be9860'); const fragmentEntryLinkNamespace 'cemz'; const fragmentNamespace 'cemz'; const layoutMode 'view';const editmode document.body.classList.contains("has-edit-mode-menu");
if (editmode) fragmentElement.querySelector(".chmu-image-overlay")?.classList.remove("d-none");
AUI().ready(() > {
const links fragmentElement.querySelectorAll("a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach(link > {
link.addEventListener("click", handleClick);
});
});;
[$FRAGMENT_CLASS$] {
margin-top: auto;
}
/* move to theme */
.bg-chmu-blue {
background-color: #14387f;
}
.bg-chmu-blue-darker {
background-color: #032464;
}
.bg-chmu-blue-dark {
background-color: #0b2d71;
}
.text-chmu-blue-light {
color: #63C3D1;
}
.flex-grow-3 {
flex-grow: 3 !important;
}
.w-90 {
width: 90%;
}
.footer-nav .portlet-content {
background-color: #14387f;
}
.footer-nav .level-1 {
padding: 0;
display: flex;
list-style-position: inside;
list-style: none;
font-family: 'Campton Bold';
flex-wrap: wrap;
}
.footer-nav .level-1 > .lfr-nav-item {
font-size: 1.2rem;
margin-right: 20px;
}
.footer-images img {
height: 31px;
width: 92px !important;
}
@media (max-width: 768px) {
.footer-nav .level-1 > .lfr-nav-item {
margin-bottom: 20px;
}
}
.footer-nav .level-2 {
margin-top: 1rem;
padding: 0rem;
list-style-position: inside !important;
list-style: disc;
font-family: 'Campton Book';
}
.footer-nav .level-2 .lfr-nav-item::marker {
color: #63c3d1;
content: '• ';
font-size: 1.4rem;
}
.footer-nav .level-2 .lfr-nav-item {
font-weight: normal !important;
font-size: 1rem;
line-height: 1.7rem;
}
.footer-nav .level-2 .lfr-nav-item:hover {
color: #ffce44;
text-decoration: none;
}
.footer-nav .level-1 .lfr-nav-item {
flex-grow: 1;
color: #fff;
font-weight: bold;
}
.footer-bg-circle-container {
overflow: hidden;
right: 0;
position: absolute;
}
.footer-bg-circle {
position: relative;
right: -47.5px;
width: 85px;
height: 85px;
border-radius: 50%;
z-index: 50;
overflow: hidden;
background-color: #E73331;
}
@media (min-width: 1280px) {
.footer-bg-circle {
right: -95.5px;
width: 190px;
height: 190px;
}
}
.footer-cc img {
max-height: 2rem;
border-radius: 3px;
}
.footer-cc div a {
color: #63C3D1;
}
.footer-cc div a:visited {
color: #4BB0BE;
}
.footer-cc div a:hover {
color: #4BB0BE;
}
.footer-cc p {
margin: 0;
}
.footer-cc a {
color: #63C3D1;
}
.autofit-float.autofit-row.portlet-header {
display: none !important;
}
.d-none-d-xl-flex {
display: none;
}
.w-100-w-xl-50 {
width: 100%;
}
.w-50-w-xl-25 {
width: 50%;
}
@media (max-width: 768px) {
.responsive-w {
width: 100%;
}
.responsive-mt {
padding: 20px;
}
.md-justify-content {
justify-content: center;
}
.break {
text-align: center;
}
.break span {
display: block;
}
}
@media (min-width: 768px) {
.md-justify-content {
justify-content: end;
}
}
@media (min-width: 1280px) {
.d-none-d-xl-flex {
display: flex;
}
.w-100-w-xl-50 {
width: 50%;
}
.responsive-w {
width: 25%;
}
}
const configuration {}; const fragmentElement document.querySelector('#fragment-da30cde9-795a-6998-929c-ef910be08eee'); const fragmentEntryLinkNamespace 'dfnx'; const fragmentNamespace 'dfnx'; const layoutMode 'view';AUI().ready(() > {
const links fragmentElement.querySelectorAll(".footer-content-section a");
function handleClick(event) {
const linkText this.textContent.trim();
const secondItem document.querySelector(".breadcrumb-item:nth-child(2)");
window.ga_handler.selectContentEvent({
text: linkText,
content_type: "text",
page_type: secondItem?.textContent?.trim() ?? "-",
});
}
links.forEach((link) > {
link.addEventListener("click", handleClick);
});
});
const url new URL(window.location.href);
let hashLink url.searchParams.get("zalozka");
const keyboardSupport function (container, hasTabs) {
const tablist container.querySelectorAll('[role"tablist"]')[0];
let tabs;
let panels;
const generateArrays function () {
panels container.querySelectorAll('[role"tabpanel"]');
tabs container.querySelectorAll('[role"tab"]');
};
generateArrays();
// For easy reference
const keys {
end: 35,
home: 36,
left: 37,
up: 38,
right: 39,
down: 40,
delete: 46,
enter: 13,
space: 32,
};
// Add or subtract depending on key pressed
const direction {
37: -1,
38: -1,
39: 1,
40: 1,
};
// Deactivate all tabs and tab panels
const deactivateTabs function () {
for (let t 0; t < tabs.length; t++) {
// tabs[t].setAttribute('tabindex', '-1');
tabs[t].setAttribute("aria-selected", "false");
}
};
// Activates any given tab panel
const activateTab function (tab, setFocus) {
setFocus setFocus || true;
// Deactivate all other tabs
deactivateTabs();
// Remove tabindex attribute
// tab.removeAttribute('tabindex');
// Set the tab as selected
tab.setAttribute("aria-selected", "true");
// Set focus when required
if (setFocus) {
// tab.focus();
}
};
const triggerTabClick function (e) {
const clickedId e.target.getAttribute("id");
if (clickedId) {
const clickedTab container.querySelector(
'[aria-controls"' + clickedId + '"]'
);
clickedTab.click();
// document.getElementById(clickedId).scrollIntoView({
// behavior: 'smooth'
// });
}
};
const accordionClickEventListener function (event) {
triggerTabClick(event);
};
// When a tab is clicked, activateTab is fired to activate it
const clickEventListener function (event) {
const tab event.target;
activateTab(tab, false);
};
// Make a guess
const focusFirstTab function () {
const target hasTabs ? tabs : panels;
target[0].focus();
};
// Make a guess
const focusLastTab function () {
const target hasTabs ? tabs : panels;
target[target.length - 1].focus();
};
// Either focus the next, previous, first, or last tab
// depending on key pressed
const switchTabOnArrowPress function (event) {
const pressed event.keyCode;
if (direction[pressed]) {
const target event.target;
const targetElems hasTabs ? tabs : panels;
if (target.index ! undefined) {
if (targetElems[target.index + direction[pressed]]) {
targetElems[target.index + direction[pressed]].focus();
} else if (pressed keys.left || pressed keys.up) {
focusLastTab();
} else if (pressed keys.right || pressed keys.down) {
focusFirstTab();
}
}
}
};
// When a tablist's aria-orientation is set to vertical,
// only up and down arrow should function.
// In all other cases only left and right arrow function.
const determineOrientation function (event) {
const key event.keyCode;
const vertical tablist
? tablist.getAttribute("aria-orientation") "vertical"
: null;
let proceed false;
if (vertical || !hasTabs) {
if (key keys.up || key keys.down) {
event.preventDefault();
proceed true;
}
} else {
if (key keys.left || key keys.right) {
proceed true;
}
}
if (proceed) {
switchTabOnArrowPress(event);
}
};
// Handle keydown on tabs
const keydownEventListener function (event) {
const key event.keyCode;
switch (key) {
case keys.end:
event.preventDefault();
// Activate last tab
focusLastTab();
break;
case keys.home:
event.preventDefault();
// Activate first tab
focusFirstTab();
break;
// Up and down are in keydown
// because we need to prevent page scroll >:)
case keys.up:
case keys.down:
determineOrientation(event);
break;
}
};
// Handle keyup on tabs
const keyupEventListener function (event) {
const key event.keyCode;
switch (key) {
case keys.left:
case keys.right:
determineOrientation(event);
break;
case keys.enter:
case keys.space:
if (hasTabs) {
activateTab(event.target);
} else {
triggerTabClick(event);
}
break;
}
};
const addListeners function (index) {
const target hasTabs ? tabs[index] : panels[index];
tabs[index].addEventListener("click", clickEventListener);
if (target) {
if (!hasTabs) {
target.addEventListener("click", accordionClickEventListener);
}
target.addEventListener("keydown", keydownEventListener);
target.addEventListener("keyup", keyupEventListener);
// Build an array with all tabs (s) in it
target.index index;
}
};
// Bind listeners
for (let i 0; i < tabs.length; ++i) {
addListeners(i);
}
// Accordion mode
if (!hasTabs) {
for (const panel of panels) {
panel.onclick function (e) {
triggerTabClick(e);
};
}
}
};
const toggleClass function (otherElems, thisELem, className "is-active") {
for (const otherElem of otherElems) otherElem.classList.remove(className);
thisELem.classList.add(className);
};
const toggleVerticalTabs function (
tabContainer,
tabs,
items,
item,
tabsMobile []
) {
item.onclick function (e) {
const currId item.getAttribute("id");
const tab tabContainer.querySelector(
`.tabcordion--tabs [aria-controls"${currId}"]`
);
toggleClass(tabs, tab);
toggleClass(items, item);
if (tabsMobile.length) {
const linkedMobile tabContainer.querySelector(
`.tabcordion--dropdown-btn[data-id"${tab?.getAttribute("data-id")}"]`
);
if (linkedMobile) {
tabsMobile.forEach((b) > b.classList.remove("is-active"));
linkedMobile.classList.add("is-active");
}
}
};
};
const toggleTabs function (tabContainer) {
const header tabContainer.querySelector(".tabcordion--entry-header");
const headerText tabContainer.querySelector(
".tabcordion--entry-header-text"
);
const dropdown tabContainer.querySelector(".tabcordion--dropdown");
const tabs tabContainer.querySelectorAll(".tabcordion--tabs .tab");
const tabsMobile tabContainer.querySelectorAll(
".tabcordion--dropdown .tabcordion--dropdown-btn"
);
const items tabContainer.querySelectorAll(".tabcordion--entry");
function toggleClass(list, activeEl) {
list.forEach((el) > el.classList.toggle("is-active", el activeEl));
}
function hideActiveFromDropdown(activeId) {
tabsMobile.forEach((btn) > {
const hasId !!btn.dataset.id;
const isActive hasId
? btn.dataset.id activeId
: btn.classList.contains("is-active");
btn.closest("li").style.display isActive ? "none" : "";
});
}
for (const tab of tabs) {
tab.onclick function () {
const target tab.getAttribute("aria-controls");
const dataId tab.getAttribute("data-id");
const content tabContainer.querySelector(target ? "#" + target : null);
if (dataId) {
const url new URL(window.location.href);
if (url.searchParams.get("zalozka")) {
url.searchParams.set("zalozka", dataId);
} else {
url.searchParams.append("zalozka", dataId);
}
history.pushState(null, "", url);
}
toggleClass(tabs, tab);
toggleClass(items, content);
const linkedMobile tabContainer.querySelector(
`.tabcordion--dropdown-btn[data-id"${dataId}"]`
);
if (linkedMobile) {
toggleClass(tabsMobile, linkedMobile);
if (headerText) {
headerText.textContent
linkedMobile.dataset.title?.trim() ||
linkedMobile.textContent.trim();
}
} else {
const unnamedMobile [...tabsMobile].find(
(btn) > !btn.dataset.id && btn.textContent.trim() tab.textContent.trim()
);
if (unnamedMobile) toggleClass(tabsMobile, unnamedMobile);
}
hideActiveFromDropdown(dataId);
};
}
for (const tab of tabsMobile) {
tab.onclick function () {
const target tab.getAttribute("aria-controls");
const dataId tab.getAttribute("data-id");
const content tabContainer.querySelector(target ? "#" + target : null);
if (dataId) {
const url new URL(window.location.href);
if (url.searchParams.get("zalozka")) {
url.searchParams.set("zalozka", dataId);
} else {
url.searchParams.append("zalozka", dataId);
}
history.pushState(null, "", url);
}
toggleClass(tabsMobile, tab);
toggleClass(items, content);
const linkedDesktop tabContainer.querySelector(
`.tab[data-id"${dataId}"]`
);
if (linkedDesktop) {
toggleClass(tabs, linkedDesktop);
} else {
const unnamedDesktop [...tabs].find(
(btn) > !btn.dataset.id && btn.textContent.trim() tab.textContent.trim()
);
if (unnamedDesktop) toggleClass(tabs, unnamedDesktop);
}
if (headerText)
headerText.textContent
tab.dataset.title?.trim() || tab.textContent.trim();
dropdown?.classList.remove("is-open");
header?.classList.remove("is-open");
hideActiveFromDropdown(dataId);
};
}
header?.addEventListener("click", () > {
const isOpen dropdown?.classList.toggle("is-open");
header.classList.toggle("is-open", isOpen);
});
for (const item of items) {
toggleVerticalTabs(tabContainer, tabs, items, item, tabsMobile);
}
};
const hasTabs function (container) {
return container.classList.contains("has-tabs");
};
const modeSwitcher function (tabContainer, containerWidth) {
const tabs tabContainer.querySelectorAll(".tab");
const dropdownButtons tabContainer.querySelectorAll(
".tabcordion--dropdown-btn"
);
const headerText tabContainer.querySelector(
".tabcordion--entry-header-text"
);
const container tabs[0]?.closest(".tabcordion");
if (!container) return;
let totalW 0;
for (const tab of tabs) totalW + tab.offsetWidth;
const isDesktop totalW < containerWidth;
container.classList.toggle("has-tabs", isDesktop);
const activeTab tabContainer.querySelector(".tab.is-active");
const activeId activeTab?.dataset.id;
if (activeId && headerText) {
const activeMobile tabContainer.querySelector(
`.tabcordion--dropdown-btn[data-id"${CSS.escape(activeId)}"]`
);
const title
activeMobile?.dataset.title || activeMobile?.textContent?.trim();
if (title) headerText.textContent title;
}
dropdownButtons.forEach((btn) > {
btn.closest("li").style.display btn.dataset.id activeId ? "none" : "";
});
keyboardSupport(tabContainer, hasTabs(container));
};
const resizeObserver new ResizeObserver((entries) > {
for (let entry of entries) {
modeSwitcher(entry.target, entry.contentRect.width);
}
});
const tabContainers fragmentElement.querySelectorAll(".tabcordion");
for (const tabContainer of tabContainers) {
const tabList tabContainer.querySelector(".tabcordion--tabs");
resizeObserver.observe(tabList);
toggleTabs(tabContainer);
keyboardSupport(tabContainer, hasTabs(tabContainer));
const mobileTabs fragmentElement.querySelectorAll('.tabcordion--dropdown-btn');
(function selectDefaultMobileTab() {
const url new URL(window.location.href);
const hashLink url.searchParams.get("zalozka");
let targetBtn hashLink
? fragmentElement.querySelector(`.tabcordion--dropdown-btn[data-id"${hashLink}"]`)
: null;
const hasTabsWithId [...mobileTabs].some((btn) > btn.dataset.id);
if (targetBtn) {
targetBtn.click();
} else if (!hasTabsWithId) {
const firstVisible fragmentElement.querySelector('.tabcordion--dropdown-btn');
if (firstVisible) firstVisible.click();
}
})();
}
let inited false;
let targetTab null;
try {
targetTab fragmentElement.querySelector(
hashLink ? "[data-id" + hashLink + "]" : null
);
} catch (e) {
targetTab null;
}
const hasElementsWithDataId [
...fragmentElement.querySelectorAll(".tab.tab--show[data-id]"),
].some((el) > el.getAttribute("data-id") ! "");
if (targetTab) {
targetTab.click();
} else {
fragmentElement.querySelector(".tab.tab--show").click();
}
;
Hidden
AUI().use('aui-base', function (A) {
A.on('domready', function () {
const mark (el) > el.setAttribute('data-h-fixed', '1');
const fixed (el) > el.getAttribute('data-h-fixed') '1';
function enhance(root document) {
root.querySelectorAll('.lfr-ddm-form-page-title:not([data-h-fixed])').forEach((el) > {
el.classList.add('chmu-h2');
el.setAttribute('role', 'heading');
el.setAttribute('aria-level', '2');
mark(el);
});
root.querySelectorAll('div[data-field-name^"Separator"] label.ddm-label:not([data-h-fixed])').forEach((el) > {
el.classList.add('chmu-h3');
el.setAttribute('role', 'heading');
el.setAttribute('aria-level', '3');
mark(el);
});
}
enhance(document);
const root document.querySelector('.portlet-forms') || document.body;
const mo new MutationObserver((mutations) > {
mutations.forEach((m) > {
m.addedNodes && m.addedNodes.forEach((n) > {
if (n.nodeType 1) enhance(n);
});
});
});
mo.observe(root, { childList: true, subtree: true });
root.addEventListener('submit', () > mo.disconnect(), { capture: true });
const observerCaptcha new MutationObserver((mutations) > {
mutations.forEach((m) > {
m.addedNodes.forEach((node) > {
if (node.nodeType ! 1) return;
const alerts node.matches?.('div.required[role"alert"]')
? [node]
: node.querySelectorAll?.('div.required[role"alert"]') || [];
alerts.forEach((el) > {
if (el.textContent.includes('Ověření textu')) {
el.textContent 'Pole Ověření textu je povinné.';
el.setAttribute('data-translation-fixed', '1');
}
});
});
});
});
observerCaptcha.observe(document.body, { childList: true, subtree: true });
});
});
function getValueByAttribute(node, attr) {
return (
node.dataset[attr] ||
(node.parentElement && node.parentElement.dataset[attr])
);
}
function sendDocumentDownloadedAnalyticsEvent(anchor) {
var fileEntryId getValueByAttribute(
anchor,
'analyticsFileEntryId'
);
var title getValueByAttribute(
anchor,
'analyticsFileEntryTitle'
);
var version getValueByAttribute(
anchor,
'analyticsFileEntryVersion'
);
if (fileEntryId) {
Analytics.send('documentDownloaded', 'Document', {
groupId: themeDisplay.getScopeGroupId(),
fileEntryId,
preview:
!!window._com_liferay_document_library_analytics_isViewFileEntry,
title,
version,
});
}
}
function handleDownloadClick(event) {
if (window.Analytics) {
if (event.target.nodeName.toLowerCase() 'a') {
sendDocumentDownloadedAnalyticsEvent(
event.target
);
}
else if (
event.target.parentNode &&
event.target.parentNode.nodeName.toLowerCase() 'a'
) {
sendDocumentDownloadedAnalyticsEvent(
event.target.parentNode
);
}
else {
var target event.target;
var matchTextContent
target.textContent &&
target.textContent.toLowerCase()
'download';
var matchTitle
target.title && target.title.toLowerCase() 'download';
var matchAction target.action 'download';
var matchLexiconIcon !!target.querySelector(
'.lexicon-icon-download'
);
var matchLexiconClassName target.classList.contains(
'lexicon-icon-download'
);
var matchParentTitle
target.parentNode &&
target.parentNode.title &&
target.parentNode.title.toLowerCase() 'download';
var matchParentLexiconClassName
target.parentNode &&
target.parentNode.classList.contains('lexicon-icon-download');
if (
matchTextContent ||
matchTitle ||
matchParentTitle ||
matchAction ||
matchLexiconIcon ||
matchLexiconClassName ||
matchParentLexiconClassName
) {
var selectedFiles document.querySelectorAll(
'.form .custom-control-input:checked'
);
selectedFiles.forEach(({value}) > {
var selectedFile document.querySelector(
'[data-analytics-file-entry-id"' + value + '"]'
);
sendDocumentDownloadedAnalyticsEvent(
selectedFile
);
});
}
}
}
}
Liferay.once('destroyPortlet', () > {
document.body.removeEventListener(
'click',
handleDownloadClick
);
});
Liferay.once('portletReady', () > {
document.body.addEventListener(
'click',
handleDownloadClick
);
});
(function() {var $ AUI.$;var _ AUI._;
var onShare function (data) {
if (window.Analytics) {
Analytics.send('shared', 'SocialBookmarks', {
className: data.className,
classPK: data.classPK,
type: data.type,
url: data.url,
});
}
};
var onDestroyPortlet function () {
Liferay.detach('socialBookmarks:share', onShare);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('socialBookmarks:share', onShare);
Liferay.on('destroyPortlet', onDestroyPortlet);
})();
(function() {var $ AUI.$;var _ AUI._;
var onDestroyPortlet function () {
Liferay.detach('messagePosted', onMessagePosted);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('destroyPortlet', onDestroyPortlet);
var onMessagePosted function (event) {
if (window.Analytics) {
const eventProperties {
className: event.className,
classPK: event.classPK,
commentId: event.commentId,
text: event.text,
};
const blogNode document.querySelector(
'[data-analytics-asset-id"' + event.classPK + '"]'
);
const dmNode document.querySelector(
'[data-analytics-file-entry-id"' + event.classPK + '"]'
);
if (blogNode) {
eventProperties.title blogNode.dataset.analyticsAssetTitle;
}
else if (dmNode) {
eventProperties.title dmNode.dataset.analyticsFileEntryTitle;
}
Analytics.send('posted', 'Comment', eventProperties);
}
};
Liferay.on('messagePosted', onMessagePosted);
})();
(function() {var $ AUI.$;var _ AUI._;
var onVote function (event) {
if (window.Analytics) {
let title event.contentTitle;
if (!title) {
const dmNode document.querySelector(
'[data-analytics-file-entry-id"' + event.classPK + '"]'
);
if (dmNode) {
title dmNode.dataset.analyticsFileEntryTitle;
}
}
Analytics.send('VOTE', 'Ratings', {
className: event.className,
classPK: event.classPK,
ratingType: event.ratingType,
score: event.score,
title,
});
}
};
var onDestroyPortlet function () {
Liferay.detach('ratings:vote', onVote);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('ratings:vote', onVote);
Liferay.on('destroyPortlet', onDestroyPortlet);
})();
if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
svg4everybody(
{
polyfill: true,
validate: function (src, svg, use) {
return !src || !src.startsWith('#');
}
}
);
}
(function() {var $ AUI.$;var _ AUI._;
Liferay.Util.delegate(
document,
'focusin',
'.portlet',
function(event) {
event.delegateTarget.closest('.portlet').classList.add('open');
}
);
Liferay.Util.delegate(
document,
'focusout',
'.portlet',
function(event) {
event.delegateTarget.closest('.portlet').classList.remove('open');
}
);
})();
// Liferay.currentURL '\x2fpredpovedi';
Liferay.currentURLEncoded '\x252Fpredpovedi';
// ]]>
// // ]]>
(function() {var $ AUI.$;var _ AUI._;
import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then(
({openToast}) > {
AUI().use(
'liferay-session',
function () {
Liferay.Session new Liferay.SessionBase(
{
autoExtend: true,
redirectOnExpire: false,
redirectUrl: 'https\x3a\x2f\x2fwww\x2echmi\x2ecz\x2fcs\x2fweb\x2fchmi\x2ecz',
sessionLength: 900,
sessionTimeoutOffset: 70,
warningLength: 60
}
);
}
);
}
)
})();
Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_osuj');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_osuj_',
portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_osuj',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_osuj\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_wvom');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_wvom_',
portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_wvom',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_wvom\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('ChmiAlerts_INSTANCE_taex');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_ChmiAlerts_INSTANCE_taex_',
portletId: 'ChmiAlerts_INSTANCE_taex',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dChmiAlerts_INSTANCE_taex\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('ChmiHeaderAlerts_INSTANCE_yvaq');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_ChmiHeaderAlerts_INSTANCE_yvaq_',
portletId: 'ChmiHeaderAlerts_INSTANCE_yvaq',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dChmiHeaderAlerts_INSTANCE_yvaq\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_rbhy');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_rbhy_',
portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_rbhy',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_rbhy\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_idjs');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_idjs_',
portletId: 'com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_idjs',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dcom_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_idjs\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_dfnx');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_dfnx_',
portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_dfnx',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d17\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_dfnx\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fpredpovedi',
refreshURLData: {}
}
);
import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js';
AUI().use(
'liferay-menu',
function(A) {
{
Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.chmi.cz\/c\/portal\/execute_info_item_action?p_l_modeview&plid17","namespace":"","spritemap":"https:\/\/www.chmi.cz\/o\/chmu-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''});
}
(function() {
var $ AUI.$;var _ AUI._;
new Liferay.Menu();
var liferayNotices Liferay.Data.notices;
for (var i 0; i < liferayNotices.length; i++) {
Liferay.Util.openToast(liferayNotices[i]);
}
})();
});
import {main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js';
{
main();
}
import {main} from '/o/frontend-js-alert-support-web/__liferay__/index.js';
{
main();
}
import {main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js';
{
main();
}
import {main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js';
{
main();
}
import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js';
{
main();
}
import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js';
{
runThirdPartyCookiesInterval();
}
Liferay.CustomDialogs {enabled: false};
Používáme cookies, abychom vám poskytli personalizovaný obsah, analyzovali trendy, spravovali web, sledovali pohyb uživatelů na stránce a shromažďovali demografické informace o naší uživatelské základně jako celku. Pro nejlepší zážitek na našem webu doporučujeme přijmout všechny cookies, nebo si upravit své preference.
Navštivte naše Zásady ochrany osobních údajů
Nastavení
Přijmout vše
Odmítnout vše
import {CookiesBanner as ComponentModule} from '/o/cookies-banner-web/__liferay__/index.js';
{
Liferay.component('CookiesBanner', new ComponentModule({"configurationURL":"https:\/\/www.chmi.cz\/predpovedi?p_p_idcom_liferay_cookies_banner_web_portlet_CookiesBannerConfigurationPortlet&p_p_lifecycle0&p_p_statepop_up&p_p_modeview&_com_liferay_cookies_banner_web_portlet_CookiesBannerConfigurationPortlet_mvcPath%2Fcookies_banner_configuration%2Fview.jsp&p_p_authV726ChDh","optionalConsentCookieTypeNames":["CONSENT_TYPE_FUNCTIONAL","CONSENT_TYPE_PERFORMANCE","CONSENT_TYPE_PERSONALIZATION"],"spritemap":"https:\/\/www.chmi.cz\/o\/chmu-theme\/images\/clay\/icons.svg","configurationNamespace":"com_liferay_cookies_banner_web_portlet_CookiesBannerConfigurationPortlet","namespace":"_com_liferay_cookies_banner_web_portlet_CookiesBannerPortlet_","requiredConsentCookieTypeNames":["CONSENT_TYPE_NECESSARY"],"includeDeclineAllButton":true,"title":"Nastavení cookies"}), { destroyOnNavigate: true, portletId: 'com_liferay_cookies_banner_web_portlet_CookiesBannerPortlet'});
}