Comenius-Institut/FOERBICO-metadata-form
11
0
Fork 0
mirror of https://gitlab.com/comenius-institut/foerbico/metadata-form.git synced 2025-12-09 16:24:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added navbar and logo

Browse source
This commit is contained in:
Mirjan Hoffmann 2022-03-08 12:38:11 +01:00
parent 4980b41e68
commit f816ecc02a
2 changed files with 43 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

32
metadata-generator.html
View file

@ -59,7 +59,7 @@
}
.right {
background-color: #000000;
background-color: #ffffff;
float: left;
width: 20%;
padding: 15px;
@ -75,6 +75,22 @@
</head>
<body>
<nav class="navbar navbar-light bg-light">
<div class="navbar-brand">
<img src="/logo.svg" height="50" width="116" alt="LOGO">
</div>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarLanguageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="selectedLanguageLabel">DE</span>
</a>
<div class="dropdown-menu position-absolute dropdown-menu-right" aria-labelledby="navbarLanguageDropdown">
<a class="dropdown-item" onclick="changeLanguage('en')">English</a>
<a class="dropdown-item" onclick="changeLanguage('de')">Deutsch</a>
</div>
</li>
</ul>
</nav>
<div style="overflow:auto">
<div class="menu"></div>
@ -82,12 +98,6 @@
<div class="main">
<div class="container">
<div>
<select id="languageSelector" name="lang">
<option value="en">English</option>
<option value="de" selected>Deutsch</option>
</select>
</div>
<h2 style="margin-bottom:40px;" data-i18n="FORM_HEADING">OER Metadaten Formular</h2>
<form class="was-validated">
<div class="form-group row">
@ -542,10 +552,10 @@
i18next.on("languageChanged", () => {
updateContent();
});
const langSelector = document.getElementById("languageSelector");
langSelector.addEventListener("change", (e) => {
i18next.changeLanguage(e.target.value);
});
}
function changeLanguage(languageCode) {
i18next.changeLanguage(languageCode);
document.getElementById("selectedLanguageLabel").textContent = languageCode.toUpperCase();
}
function updateContent() {