63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Tagesabrechnung</title>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.3/cyborg/bootstrap.min.css">
|
|
<link rel="import" href="pages/main.html">
|
|
<link rel="import" href="pages/settings.html">
|
|
<link rel="import" href="pages/help.html">
|
|
<style>
|
|
.nav-pills>a.active {
|
|
background-color: #f30bf3 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.nav-pills>a:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.nav-link-color {
|
|
color: #ffffff;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container my-4">
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
|
|
<a class="nav-link active" id="main-tab" data-toggle="pill" href="#main" role="tab" aria-controls="main" aria-selected="true">Main</a>
|
|
<a class="nav-link" id="Anzeige-tab" data-toggle="pill" href="#Anzeige" role="tab" aria-controls="Anzeige" aria-selected="false">Anzeige</a>
|
|
<a class="nav-link" id="Eingabe-tab" data-toggle="pill" href="#Eingabe" role="tab" aria-controls="Eingabe" aria-selected="false">Eingabe</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-10">
|
|
<div class="tab-content" id="v-pills-tabContent">
|
|
<div class="tab-pane fade show active" id="main" role="tabpanel" aria-labelledby="main-tab"></div>
|
|
<div class="tab-pane fade" id="Eingabe" role="tabpanel" aria-labelledby="Eingabe-tab"></div>
|
|
<div class="tab-pane fade" id="Anzeige" role="tabpanel" aria-labelledby="Anzeige-tab"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const links = document.querySelectorAll('link[rel="import"]');
|
|
links.forEach((link) => {
|
|
let template = link.import.querySelector('template');
|
|
let clone = document.importNode(template.content, true);
|
|
let target = clone.querySelector(".template").dataset.tab;
|
|
document.getElementById(target).appendChild(clone);
|
|
});
|
|
|
|
window.$ = window.jquery = require("jquery");
|
|
window.popper = require("popper.js");
|
|
require("bootstrap");
|
|
require('./renderer.js')
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|