first commit

xxx/app/templates/main/about.html.ep

@@ -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>

xxx/app/templates/main/loginform.html.ep

@@ -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>

xxx/app/templates/main/main.html.ep

@@ -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>

xxx/app/templates/main/userinfo.html.ep

@@ -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>