<% if (typeof home != "undefined") {
if (document.querySelector('meta[name="prerender-status-code"]') !== null) {
document.querySelector('meta[name="prerender-status-code"]').setAttribute("content", "200");
}
if (home.metadata__meta_title != "") {
document.title = home.metadata__meta_title;
} else {
document.title = home.title + ' | ' + (WebBaseSchool.lang === 'it' ? 'Scuola professionale' : 'Berufsschule');
}
if (document.querySelector('meta[name="description"]') !== null) {
if (home.metadata__meta_description != "") {
document.querySelector('meta[name="description"]').setAttribute("content", home.metadata__meta_description);
} else {
document.querySelector('meta[name="description"]').setAttribute("content", "");
}
}
if (document.querySelector('meta[property="og:title"]') !== null) {
if (home.metadata__og_title != "") {
document.querySelector('meta[property="og:title"]').setAttribute("content", home.metadata__og_title);
} else {
document.querySelector('meta[property="og:title"]').setAttribute("content", home.title + ' | ' + (WebBaseSchool.lang === 'it' ? 'Scuola professionale' : 'Berufsschule'));
}
}
if (document.querySelector('meta[property="og:image"]') !== null) {
if (typeof home.metadata__og_image != "undefined") {
for(var ig=0; ig<home.metadata__og_image.length; ig++) {
var metaimage = home.metadata__og_image[ig];
document.querySelector('meta[property="og:image"]').setAttribute("content", metaimage.url);
}
if (home.metadata__og_image.length<=0) {
document.querySelector('meta[property="og:image"]').setAttribute("content", "");
}
}
}
(function(config, model, lang) {
var url;
var langid = config.langId && (config.langId[lang] || '').length ? config.langId[lang] : '00000000-0000-0000-0000-000000000000';
if ((config.projectId || '').length && (model.system_id || '').length) {
if ((config.siteimprove || {}).useMetaPageIdFormat) {
if ($('meta[name=pageID]').length) {
$('meta[name=pageID]').attr('content', model.system_id);
} else {
$('head').append('<meta name="pageID" content="' + model.system_id + '" />');
}
if ($('meta[name=languageID]').length) {
$('meta[name=languageID]').attr('content', langid);
} else {
$('head').append('<meta name="languageID" content="' + langid + '" />');
}
if ($('meta[name=projectID]').length) {
$('meta[name=projectID]').attr('content', config.projectId);
} else {
$('head').append('<meta name="projectID" content="' + config.projectId + '" />');
}
} else {
url = ['https://app.kontent.ai', config.projectId, 'content-inventory', langid, 'content', model.system_id].join('/');
if ($('meta[name=editingPage]').length) {
$('meta[name=editingPage]').attr('content', url);
} else {
$('head').append('<meta name="editingPage" content="' + url + '" />');
}
}
}
})(WebBaseSchool.config || {}, home || {}, (WebBaseSchool.lang || 'de'));
} %>
<div class="lbs_slider_wrapper">
<% if (typeof home.slider_container != "undefined") { %>
<div class="carousel slide carousel-fade" id="lbs_carousel" data-ride="carousel"><%
// Slider indicators
if (home.slider_container.length > 1) {
%> <div class="container">
<ol class="carousel-indicators"><%
home.slider_container.forEach(function(item, i) {
%><li class="<%= (i===0 ? 'active' : '') %>" data-target="#lbs_carousel" data-slide-to="<%= i %>"></li><%
}); %>
</ol>
</div><%
} %>
<div class="carousel-inner"><%
home.slider_container.forEach(function(slider, sliderIdx) {
var sliderLink = '';
var overlay = [
['background-color:', (slider.overlay_color || 'black').replace(/[^#A-Z0-9a-z]/igm, '')].join(''),
['opacity:', (slider.overlay_opacity || '0.0').toString(10).replace(/[^\.0-9]/igm, '')].join('')
];
if (slider.internal_link && slider.internal_link.length) {
sliderLink = ['/', WebBaseSchool.lang, '/', (slider.internal_link[0].url || '')].join('');
} else if (slider.external_link && slider.external_link.length) {
sliderLink = slider.external_link;
}
slider.image.forEach(function(sliderImage) {
%> <div class="<%= 'carousel-item' + (sliderIdx === 0 ? ' active': '') %>" style="background-image: url('<%= sliderImage.url %>?fm=webp&lossless=0&q=75');" data-kontent-item-id="<%= (slider.system_id || '') %>" data-kontent-element-codename="<%= (slider.system_codename || '') %>">
<div class="inner" style="<%- overlay.join(';') %>"></div>
<div class="carousel-caption">
<div class="container">
<div class="caption_01">
<% if ((slider.title || []).length) { %>
<h1 data-kontent-element-codename="title"><%= (slider.title || '') %></h1>
<% } %>
<% if ((slider.subtitle || []).length) { %>
<p data-kontent-element-codename="subtitle"><%= (slider.subtitle || '') %></p>
<% }
if ( sliderLink.length ) {
%><a class="btn btn_readmore" href="<%= sliderLink %>"><%
if (slider.more_button_text != "") {
%> <%= slider.more_button_text %> <i class="fa fa-angle-right" aria-hidden="true"></i><%
} else {
%> <%= WebBaseSchool.Utils.gettext("More") %> <i class="fa fa-angle-right" aria-hidden="true"></i><%
} %></a><%
} %>
</div>
</div>
</div>
</div><%
});
}); %>
</div>
</div>
<% } %>
<% if (typeof home.button_container != "undefined") { %>
<div class="linkSection">
<div class="container">
<div class="row"><%
home.button_container.forEach(function(button) {
var buttonIconClass = 'fa-university';
var buttonLink = {};
var learningPath = button.learningpath__learning_path || [];
// Learning path radio selection
if (learningPath.length) {
switch (learningPath[0].codename || '') {
case 'professional_education':
buttonIconClass = 'fa-university';
break;
case 'further_education':
buttonIconClass = 'fa-graduation-cap';
break;
case 'apprenticeship':
buttonIconClass = 'fa-users';
break;
}
}
// Custom Icon class (fa-{x} Font Awesome)
if ((button.learningpath__icon_class || '').length) {
buttonIconClass = button.learningpath__icon_class;
}
// Internal link obj
if ((button.internal_link || '').length) {
buttonLink = button.internal_link[0];
}
%>
<div class="col-md-4">
<a class="sectionLink" href="<%- ['/', WebBaseSchool.lang, '/', (buttonLink.url || '')].join('') %>" role="button"> <i class="<%= ['fa', buttonIconClass, 'linkIcon'].join('\u0020') %>" aria-hidden="true"></i>
<div class="linkText"><%= (button.title || '') %></div></a>
</div>
<% }); %>
</div>
</div>
</div>
<% } %>
</div>
<% if (home.container) {
home.container.forEach(function(container, containerIndex) {
%>
<% // News Container: [News Item]
if (container.system_type === "news_container") {
(function(container, news) {
var taxonomyLangIdx = 0;
var newsItems = container.container || [];
var moreLink = '';
if (typeof container.more_link != "undefined") {
moreLink = container.more_link;
}
if (/it/i.test(WebBaseSchool.lang)) {
taxonomyLangIdx = 1;
}
var collection = news[container.system_codename || ''];
if (collection) {
newsItems = newsItems.concat(collection.viewmodel || []);
}
%> <div class="news_wrapper" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="container">
<h2 class="heading_primary center" data-kontent-element-codename="title"><%= container.title %></h2>
<div id="posts_wrapper"><%
if ((newsItems || []).length) {
newsItems.forEach(function(article) {
%> <div class="post_item" data-kontent-item-id="<%= (article.system_id || '') %>" data-kontent-element-codename="<%= (article.system_codename || '') %>">
<div class="news_box"><%
if (article.news_kategorien___categorie_news && Array.isArray(article.news_kategorien___categorie_news)) {
// categories
%> <div class="news_category"><%
article.news_kategorien___categorie_news.forEach(function(category) {
var names = (category.name || '').split('|');
%> <span class="fa fa-tags" aria-hidden="true"></span> <%= names.length>taxonomyLangIdx ? names[taxonomyLangIdx] : names[0] %><%
});
%></div><%
}
if (article.main_image && Array.isArray(article.main_image)) {
article.main_image.forEach(function(main_image) {
var descAttr = (main_image.description || '').replace(/\u0022/g, '');
%> <div class="news_view"><img alt="<%= descAttr %>" class="news_img" src="<%- (main_image.url || '') + '?w=546&h=300&fit=crop&fm=webp&lossless=0&q=75' %>" width="546" height="300" loading="lazy" title="<%= descAttr %>"></div><%
});
}
%> <div class="news_body">
<h3 class="news_title"> <a href="<%- ['/', WebBaseSchool.lang, '/news/', (article.url || '')].join('') %>"><%= (article.title || '') %></a></h3>
<p class="news_text"><%= (article.subtitle || '') %></p>
<p class="news_date"> <i class="fa fa-clock-o" aria-hidden="true"> </i> <%= (article.date ? WebBaseSchool.Utils.formatDateTime(article.date) : '') %></p>
</div>
</div>
</div><%
});
} %>
</div>
<div class="text-center">
<% if (moreLink) { %>
<a class="btn btn-primary" href="<%- moreLink %>" role="button"><%= WebBaseSchool.Utils.gettext('All news') %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
<% } else { %>
<a class="btn btn-primary" href="<%- ('/' + WebBaseSchool.lang + '/news') %>" role="button"><%= WebBaseSchool.Utils.gettext('All news') %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
<% } %>
</div>
</div>
</div><%
})(container || {}, news || []);
} %>
<% // Service Container: [Service Item]
if (container.system_type === "service_container") {
(function (container) {
var i, len, item;
var detailPath = {
'de': 'dienste',
'it': 'servizi'
};
var coll = container.container || [];
if (coll.length) {
%> <div class="content_section_lg" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="container">
<div class="heading_group center">
<h2><%= WebBaseSchool.Utils.gettext("Services for parents and students") %></h2>
<p class="lead" data-kontent-element-codename="subtitle"><%= (container.subtitle || '') %> </p>
</div>
<ol class="service_list row"><%
// max 6 services
for (i=0, len = coll.length > 6 ? 6 : coll.length; i<len; ++i) {
item = coll[i];
%> <li data-kontent-item-id="<%= (item.system_id || '') %>" data-kontent-element-codename="<%= (item.system_codename || '') %>" class="col-lg-4"><a class="service_bt" href="<%- ['/', WebBaseSchool.lang, '/', (detailPath[WebBaseSchool.lang] || ''), '/', (item.url || '')].join('') %>"> <i class="fa" aria-hidden="true"> </i> <%= (item.title || '') %></a></li><%
}
%>
</ol>
<div class="text-center"><a class="btn btn-primary" href="<%- ['/', WebBaseSchool.lang, '/', (detailPath[WebBaseSchool.lang] || '')].join('') %>" role="button"><%= WebBaseSchool.Utils.gettext('All services') %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
</div>
</div><%
}
})(container || {});
} %>
<% // Introduction Item
if (container.system_type === "introduction_item") {
(function (container, containerIndex) {
var introImage = '';
var introLink = '';
var introClass = '';
var introImgClass = '';
var introTxtClass = '';
if (typeof container.internal_link != "undefined") {
introLink = '/' + WebBaseSchool.lang + '/' + container.internal_link[0].url;
} else if (typeof container.external_link != "undefined") {
introLink = container.external_link;
}
if (containerIndex % 2 === 0) {
introClass = '';
introImgClass = '';
introTxtClass = '';
} else {
introClass = 'invert_order';
introImgClass = 'img_item';
introTxtClass = 'text_item';
}
%> <div class="content_section_lg" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="container">
<div class="call_action align-items-center <%= introClass %>">
<div class="col-md-6 <%= introImgClass %>">
<% for(var ict=0; ict<container.image.length; ict++) {
introImage = container.image[ict]; %>
<div class="widget_img" data-kontent-element-codename="image"><img alt="<%= introImage.description %>" src="<%= introImage.url %>?w=600&h=392&fit=crop&fm=webp&lossless=0&q=75" width="600" height="392" loading="lazy" title="<%= introImage.description %>"></div>
<% } %>
<% if (typeof container.youtube__youtube_video != "undefined") { %>
<% if (container.youtube__youtube_video != null) { %>
<% var newsvideoObj = JSON.parse(container.youtube__youtube_video); %>
<% if (newsvideoObj != null) {
videoTitle = (newsvideoObj.title || '').replace(/\u0027/g, "'").replace(/[\u0022\r\n]/g, "\u0020"); %>
<div class="video_embed py-3">
<div class="embed_container">
<div class="embed-responsive embed-responsive-16by9" id="<%= ['yt', containerIndex, (newsvideoObj.videoId || '')].join('-') %>">
<iframe class="embed-responsive-item _iub_cs_activate" data-iub-purposes="3" title="<%= videoTitle %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="<%- ('/widgets/cookieiub/i18n/' + WebBaseSchool.lang + '/iframe/empty-youtube.html') %>" data-suppressedsrc="https://www.youtube-nocookie.com/embed/<%= newsvideoObj.videoId %>?rel=0&modestbranding=1"></iframe>
</div>
<div><small><a target="_blank" rel="noreferrer" class="lv_external_link" href="https://www.youtube.com/t/terms">YouTube Terms of Service</a></small> | <small><a target="_blank" rel="noreferrer" class="lv_external_link" href="https://policies.google.com/privacy">Google Privacy Policy</a></small></div>
</div>
</div>
<% } %>
<% } %>
<% } %>
</div>
<div class="col-md-6 <%= introTxtClass %>">
<div class="widget_text">
<h2 data-kontent-element-codename="title"><%= container.title %></h2>
<% if (container.description != "<p><br></p>") { %>
<div data-kontent-element-codename="description"><%- container.description %></div>
<% }
if (introLink.length) {
%> <div class="button-action">
<a class="btn btn-primary" href="<%- introLink %>" role="button">
<%= WebBaseSchool.Utils.gettext("More") %> <i class="fa fa-angle-double-right" aria-hidden="true"> </i>
</a>
</div><%
} %>
</div>
</div>
</div>
</div>
</div><%
})(container || {}, containerIndex);
} %>
<% // Card Container: [ Card Item, ... ]
if (container.system_type === "card_container") {
(function (container) {
var coll = container.container || [];
var containerClass = (container.type ? container.type.map(function (item) {
return (item.name || ""); // only name
}) : [])
.concat(["col_3_1"]) // default value: if no other was selected
.filter(function (item) {
return item.length ? item : null; // only non empty values
})
.slice(0,1) // only first
.concat((function (options) {
return (options ? options.map(function (item) {
return (item.name || ""); // only name
}) : []);
}(container.options))); %>
<div class="themes_wrapper" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="container">
<% if (container.title != "") { %>
<h2 class="heading_primary center" data-kontent-element-codename="title"><%= container.title %></h2>
<% } %>
<div class="<%= containerClass.join(' ') %>"><%
coll.forEach(function (item) {
var cardClass = ["card"]
.concat((item.type ? item.type.map(function (item) {
return (item.name || ""); // only name
}) : [])
.filter(function (item) {
return item.length ? item : null; // only non empty values
})),
isCircular = (cardClass.join(' ').indexOf("circle", 0) > -1),
imgProps = {
fit: "crop",
h: 300,
w: (isCircular ? 300 : 546),
fm: "webp",
lossless: 0,
q: 75
},
linkedOptions = (item.options || []).reduce(function (acc, item) {
if (item.codename && item.codename.indexOf("linked_", 0) === 0) {
acc[item.codename] = true; // add item
}
return acc;
}, {}),
cardLink = (item.external_link && item.external_link.length) ? item.external_link : "/" + WebBaseSchool.lang + "/" + ((item.internal_link && item.internal_link.length) ? item.internal_link[0].url : ""); %>
<div class="col_grid" data-kontent-item-id="<%= (item.system_id || '') %>" data-kontent-element-codename="<%= (item.system_codename || '') %>">
<div class="<%= cardClass.join(' ') %>">
<% if ( item.image && item.image.length ) { %>
<div class="view"><img class="card-img-top" src="<%- [(item.image[0].url || ''), ('?w=' + imgProps.w), ('&h=' + imgProps.h), ('&fit=' + imgProps.fit), ('&fm=' + imgProps.fm), ('&lossless=' + imgProps.lossless), ('&q=' + imgProps.q)].join('') %>" width="<%- imgProps.w %>" height="<%- imgProps.h %>" loading="lazy" alt="<%= item.title.replace(/\u0022/g, '') %>"></div>
<% } %>
<div class="card-body">
<h3 class="card-title"><% if ( linkedOptions.linked_title ) { %><a href="<%- (cardLink || "/") %>"><%= (item.title || '') %></a><% } else { %><%= (item.title || '') %><% } %></h3>
<p class="card-text"><%= item.text %></p>
<% if ( linkedOptions.linked_button ) { %><a class="btn btn-primary" href="<%- (cardLink || "/") %>"><%= WebBaseSchool.Utils.gettext("More") %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a><% } %>
</div>
</div>
</div>
<% }); %>
</div>
</div>
</div><%
})(container || {});
} %>
<% // Appointment Container: [ Appointment Item, ... ]
if (container.system_type === "appointment_container") {
(function (container, appointments) {
var taxonomyLangIdx = 0;
var detailPath = {
'de': 'terminkalender',
'it': 'calendario-appuntamenti'
};
if (/it/i.test(WebBaseSchool.lang)) {
taxonomyLangIdx = 1;
}
%> <div class="events_wrapper section_lighter" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="container">
<div class="heading_group center">
<h2 data-kontent-element-codename="title"><%= (container.title || '') %></h2><%
if ((container.subtitle || '').length) {
%> <p class="lead" data-kontent-element-codename="subtitle"><%= container.subtitle %></p><%
} %>
</div>
<div class="row"><%
if ((appointments || []).length) {
appointments.forEach(function(appointment) {
%> <div class="col-md-4" data-kontent-item-id="<%= (appointment.system_id || '') %>" data-kontent-element-codename="<%= (appointment.system_codename || '') %>">
<div class="lbs_event">
<div class="date circle">
<div class="date_cont"><%
if (appointment.date_from) {
%> <div class="month"><%= WebBaseSchool.Utils.formatDateTime(appointment.date_from, "shortmonth") %></div><%
}
if (appointment.date_from) {
%> <div class="day"><%= WebBaseSchool.Utils.formatDateTime(appointment.date_from, "onlyday") %></div><%
} %>
</div>
</div><%
if (appointment.terminkalender_kategorien___categorie_calendario) {
%> <p class="cat"><%
appointment.terminkalender_kategorien___categorie_calendario.forEach(function(category) {
var names = (category.name || '').split('|');
%> <i class="fa fa-tags" aria-hidden="true"> </i> <%= names.length>taxonomyLangIdx ? names[taxonomyLangIdx] : names[0] %><%
});
%></p><%
}
%> <h3 class="event_title"><a href="<%- ['/', WebBaseSchool.lang, '/', (detailPath[WebBaseSchool.lang] || ''), '/', (appointment.url || '')].join('') %>"><%= (appointment.title || '') %></a></h3><%
if (appointment.date_from && appointment.date_to) {
%> <div class="additional_info"> <i class="fa fa-calendar" aria-hidden="true"></i><%
if (WebBaseSchool.Utils.formatDateTime(appointment.date_from) != WebBaseSchool.Utils.formatDateTime(appointment.date_to)) {
%> <span class="time"><%= WebBaseSchool.Utils.formatDateTime(appointment.date_from) %> - <%= WebBaseSchool.Utils.formatDateTime(appointment.date_to) %> </span><%
} else {
%> <span class="time"><%= WebBaseSchool.Utils.formatDateTime(appointment.date_from, "withtime") %> - <%= WebBaseSchool.Utils.formatDateTime(appointment.date_to, "onlytime") %></span><%
} %>
</div><%
} %>
</div>
</div><%
});
} else { %>
<div class="col-md-12 text-center"><p><%= WebBaseSchool.Utils.gettext('No dates available!') %></p></div>
<% } %>
</div>
<div class="text-center"><a class="btn btn-primary" href="<%- ['/', WebBaseSchool.lang, '/', (detailPath[WebBaseSchool.lang] || '')].join('') %>" role="button">
<%= WebBaseSchool.Utils.gettext("All appointments") %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
</div>
</div><%
})((container || {}), (appointments || []));
} %>
<% // Banner Item
if (container.system_type === "banner") {
(function (container) {
var image = (container.image || [{}])[0];
var wrapperStyle = "position:relative;z-index:1;";
if ( image && image.url.length ) {
wrapperStyle = image.url ? ["position:relative;z-index:1;", "background-image:url('", image.url, "?fm=webp&lossless=0&q=75');"].join('') : '';
}
var overlay = [
'position:absolute;z-index:5;width:100%;height:100%',
['background-color:', (container.overlay_color || 'black').replace(/[^#A-Z0-9a-z]/igm, '')].join(''),
['opacity:', (container.overlay_opacity || '0.0').toString(10).replace(/[^\.0-9]/igm, '')].join('')
];
var link = (container.internal_link || []).length ? ['/', WebBaseSchool.lang, '/', (container.internal_link[0].url || '')].join('') : '';
link.length || (link = (container.external_link || ''));
%> <div class="promotion_wrapper" style="<%- wrapperStyle %>" data-kontent-item-id="<%= (container.system_id || '') %>" data-kontent-disable-features="highlight">
<div class="inner" style="<%- overlay.join(';') %>"></div>
<div class="container">
<div class="promotion_inner">
<h2 class="promotion_title" style="position:relative;z-index:10;opacity:1;" data-kontent-element-codename="title"><%= (container.title || "") %></h2>
<p class="lead" style="position:relative;z-index:10;opacity:1;" data-kontent-element-codename="subtitle"><%= (container.subtitle || "") %></p><%
if (link.length) {
%> <a class="btn btn-outline-light readmore" href="<%- link %>" role="button" style="position:relative;z-index:10;opacity:1;"><%= WebBaseSchool.Utils.gettext("More") %> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a><%
} %>
</div>
</div>
</div><%
})(container);
} %>
<% // Social
if (container.system_type === "social") {
if (1 === 2) {
%> <div class="social_wrapper">
<div class="container">
<h2 class="heading_primary center"><%= (container.title || '') %></h2>
<div class="row">
<div class="col-md-6">
<h3>Facebook</h3>
</div>
<div class="col-md-6">
<h3>Twitter</h3>
</div>
</div>
</div>
</div><%
}
} %>
<%
});
} %>
<% if (WebBaseSchool.config.pnnrBanner) { %>
<div class="container mb-3">
<div class="row">
<div class="col-12">
<img class="mt-4 d-none d-md-block" src="/img/banner-pnnr.jpg" alt="" style="max-width: 100%">
<img class="mt-4 d-block d-md-none" src="/img/banner-pnnr-mobile.jpg" alt="" style="width: 100%">
</div>
</div>
</div>
<% } %>