first commit
This commit is contained in:
119
xxx/app/templates/layouts/index.html.ep
Normal file
119
xxx/app/templates/layouts/index.html.ep
Normal file
@@ -0,0 +1,119 @@
|
||||
<!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" href="<%= $self->config->{mlandshome} %>">
|
||||
<img src="<%= url_for('/htlib/mlands/img/mlands.svg') %>">
|
||||
</a>
|
||||
<a class="navbar-brand ukraine" href="/" 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>
|
||||
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>
|
||||
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.1.8/js/dataTables.min.js'
|
||||
%= javascript '/htlib/jquery-datatables/2.1.8/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/mlands/js/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} %> • © 2003-<%= $year %> ml&s Gmbh & Co. KG</small>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
16
xxx/app/templates/main/about.html.ep
Normal file
16
xxx/app/templates/main/about.html.ep
Normal file
@@ -0,0 +1,16 @@
|
||||
% layout 'index';
|
||||
|
||||
<div class="container pt-3">
|
||||
<div class="jumbotron">
|
||||
<p>Entwickler: <br></p>
|
||||
<h4><p></p>
|
||||
<p>Version <%= $self->config->{version} %><p>
|
||||
<p>powered by</p>
|
||||
<img src="<%= url_for('/images/powered.png') %>"><br>
|
||||
<p><a href="https://mojolicious.org/" target="_blank">Mojolicious</a> <%== 'V'.$Mojolicious::VERSION .', <a href="https://perl.org/" target="_blank">Perl</a> '.ucfirst $^V .', ' %><span id="version"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$('#version').html('<a href="https://jquery.com/" target="_blank">jQuery</a> V' + $().jquery + ', <a href="https://datatables.net/" target="_blank">Datatables</a> V' + $.fn.dataTable.version + ', <a href="https://getbootstrap.com/docs/3.3/" target="_blank">Bootstrap</a> V' + bootstrap.Tooltip.VERSION );
|
||||
</script>
|
||||
35
xxx/app/templates/main/loginform.html.ep
Normal file
35
xxx/app/templates/main/loginform.html.ep
Normal file
@@ -0,0 +1,35 @@
|
||||
% layout 'index';
|
||||
|
||||
<title>Xxx: Login</title>
|
||||
|
||||
<div class="container">
|
||||
%= form_for '/login' => {format => 'txt'} => (method => 'POST', class => 'form-horizontal', id => 'form_login') => begin
|
||||
|
||||
<fieldset>
|
||||
<div class="row" style="margin-top:25vh;">
|
||||
<div class="col-4" style="margin:0 auto 0 auto;float:none;">
|
||||
% if ( defined $self->session->{msg} ) {
|
||||
<h4>
|
||||
% if ( $self->session->{msg} =~ /Fehler|Sorry/ ) {
|
||||
<span class="text-danger">
|
||||
% } else {
|
||||
<span class="text-info">
|
||||
% }
|
||||
<%= $self->session->{msg} %>
|
||||
</span>
|
||||
</h4>
|
||||
% }
|
||||
<div class="input-group">
|
||||
<div class="input-group-text"><i class="fas fa-user"></i></div>
|
||||
<input autocomplete="off" autofocus="" class="form-control" id="id_username" name="username" placeholder="Anmeldename" required="" type="text">
|
||||
</div>
|
||||
<div class="input-group pt-3">
|
||||
<div class="input-group-text"><i class="fas fa-lock"></i></div>
|
||||
<input class="form-control" id="id_password" name="password" placeholder="Passwort" required="" type="password" value="">
|
||||
</div>
|
||||
<div class="pt-3"><input class="btn btn-lg btn-primary btn-block" type="submit" value="Anmelden"></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
% end
|
||||
|
||||
</div>
|
||||
16
xxx/app/templates/main/main.html.ep
Normal file
16
xxx/app/templates/main/main.html.ep
Normal file
@@ -0,0 +1,16 @@
|
||||
% layout 'index';
|
||||
<style>
|
||||
.mypic {
|
||||
height: calc(100vh - 180px);
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="card m-2">
|
||||
<div class="row p-3">
|
||||
<div>Willkommen bei</div>
|
||||
</div>
|
||||
<div class="text-center pb-3">
|
||||
<img class="mypic" src="/images/xxx.svg">
|
||||
</div>
|
||||
</div>
|
||||
23
xxx/app/templates/main/userinfo.html.ep
Normal file
23
xxx/app/templates/main/userinfo.html.ep
Normal file
@@ -0,0 +1,23 @@
|
||||
% layout 'index';
|
||||
|
||||
<title>*Temp*::Userinfo</title>
|
||||
|
||||
<div class="jumbotron" style="margin-top:5vh;">
|
||||
|
||||
% if ( defined $msg ) {
|
||||
<h2>
|
||||
% if ( $msg =~ /Fehler|Sorry/ ) {
|
||||
<span class="text-danger">
|
||||
% } else {
|
||||
<span class="text-info">
|
||||
% }
|
||||
<%= $msg %></span></h2>
|
||||
% }
|
||||
|
||||
% if ( defined $sess->{privs} ) {
|
||||
% foreach my $s ( @{$sess->{privs} } ) {
|
||||
<p> Gruppe: <%= $s %></p>
|
||||
% }
|
||||
% }
|
||||
|
||||
</div>
|
||||
43
xxx/app/templates/menu/jstreetemplate.html.ep
Normal file
43
xxx/app/templates/menu/jstreetemplate.html.ep
Normal file
@@ -0,0 +1,43 @@
|
||||
% layout 'index';
|
||||
|
||||
%= stylesheet '/htlib/jquery-jstree/3.3.17/themes/default/style.min.css'
|
||||
%= stylesheet '/css/jstreetemplate.min.css'
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row p-2">
|
||||
<div class="col-3">
|
||||
<label class="col-form-label text-right">Daten:</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pr-3 baum" style="display: none">
|
||||
<div class="col-3">
|
||||
<div class="treedetail" id="tree"></div>
|
||||
</div>
|
||||
<div class="col-9 treedetail">
|
||||
<div class="words" style="display: none">
|
||||
<div class="row p-3">
|
||||
<label class="col-form-label pb-0">Wörter</label>
|
||||
</div>
|
||||
<table class="table table-bordered table-sm" width="100%" id="tbl-worlds">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">Spalte1</th>
|
||||
<th class="text-center">Spalte 2</th>
|
||||
<th class="text-center">Spalte 3</th>
|
||||
<th class="text-center">Spalte 4</th>
|
||||
<th class="text-center">Spalte 5</th>
|
||||
<th class="text-center">Spalte 6</th>
|
||||
<th class="text-center">Spalte 7</th>
|
||||
<th class="text-center">Spalte 8</th>
|
||||
<th class="text-center">Spalte 9</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
%= javascript '/htlib/jquery-jstree/3.3.17/jstree.min.js'
|
||||
%= javascript "/js/jstreetemplate.min.js?v=". $self->config->{version}
|
||||
Reference in New Issue
Block a user