Files
create_mojo_app/xxx/app/templates/layouts/index.html.ep
2025-06-03 23:13:07 +02:00

117 lines
5.7 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= $title %></title>
%= stylesheet '/htlib/bootstrap/5.3.3/css/bootstrap.min.css'
%= stylesheet '/htlib/fontawesome/6.4.0/css/all.min.css'
%= stylesheet '/htlib/jquery-datatables/2.1.8/css/dataTables.bootstrap4.min.css'
%= stylesheet '/htlib/jquery-datatables/extensions/Buttons/3.1.2/css/buttons.dataTables.min.css'
%= stylesheet '/htlib/jquery-datatables/extensions/Scroller/2.4.3/css/scroller.bootstrap4.min.css'
%= stylesheet '/htlib/jquery-datatables/extensions/FixedColumns/5.0.3/css/fixedColumns.dataTables.min.css'
%= stylesheet '/htlib/jquery-ui/1.13.2/jquery-ui.min.css'
%= stylesheet '/css/xxx.min.css'
<style>
% if ( $self->config->{test} ) { # einfärben der Kopfzeile wenn Programm im Developermodus läuft
.navbar {
background-color: rgb(255, 215, 215) !important;
}
% }
</style>
</head>
<body>
<!-- Standard-Navbar -->
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand ukraine" href="<%= url_for('/') %>" style="margin-right: 0.5rem;">
<img src="<%= url_for('/images/xxx.svg') %>" width="40px">
</a>
<a class="navbar-brand" style="font-size: 1.4rem;" href="<%= url_for('/') %>">Xxx</a>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<%== nav($self->config->{navigation}->{menu}) %>
</ul>
</ul>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav nav">
% if ( $self->session->{auth_data}) {
% my $username = $self->session->{auth_data} =~ s/@[^@]*$//r;
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="navbarDropdown" role="button">
%== $username
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
%# Benutzerinformatioen
<li><a href="<%= url_for('/userinfo') %>" class="dropdown-item">
<span class="fas fa-user-circle" style="color:#777;"></span>
&nbsp;Info
</a></li>
<li class="dropdown-divider"></li>
%# Abmelden
<li><a class="dropdown-item"href="<%= url_for('/getoff') %>">
<span class="fas fa-cloud-moon" style="color:#777;"></span>
&nbsp;Abmelden
</a></li>
</ul>
</li>
% } else {
<li class="nav-item">
<a href="<%= url_for('/login') %>" class="nav-link">
Anmelden
<span class="fas fa-lock" style="color:#777;"></span>
</a>
</li>
% }
<li>
<a href="<%= url_for('/about') %>" class="nav-link">
über
<span class="fas fa-info-sign" style="color:#777;"></span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- externe Bibliotheken -->
%= javascript '/htlib/jquery/3.7.1/jquery.min.js'
%= javascript '/htlib/jquery-ui/1.13.2/jquery-ui.min.js'
%= javascript '/htlib/bootstrap/5.3.3/js/bootstrap.bundle.min.js'
%= javascript '/htlib/jquery-datatables/2.2.2/js/dataTables.min.js'
%= javascript '/htlib/jquery-datatables/2.2.2/js/dataTables.bootstrap4.min.js'
%= javascript '/htlib/jquery-datatables/extensions/Select/2.1.0/js/dataTables.select.min.js'
%= javascript '/htlib/jquery-datatables/extensions/Select/2.1.0/js/select.bootstrap4.min.js'
%= javascript '/htlib/jquery-datatables/extensions/Buttons/3.1.2/js/dataTables.buttons.min.js'
%= javascript '/htlib/jquery-datatables/extensions/Buttons/3.1.2/js/buttons.colVis.min.js'
%= javascript '/htlib/jquery-datatables/extensions/JSZip/3.10.1/jszip.min.js'
%= javascript '/htlib/jquery-datatables/extensions/pdfmake/0.2.7/pdfmake.min.js'
%= javascript '/htlib/jquery-datatables/extensions/pdfmake/0.2.7/vfs_fonts.js'
%= javascript '/htlib/jquery-datatables/extensions/Buttons/3.1.2/js/buttons.html5.min.js'
%= javascript "/htlib/jquery-datatables/extensions/FixedColumns/5.0.3/js/dataTables.fixedColumns.min.js"
%= javascript '/htlib/jquery-datatables/extensions/Scroller/2.4.3/js/dataTables.scroller.min.js'
%= javascript '/htlib/jquery-datatables/extensions/Scroller/2.4.3/js/scroller.bootstrap4.min.js'
%= javascript '/htlib/jquery-datatables/date-de/date-de.min.js'
%= javascript "/htlib/popy/popy.min.js"
<%= content %>
<input type="hidden" id="base_url" value="<%= $self->config->{prefix} %>">
<input type="hidden" id="koma-urlbase" value="<%= $self->config->{base}->{koma}->{url} %>">
<!-- FOOTER -->
<footer class="footer">
% use POSIX qw(strftime);
% my $year = strftime('%Y', localtime);
<div class="container-fluid text-muted text-right">
<small>Xxx v<%= $self->config->{version} %> &nbsp; &bull; &nbsp; &copy; <%= $year %> Steffen Junge</small>
</div>
</footer>
</body>
</html>