Refactor: kürzere CSV-Datei

Reviewed-on: #23

.editorconfig

@@ -0,0 +1,10 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_size = 4
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = false

.gitignore

@@ -6,6 +6,7 @@
 .idea/**/workspace.xml
 .idea/**/tasks.xml
 .idea/**/usage.statistics.xml
+.idea/**/markdown.xml
 .idea/**/dictionaries
 .idea/**/shelf
 

api/.env.example

@@ -2,4 +2,7 @@
 DATABASES_HOST=psql.domain.tld
 DATABASES_NAME=db
 DATABASES_USER=user
-DATABASES_PASS=1234
+DATABASES_PASS=1234
+
+## CORS Einstellungen
+CORS_ALLOW_ORIGIN_REGEX=/https?:\/\/localhost:\d+/

api/composer.json

@@ -21,7 +21,8 @@
         "slim/psr7": "^1.3",
         "php-di/slim-bridge": "^3.1.0",
         "jetbrains/phpstorm-attributes": "^1.0.0",
-        "myclabs/php-enum": "^1.8.0"
+        "myclabs/php-enum": "^1.8.0",
+        "ext-pdo": "*"
     },
     "require-dev": {
         "phpstan/phpstan": "^0.12.80",

api/html/index.php

@@ -7,10 +7,12 @@ $dotenv->load();
 use DI\Container;
 use Slim\Factory\AppFactory;
 use Slim\Routing\RouteCollectorProxy;
+use TorstenHettstedt\TimekeepingApi\Controller\PreflightController;
 use TorstenHettstedt\TimekeepingApi\Controller\WorkingHoursController;
 use TorstenHettstedt\TimekeepingApi\Controller\WorkingHoursViewController;
 use TorstenHettstedt\TimekeepingApi\Middleware\ErrorHandler;
 use TorstenHettstedt\TimekeepingApi\Middleware\JsonBodyParserMiddleware;
+use TorstenHettstedt\TimekeepingApi\Middleware\OriginAccessControlHandler;
 
 $container = new Container();
 
@@ -22,17 +24,25 @@ $container->set('databases', function () {
 AppFactory::setContainer($container);
 $app = AppFactory::create();
 $app->add(new JsonBodyParserMiddleware());
+$app->addBodyParsingMiddleware();
+$app->add(new OriginAccessControlHandler());
+$app->addRoutingMiddleware();
 
 $app->group('/views/working-hours', function (RouteCollectorProxy $group) {
+    $group->options('/weekly', PreflightController::class . ':preflight');
     $group->get('/weekly', WorkingHoursViewController::class . ':browseWeekly');
+    $group->options('/monthly', PreflightController::class . ':preflight');
     $group->get('/monthly', WorkingHoursViewController::class . ':browseMonthly');
+    $group->options('/yearly', PreflightController::class . ':preflight');
     $group->get('/yearly', WorkingHoursViewController::class . ':browseYearly');
 });
 
 $app->group('/working-hours', function (RouteCollectorProxy $group) {
+    $group->options('', PreflightController::class . ':preflight');
     $group->get('', WorkingHoursController::class . ':browse');
     $group->post('', WorkingHoursController::class . ':creat');
     $group->group('/{id:\d\d\d\d-\d\d-\d\d}', function (RouteCollectorProxy $group) {
+        $group->options('', PreflightController::class . ':preflight');
         $group->get('', WorkingHoursController::class . ':read');
         $group->put('', WorkingHoursController::class . ':update');
     });

api/html/openapi.json

@@ -18,6 +18,15 @@
         "tags": [
           "Eintragungen Arbeitszeiten"
         ],
+        "description": "Liefert eine Liste der Einträge. Kann gefiltert werden und dadurch eine leere Liste zurückgeben",
+        "parameters": [
+            {
+                "$ref": "#/components/parameters/start-date"
+            },
+            {
+                "$ref": "#/components/parameters/end-date"
+            }
+        ],
         "responses": {
           "200": {
             "$ref": "#/components/responses/ListEntities"
@@ -259,6 +268,26 @@
           "type": "string",
           "format": "date"
         }
+      },
+      "start-date" : {
+        "description": "Filtert Liste ab Datum",
+        "name": "start-date",
+        "in" : "query",
+        "required": false,
+        "schema": {
+          "type": "string",
+          "format": "date"
+        }
+      },
+      "end-date" : {
+        "description": "Filtert Liste bis Datum",
+        "name": "end-date",
+        "in" : "query",
+        "required": false,
+        "schema": {
+          "type": "string",
+          "format": "date"
+        }
       }
     },
     "responses": {

api/src/Controller/PreflightController.php

@@ -0,0 +1,18 @@
+<?php
+
+
+namespace TorstenHettstedt\TimekeepingApi\Controller;
+
+
+use Psr\Http\Message\ResponseInterface;
+use Slim\Psr7\Request;
+use Slim\Psr7\Response;
+use TorstenHettstedt\TimekeepingApi\Middleware\OriginAccessControlHandler;
+
+class PreflightController
+{
+    public function preflight(Request $request, Response $response): ResponseInterface
+    {
+        return (new OriginAccessControlHandler())->originAccessControl($request, $response);
+    }
+}

api/src/Controller/WorkingHoursController.php

@@ -12,6 +12,7 @@ use Slim\Exception\HttpNotFoundException;
 use Slim\Psr7\Request;
 use Slim\Psr7\Response;
 use TorstenHettstedt\TimekeepingApi\Models\WorkingHours;
+use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryBadWhereDataException;
 use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryRecordAlreadyExistException;
 use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryRecordNotFoundException;
 use TorstenHettstedt\TimekeepingApi\Repositories\WorkingHoursRepository;
@@ -50,13 +51,20 @@ class WorkingHoursController extends AbstractController
      * @return Response
      *
      * @throws HttpInternalServerErrorException
+     * @throws HttpBadRequestException
      * @noinspection PhpUnusedParameterInspection
      */
     public function browse(Request $request, Response $response, array $args): Response
     {
         $repository = new WorkingHoursRepository($this->databases);
+        $queryParams = $request->getQueryParams();
         try {
-            return $this->printResponse($response, $repository->findAll(), StatusCodeInterface::STATUS_OK);
+            return $this->printResponse($response, $repository->findFiltered(
+                $queryParams['start-date'] ?? null,
+                $queryParams['end-date'] ?? null
+            ), StatusCodeInterface::STATUS_OK);
+        } catch (RepositoryBadWhereDataException $exception) {
+            throw new HttpBadRequestException($request, 'Ein Wert für das Datum im Query ist ungültig', $exception);
         } catch (Exception $exception) {
             throw new HttpInternalServerErrorException($request, 'Der Wert für das Datum oder die Zeit ist falsch in der Datenbank', $exception);
         }

api/src/Middleware/ErrorHandler.php

@@ -84,7 +84,9 @@ class ErrorHandler
             json_encode($payload, JSON_UNESCAPED_UNICODE)
         );
 
-        return $response;
+        $originAccessControlHandler = new OriginAccessControlHandler();
+
+        return $originAccessControlHandler->originAccessControl($request, $response);
     }
 
 }

api/src/Middleware/OriginAccessControlHandler.php

@@ -0,0 +1,58 @@
+<?php
+
+
+namespace TorstenHettstedt\TimekeepingApi\Middleware;
+
+
+use Psr\Http\Message\ResponseInterface as Response;
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface as RequestHandler;
+use Slim\Routing\RouteContext;
+
+class OriginAccessControlHandler implements MiddlewareInterface
+{
+
+    /**
+     * Process an incoming server request.
+     *
+     * Processes an incoming server request in order to produce a response.
+     * If unable to produce the response itself, it may delegate to the provided
+     * request handler to do so.
+     */
+    public function process(Request $request, RequestHandler $handler): Response
+    {
+        $response = $handler->handle($request);
+        return $this->originAccessControl($request, $response);
+    }
+
+    public function originAccessControl(Request $request, Response $response): Response
+    {
+
+        $routeContext = RouteContext::fromRequest($request);
+        $routingResults = $routeContext->getRoutingResults();
+        $methods = $routingResults->getAllowedMethods();
+        $requestHeaders = $request->getHeaderLine('Access-Control-Request-Headers');
+
+        if ($this->testRoute($request)) {
+            //                     Stunden   Minuten   Sekunden
+            $accessControlMaxAge = 24      * 60      * 60;
+            $response = $response->withHeader('Access-Control-Allow-Origin', $this->buildOrigin($request));
+            $response = $response->withHeader('Access-Control-Allow-Methods', implode(',', $methods));
+            $response = $response->withHeader('Access-Control-Allow-Headers', $requestHeaders);
+            $response = $response->withHeader('Access-Control-Max-Age', (string)$accessControlMaxAge);
+        }
+        return $response;
+    }
+
+    protected function testRoute(Request $request): bool
+    {
+        $corsAllowOriginRegex = $_ENV['CORS_ALLOW_ORIGIN_REGEX'] ?? '/https?:\/\/.*:.*/';
+        return preg_match($corsAllowOriginRegex, $this->buildOrigin($request));
+    }
+
+    protected function buildOrigin(Request $request): string
+    {
+        return $request->getHeaderLine('Origin') ?? '';
+    }
+}

api/src/Models/WorkingHoursView.php

@@ -91,12 +91,13 @@ class WorkingHoursView implements ModelInterface
                   'overtime'          => "string"
     ])] public function jsonSerialize(): array
     {
+        $formatOvertime = (($this->getOvertime()->invert === 1) ? '-' : '') . '%H:%I:%S';
         return [
             'period'            => $this->getPeriod()->format($this->getPeriodDesignation()->getValue()),
             'periodDesignation' => strtolower($this->getPeriodDesignation()->getKey()),
             'workingDays'       => $this->getWorkingDays(),
             'totalHours'        => $this->getTotalHours()->format('%H:%I:%S'),
-            'overtime'          => $this->getOvertime()->format('%H:%I:%S')
+            'overtime'          => $this->getOvertime()->format($formatOvertime)
         ];
     }
 }

api/src/Repositories/RepositoryBadWhereDataException.php

@@ -0,0 +1,10 @@
+<?php
+
+
+namespace TorstenHettstedt\TimekeepingApi\Repositories;
+
+
+class RepositoryBadWhereDataException extends RepositoryException
+{
+
+}

api/src/Repositories/WorkingHoursRepository.php

@@ -10,6 +10,7 @@ use Exception;
 use InvalidArgumentException;
 use PDO;
 use PDOException;
+use PDOStatement;
 use TorstenHettstedt\TimekeepingApi\Models\ModelInterface;
 use TorstenHettstedt\TimekeepingApi\Models\WorkingHours;
 
@@ -42,10 +43,33 @@ class WorkingHoursRepository implements RepositoryReaderInterface, RepositoryWri
      * @throws PDOException
      */
     public function findAll(): array
+    {
+        return $this->findFiltered(null, null);
+    }
+
+    /**
+     *
+     * Gibt alle vorhandenen Einträge zurück
+     *
+     * @param string|null $start
+     * @param string|null $end
+     *
+     * @return WorkingHours[]
+     * @throws Exception
+     */
+    public function findFiltered(?string $start, ?string $end): array
     {
         $models = [];
-        $stmt = $this->database->prepare('select "Datum" as "workingDay", "Arbeitszeit" as "workingTime" from public."Arbeitszeiten"');
+        $stmt = $this->buildFindFilteredStatement($start, $end);
-        $stmt->execute();
+        try {
+            $stmt->execute();
+        } catch (PDOException $exception) {
+            if ($exception->getCode() === '22007' || $exception->getCode() === '22008') {
+                throw new RepositoryBadWhereDataException($exception);
+            }
+            throw $exception;
+        }
+
         while ($row = $stmt->fetch()) {
             $model = new WorkingHours();
             $model
@@ -56,6 +80,35 @@ class WorkingHoursRepository implements RepositoryReaderInterface, RepositoryWri
         return $models;
     }
 
+    protected function buildFilterString(?string $start, ?string $end): string
+    {
+        if (is_string($start) && is_string($end)) {
+            return 'where "Datum" >= :start AND "Datum" <= :end ';
+        }
+        if (is_string($start)) {
+            return 'where "Datum" >= :start ';
+        }
+        if (is_string($end)) {
+            return 'where "Datum" <= :end ';
+        }
+        return '';
+    }
+
+    protected function buildFindFilteredStatement(?string $start, ?string $end): ?PDOStatement
+    {
+        $query = 'select "Datum" as "workingDay", "Arbeitszeit" as "workingTime" from public."Arbeitszeiten" ';
+        $query .= $this->buildFilterString($start, $end);
+        $query .= 'order by "Datum"';
+        $stmt = $this->database->prepare($query);
+        if (is_string($start)) {
+            $stmt->bindParam(':start', $start);
+        }
+        if (is_string($end)) {
+            $stmt->bindParam(':end', $end);
+        }
+        return $stmt ?? null;
+    }
+
     /**
      * Gibt den Eintrag zurück, der durch die ID
      *

api/tests/_support/Helper/Api.php

@@ -32,4 +32,6 @@ class Api extends Module
         "message"   => "string",
         "path"      => "string",
     ];
+
+    const TEST_ORIGIN = 'http://localhost:1234';
 }

api/tests/api/Views/BrowseWorkingHoursMonthlyCest.php

@@ -8,13 +8,27 @@ use Helper\Api;
 
 class BrowseWorkingHoursMonthlyCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'GET');
+        $I->sendOptions('/views/working-hours/monthly');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     /**
      * @param ApiTester $I
      */
     public function browseWorkingHoursView(ApiTester $I): void
     {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendGet('/views/working-hours/monthly');
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_VIEW_JSON_FORMAT);
     }

api/tests/api/Views/BrowseWorkingHoursWeeklyCest.php

@@ -8,13 +8,27 @@ use Helper\Api;
 
 class BrowseWorkingHoursWeeklyCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'GET');
+        $I->sendOptions('/views/working-hours/weekly');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     /**
      * @param ApiTester $I
      */
     public function browseWorkingHoursView(ApiTester $I): void
     {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendGet('/views/working-hours/weekly');
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_VIEW_JSON_FORMAT);
     }

api/tests/api/Views/BrowseWorkingHoursYearlyCest.php

@@ -8,13 +8,27 @@ use Helper\Api;
 
 class BrowseWorkingHoursYearlyCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'GET');
+        $I->sendOptions('/views/working-hours/yearly');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     /**
      * @param ApiTester $I
      */
     public function browseWorkingHoursView(ApiTester $I): void
     {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendGet('/views/working-hours/yearly');
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_VIEW_JSON_FORMAT);
     }

api/tests/api/WorkingHours/BrowseWorkingHoursCest.php

@@ -3,19 +3,87 @@
 namespace TorstenHettstedt\TimekeepingApi\Tests\Api\WorkingHours;
 
 use ApiTester;
+use Codeception\Example;
 use Codeception\Util\HttpCode;
 use Helper\Api;
 
 class BrowseWorkingHoursCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'GET');
+        $I->sendOptions('/working-hours');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     /**
      * @param ApiTester $I
+     *
+     * @dataProvider validWorkingHoursFilterProvider
      */
-    public function browseWorkingHours(ApiTester $I): void
+    public function browseEmptyWorkingHours(ApiTester $I): void
     {
-        $I->sendGet('/working-hours');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->sendGet('/working-hours', ['start-date' => '2020-04-01', 'end-date' => '2020-04-30']);
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeResponseIsJson();
+        $I->seeResponseEquals('[]');
+    }
+
+    public function validWorkingHoursFilterProvider(): array
+    {
+        return [
+            [[null]],
+            [['start-date' => '2020-01-01', 'end-date' => '2020-01-08']],
+            [['start-date' => '2020-01-01', 'end-date' => '2020-04-30']],
+            [['start-date' => '2020-03-01', 'end-date' => '2020-03-07']],
+        ];
+    }
+
+    /**
+     * @param ApiTester $I
+     * @param Example   $example
+     *                          
+     * @dataProvider validWorkingHoursFilterProvider
+     */
+    public function browseWorkingHours(ApiTester $I, Example $example): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->sendGet('/working-hours', $example[0]);
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_JSON_FORMAT);
     }
+
+    public function invalidWorkingHoursFilterProvider(): array
+    {
+        return [
+            ['2020-11-31'],
+            ['2020-11'],
+            ['2020'],
+        ];
+    }
+
+    /**
+     * @param ApiTester $I
+     * @param Example   $example
+     *
+     * @dataProvider invalidWorkingHoursFilterProvider
+     */
+    public function browseWorkingHoursWithWrongFilterDate(ApiTester $I, Example $example): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->sendGet('/working-hours', ['start-date' => $example[0]]);
+        $I->seeResponseCodeIs(HttpCode::BAD_REQUEST);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeResponseIsJson();
+        $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
+    }
 }

api/tests/api/WorkingHours/CreateWorkingHoursCest.php

@@ -8,15 +8,29 @@ use Helper\Api;
 
 class CreateWorkingHoursCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'POST');
+        $I->sendOptions('/working-hours');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     public function createWorkingHoursWithNewValidRecord(ApiTester $I): void
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPost('/working-hours', [
             'workingDay'  => '2020-04-01',
             'workingTime' => '08:00:00',
         ]);
         $I->seeResponseCodeIs(HttpCode::CREATED);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_JSON_FORMAT);
     }
@@ -26,11 +40,13 @@ class CreateWorkingHoursCest
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPost('/working-hours', [
             'workingDay'  => '2020-04-01',
             'workingTime' => 8.0,
         ]);
         $I->seeResponseCodeIs(HttpCode::BAD_REQUEST);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
     }
@@ -40,11 +56,13 @@ class CreateWorkingHoursCest
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPost('/working-hours', [
             'workingDay'  => '2020-01-15',
             'workingTime' => '08:00:00',
         ]);
         $I->seeResponseCodeIs(HttpCode::CONFLICT);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
     }

api/tests/api/WorkingHours/ReadWorkingHoursCest.php

@@ -8,18 +8,34 @@ use Helper\Api;
 
 class ReadWorkingHoursCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'GET');
+        $I->sendOptions('/working-hours/2020-04-15');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     public function readExistingWorkingHours(ApiTester $I): void
     {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendGet('/working-hours/2020-01-15');
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_JSON_FORMAT);
     }
 
     public function readNotExistingWorkingHours(ApiTester $I): void
     {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendGet('/working-hours/2020-04-15');
         $I->seeResponseCodeIs(HttpCode::NOT_FOUND);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
     }

api/tests/api/WorkingHours/UpdateWorkingHoursCest.php

@@ -8,15 +8,29 @@ use Helper\Api;
 
 class UpdateWorkingHoursCest
 {
+    public static function preflight(ApiTester $I): void
+    {
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
+        $I->haveHttpHeader('Access-Control-Request-Method', 'PUT');
+        $I->sendOptions('/working-hours/2020-01-15');
+        $I->seeResponseCodeIs(HttpCode::OK);
+        $I->seeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
+        $I->seeHttpHeader('Access-Control-Allow-Methods');
+        $I->seeHttpHeader('Access-Control-Allow-Headers');
+        $I->seeHttpHeader('Access-Control-Max-Age');
+    }
+
     public function updateWorkingHoursWithExistingValidRecord(ApiTester $I): void
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPut('/working-hours/2020-01-15', [
             'workingDay'  => '2020-01-15',
             'workingTime' => '10:00:00',
         ]);
         $I->seeResponseCodeIs(HttpCode::OK);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::WORKING_HOURS_JSON_FORMAT);
     }
@@ -25,11 +39,13 @@ class UpdateWorkingHoursCest
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPut('/working-hours/2020-04-15', [
             'workingDay'  => '2020-04-15',
             'workingTime' => '10:00:00',
         ]);
         $I->seeResponseCodeIs(HttpCode::NOT_FOUND);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
     }
@@ -38,11 +54,13 @@ class UpdateWorkingHoursCest
     {
         $I->haveHttpHeader('accept', 'application/json');
         $I->haveHttpHeader('content-type', 'application/json');
+        $I->haveHttpHeader('Origin', Api::TEST_ORIGIN);
         $I->sendPut('/working-hours/2020-01-15', [
             'workingDay'  => '2020-01-15',
             'workingTime' => 8.0,
         ]);
         $I->seeResponseCodeIs(HttpCode::BAD_REQUEST);
+        $I->canSeeHttpHeader('Access-Control-Allow-Origin', Api::TEST_ORIGIN);
         $I->seeResponseIsJson();
         $I->seeResponseMatchesJsonType(Api::ERROR_JSON_FORMAT);
     }

api/tests/unit/Controller/WorkingHoursControllerTest.php

@@ -2,6 +2,7 @@
 
 namespace TorstenHettstedt\TimekeepingApi\Tests\Unit\Controller;
 
+use Codeception\Example;
 use Codeception\Test\Unit;
 use Exception;
 use PDO;
@@ -25,8 +26,8 @@ class WorkingHoursControllerTest extends Unit
     const NEW_INTERVAL      = '07:59:00';
 
     protected ContainerInterface $container;
-    protected Request $request;
+    protected Request            $request;
-    protected Response $response;
+    protected Response           $response;
 
     /**
      * @throws Exception
@@ -37,16 +38,16 @@ class WorkingHoursControllerTest extends Unit
         /** @noinspection SpellCheckingInspection */
         $this->container = $this->makeEmpty(ContainerInterface::class, [
             'has' => true,
-            'get' => new PDO('pgsql:host=psql.torsten-hettstedt.net;port=5432;dbname=testdb;user=bruce;password=mypass')
+            'get' => new PDO('pgsql:host=psql.torsten-hettstedt.net;port=5432;dbname=testdb;user=bruce;password=mypass'),
         ]);
         $this->request = $this->makeEmpty(Request::class, [
-                'getParsedBody' => [
+            'getParsedBody' => [
-                    'workingDay'  => self::EXISTING_DATE,
+                'workingDay'  => self::EXISTING_DATE,
-                    'workingTime' => self::EXISTING_INTERVAL,
+                'workingTime' => self::EXISTING_INTERVAL,
-                ]
+            ],
         ]);
         $this->response = $this->makeEmpty(Response::class, [
-            'getBody' => $this->makeEmpty(StreamInterface::class, [
+            'getBody'    => $this->makeEmpty(StreamInterface::class, [
                 'write' => function (mixed $data) {
                     $this->assertIsString($data);
                     $this->assertJson($data);
@@ -65,23 +66,202 @@ class WorkingHoursControllerTest extends Unit
     public function testConstructWithNonDatabase(): void
     {
         $this->container = $this->makeEmpty(ContainerInterface::class, [
-            'has' => false
+            'has' => false,
         ]);
         $this->expectException(NotDatabasesException::class);
         new WorkingHoursController($this->container);
     }
 
     /**
+     * @return array<int, array<int, array<string, string>>>
+     */
+    public function valideFilterDataProvider(): array
+    {
+        return [
+            [
+                [],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                    'end-date'   => '2020-03-31',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                ],
+            ],
+            [
+                [
+                    'end-date' => '2020-03-31',
+                ],
+            ],
+        ];
+    }
+
+    /**
+     * @param array<string, string> $queryParams
+     *
+     * @dataProvider valideFilterDataProvider
+     *
+     * @throws HttpInternalServerErrorException
      * @throws NotDatabasesException
      * @throws Exception
      */
-    public function testBrowse(): void
+    public function testBrowseWithValideParameter(array $queryParams): void
     {
+        $this->request = $this->makeEmpty(Request::class, [
+            'getQueryParams' => $queryParams,
+        ]);
         $controller = new WorkingHoursController($this->container);
         $response = $controller->browse($this->request, $this->response, []);
         $this->assertInstanceOf(Response::class, $response);
     }
 
+    /**
+     * @return array<int, array<int, array<string, string|null>>>
+     */
+    public function invalideFilterDataProvider(): array
+    {
+        return [
+            [
+                [
+                    'start-date' => '',
+                    'end-date'   => '',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '',
+                ],
+            ],
+            [
+                [
+                    'end-date' => '',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                    'end-date'   => '',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '',
+                    'end-date'   => '2020-03-31',
+                ],
+            ],
+            //
+            [
+                [
+                    'start-date' => '2020-03-00',
+                    'end-date'   => '2020-04-31',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-00',
+                ],
+            ],
+            [
+                [
+                    'end-date' => '2020-04-31',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                    'end-date'   => '2020-04-31',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-00',
+                    'end-date'   => '2020-03-31',
+                ],
+            ],
+            //
+            [
+                [
+                    'start-date' => '2020-03',
+                    'end-date'   => '2020-03',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03',
+                ],
+            ],
+            [
+                [
+                    'end-date' => '2020-03',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                    'end-date'   => '2020-03',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03',
+                    'end-date'   => '2020-03-31',
+                ],
+            ],
+            //
+            [
+                [
+                    'start-date' => '2020',
+                    'end-date'   => '2020',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020',
+                ],
+            ],
+            [
+                [
+                    'end-date' => '2020',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020-03-01',
+                    'end-date'   => '2020',
+                ],
+            ],
+            [
+                [
+                    'start-date' => '2020',
+                    'end-date'   => '2020-03-31',
+                ],
+            ],
+        ];
+    }
+
+    /**
+     * @param array<string, string> $queryParams
+     *
+     * @dataProvider invalideFilterDataProvider
+     *
+     * @throws HttpInternalServerErrorException
+     * @throws NotDatabasesException
+     * @throws Exception
+     */
+    public function testBrowseWithInvalideParameter(array $queryParams): void
+    {
+        $this->request = $this->makeEmpty(Request::class, [
+            'getQueryParams' => $queryParams,
+        ]);
+        $controller = new WorkingHoursController($this->container);
+        $this->expectException(HttpBadRequestException::class);
+        $controller->browse($this->request, $this->response, []);
+    }
+
     /**
      * @throws NotDatabasesException
      * @throws HttpBadRequestException
@@ -91,7 +271,7 @@ class WorkingHoursControllerTest extends Unit
     {
         $controller = new WorkingHoursController($this->container);
         $response = $controller->update($this->request, $this->response, [
-            'id' => self::EXISTING_DATE
+            'id' => self::EXISTING_DATE,
         ]);
         $this->assertInstanceOf(Response::class, $response);
     }
@@ -106,23 +286,23 @@ class WorkingHoursControllerTest extends Unit
         $controller = new WorkingHoursController($this->container);
         $this->expectException(HttpNotFoundException::class);
         $controller->update($this->request, $this->response, [
-            'id' => self::NEW_DATE
+            'id' => self::NEW_DATE,
         ]);
     }
 
     /**
      * @return string[][]
      */
-    public function invalidDataProvider(): array
+    public function invalidCreatDataProvider(): array
     {
         return [
             [
                 self::NEW_DATE,
-                '07:59'
+                '07:59',
             ],
             [
                 '2020-13-33',
-                self::NEW_INTERVAL
+                self::NEW_INTERVAL,
             ],
         ];
     }
@@ -131,7 +311,7 @@ class WorkingHoursControllerTest extends Unit
      * @param string $date
      * @param string $time
      *
-     * @dataProvider invalidDataProvider
+     * @dataProvider invalidCreatDataProvider
      *
      * @throws HttpBadRequestException
      * @throws HttpConflictRequestException
@@ -145,7 +325,7 @@ class WorkingHoursControllerTest extends Unit
             'getParsedBody' => [
                 'workingDay'  => $date,
                 'workingTime' => $time,
-            ]
+            ],
         ]);
         $controller = new WorkingHoursController($this->container);
         $this->expectException(HttpBadRequestException::class);
@@ -165,7 +345,7 @@ class WorkingHoursControllerTest extends Unit
             'getParsedBody' => [
                 'workingDay'  => self::NEW_DATE,
                 'workingTime' => self::NEW_INTERVAL,
-            ]
+            ],
         ]);
         $controller = new WorkingHoursController($this->container);
         $response = $controller->creat($this->request, $this->response, []);
@@ -185,7 +365,7 @@ class WorkingHoursControllerTest extends Unit
             'getParsedBody' => [
                 'workingDay'  => self::EXISTING_DATE,
                 'workingTime' => self::EXISTING_INTERVAL,
-            ]
+            ],
         ]);
         $controller = new WorkingHoursController($this->container);
         $this->expectException(HttpConflictRequestException::class);
@@ -201,7 +381,7 @@ class WorkingHoursControllerTest extends Unit
     {
         $controller = new WorkingHoursController($this->container);
         $response = $controller->read($this->request, $this->response, [
-            'id' => self::EXISTING_DATE
+            'id' => self::EXISTING_DATE,
         ]);
         $this->assertInstanceOf(Response::class, $response);
     }
@@ -216,7 +396,7 @@ class WorkingHoursControllerTest extends Unit
         $controller = new WorkingHoursController($this->container);
         $this->expectException(HttpNotFoundException::class);
         $controller->read($this->request, $this->response, [
-            'id' => self::NEW_DATE
+            'id' => self::NEW_DATE,
         ]);
     }
 }

api/tests/unit/Middleware/ErrorHandlerTest.php

@@ -12,6 +12,9 @@ use Psr\Http\Message\StreamInterface;
 use Psr\Log\LoggerInterface;
 use Slim\App;
 use Slim\Exception\HttpException;
+use Slim\Interfaces\RouteParserInterface;
+use Slim\Routing\RouteContext;
+use Slim\Routing\RoutingResults;
 use TorstenHettstedt\TimekeepingApi\Middleware\ErrorHandler;
 
 class ErrorHandlerTest extends Unit
@@ -40,7 +43,19 @@ class ErrorHandlerTest extends Unit
                 ]),
             ]),
         ]);
-        $this->request = $this->makeEmpty(ServerRequestInterface::class);
+        $this->request = $this->makeEmpty(ServerRequestInterface::class, [
+            'getAttribute' => function ($name) {
+                /** @noinspection PhpSwitchCanBeReplacedWithMatchExpressionInspection */
+                switch ($name) {
+                    case RouteContext::ROUTE_PARSER:
+                        return $this->makeEmpty(RouteParserInterface::class);
+                    case RouteContext::ROUTING_RESULTS:
+                        return $this->makeEmpty(RoutingResults::class);
+                    default:
+                        return null;
+                }
+            },
+        ]);
     }
 
     /**
@@ -67,10 +82,10 @@ class ErrorHandlerTest extends Unit
     public function testUseWithHttpException(): void
     {
         $this->exception = $this->make(HttpException::class, [
-            'message' => '',
+            'message'  => '',
-            'code'    => 400,
+            'code'     => 400,
-            'file'    => '/path(to/file',
+            'file'     => '/path(to/file',
-            'getTitle'   => Expected::once('The Title'),
+            'getTitle' => Expected::once('The Title'),
         ]);
         $this->logger = $this->makeEmpty(LoggerInterface::class, []);
 

api/tests/unit/Models/WorkingHoursViewTest.php

@@ -17,13 +17,15 @@ class WorkingHoursViewTest extends Unit
      */
     public function workingHoursProvider(): array
     {
+        $date = new DateTime('2020-11-30');
+        $work_days = 15;
+        $total_hours = new DateInterval("PT32H22M");
+        $overtime = new DateInterval("PT22M");
+        $absence_time = clone $overtime;
+        $absence_time->invert = 1;
         return [
             [
-                new DateTime('2020-11-30'),
+                $date, PeriodDesignationEnum::WEEKLY(), $work_days, $total_hours, $overtime,
-                PeriodDesignationEnum::WEEKLY(),
-                15,
-                new DateInterval("PT32H22M"),
-                new DateInterval("PT22M"),
                 [
                     'period'            => '2020#49',
                     'periodDesignation' => 'weekly',
@@ -33,11 +35,17 @@ class WorkingHoursViewTest extends Unit
                 ],
             ],
             [
-                new DateTime('2020-11-30'),
+                $date, PeriodDesignationEnum::WEEKLY(), $work_days, $total_hours, $absence_time,
-                PeriodDesignationEnum::MONTHLY(),
+                [
-                15,
+                    'period'            => '2020#49',
-                new DateInterval("PT32H22M"),
+                    'periodDesignation' => 'weekly',
-                new DateInterval("PT22M"),
+                    'workingDays'       => 15,
+                    'totalHours'        => '32:22:00',
+                    'overtime'          => '-00:22:00'
+                ],
+            ],
+            [
+                $date, PeriodDesignationEnum::MONTHLY(), $work_days, $total_hours, $overtime,
                 [
                     'period'            => '2020-11',
                     'periodDesignation' => 'monthly',
@@ -47,12 +55,17 @@ class WorkingHoursViewTest extends Unit
                 ],
             ],
             [
-                new DateTime('2020-11-30'),
+                $date, PeriodDesignationEnum::MONTHLY(), $work_days, $total_hours, $absence_time,
-                PeriodDesignationEnum::YEARLY(),
-                15,
-                new DateInterval("PT32H22M"),
-                new DateInterval("PT22M"),
                 [
+                    'period'            => '2020-11',
+                    'periodDesignation' => 'monthly',
+                    'workingDays'       => 15,
+                    'totalHours'        => '32:22:00',
+                    'overtime'          => '-00:22:00'
+                ],
+            ],
+            [
+                $date, PeriodDesignationEnum::YEARLY(), $work_days, $total_hours, $overtime, [
                     'period'            => '2020',
                     'periodDesignation' => 'yearly',
                     'workingDays'       => 15,
@@ -60,6 +73,15 @@ class WorkingHoursViewTest extends Unit
                     'overtime'          => '00:22:00'
                 ],
             ],
+            [
+                $date, PeriodDesignationEnum::YEARLY(), $work_days, $total_hours, $absence_time, [
+                    'period'            => '2020',
+                    'periodDesignation' => 'yearly',
+                    'workingDays'       => 15,
+                    'totalHours'        => '32:22:00',
+                    'overtime'          => '-00:22:00'
+                ],
+            ],
         ];
     }
 

api/tests/unit/Repositories/WorkingHoursRepositoryTest.php

@@ -2,6 +2,7 @@
 
 namespace TorstenHettstedt\TimekeepingApi\Tests\Unit\Repositories;
 
+use Codeception\Example;
 use Codeception\Test\Unit;
 use DateInterval;
 use DateTime;
@@ -10,6 +11,7 @@ use InvalidArgumentException;
 use PDO;
 use TorstenHettstedt\TimekeepingApi\Models\ModelInterface;
 use TorstenHettstedt\TimekeepingApi\Models\WorkingHours;
+use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryBadWhereDataException;
 use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryRecordAlreadyExistException;
 use TorstenHettstedt\TimekeepingApi\Repositories\RepositoryRecordNotFoundException;
 use TorstenHettstedt\TimekeepingApi\Repositories\WorkingHoursRepository;
@@ -22,7 +24,7 @@ class WorkingHoursRepositoryTest extends Unit
     const NEW_INTERVAL      = 'PT7H59M';
     const RECORDS_COUNT     = 61;
 
-    protected PDO          $pdoObject;
+    protected PDO $pdoObject;
 
     protected function _before(): void
     {
@@ -34,7 +36,7 @@ class WorkingHoursRepositoryTest extends Unit
     /**
      * @throws Exception
      */
-    public function testFindAll(): void
+    public function testFindAllWithBlankParameter(): void
     {
         $repository = new WorkingHoursRepository($this->pdoObject);
         $models = $repository->findAll();
@@ -43,6 +45,81 @@ class WorkingHoursRepositoryTest extends Unit
         $this->assertCount(self::RECORDS_COUNT, $models);
     }
 
+    /**
+     * @return array<int, array<int|string|null>>
+     */
+    public function valideFilterParameter(): array
+    {
+        return [
+            [null,         null,         61,],
+            ['2020-04-01', null,          0,],
+            ['2020-04-01', '2020-04-30',  0,],
+            [null,         '2020-04-30', 61,],
+            ['2020-03-01', null,         22,],
+            ['2020-03-01', '2020-03-31', 22,],
+            ['2020-03-01', '2020-03-07',  5,],
+        ];
+    }
+
+    /**
+     * @param string|null $start
+     * @param string|null $ende
+     * @param int         $count
+     *
+     * @dataProvider valideFilterParameter
+     *
+     * @throws Exception
+     */
+    public function testFindAllWithValideParameter(?string $start, ?string $ende, int $count): void
+    {
+        $repository = new WorkingHoursRepository($this->pdoObject);
+        $models = $repository->findFiltered($start, $ende);
+        $this->assertIsArray($models);
+        $this->assertContainsOnly(WorkingHours::class, $models);
+        $this->assertCount($count, $models);
+    }
+
+    /**
+     * @return array<int, array<int|string|null>>
+     */
+    public function invalideFilterParameter(): array
+    {
+        return [
+            ['2020-04-31',null],
+            [null,        '2020-04-31'],
+            ['2020-04-00','2020-04-31'],
+            ['2020-04-01','2020-04-31'],
+            ['2020-04-00','2020-04-30'],
+            //
+            ['2020-04',   null],
+            [null,        '2020-04'],
+            ['2020-04',   '2020-04'],
+            ['2020-04-01','2020-04'],
+            ['2020-04',   '2020-04-30'],
+            //
+            ['2020',      null],
+            [null,        '2020'],
+            ['2020',      '2020'],
+            ['2020-04-01','2020'],
+            ['2020',      '2020-04-30'],
+        ];
+    }
+
+    /**
+     * @param string|null $start
+     * @param string|null $ende
+     *
+     * @dataProvider invalideFilterParameter
+     *
+     * @throws Exception
+     */
+    public function testFindAllWithInvalideParameter(?string $start, ?string $ende): void
+    {
+        $repository = new WorkingHoursRepository($this->pdoObject);
+        $this->expectException(RepositoryBadWhereDataException::class);
+        $repository->findFiltered($start, $ende);
+    }
+
     /**
      * @throws RepositoryRecordNotFoundException
      */

compose.yml

@@ -23,4 +23,10 @@ services:
       - 8091:80
     volumes:
       - ./api:/var/www
-      - logs:/var/www/logs
+      - logs:/var/www/logs
+  ui:
+      build: ./ui/
+      ports:
+          - 80:80
+      depends_on:
+          - api

deploy.sh

@@ -0,0 +1,47 @@
+#!/usr/bin/env bash
+
+create_css_files() {
+    cd ui/public || exit 2
+    lessc --source-map less/print.less print.css
+    lessc --source-map less/global.less global.css
+    cd ../..
+}
+
+
+install_ui_dependence() {
+    cd ui/ || exit 2
+    npm install
+    cd ..
+}
+
+
+install_api_dependence() {
+    cd api/ || exit 2
+    composer install
+    cd ..
+}
+
+build_ui() {
+    cd ui/ || exit 2
+    npm run build
+    cd ..
+}
+
+test_unit() {
+    pwd
+    cd api/ || exit 2
+    ./vendor/bin/codecept run unit
+    cd ..
+}
+
+test_api() {
+    cd api/ || exit 2
+    ./vendor/bin/codecept run api
+    cd ..
+}
+
+composer_run() {
+    docker-compose up -d
+}
+
+create_css_files && install_ui_dependence && install_api_dependence && build_ui && test_unit && composer_run && test_api

resources/salt/add-update-record.puml

@@ -0,0 +1,12 @@
+@startuml
+'https://plantuml.com/salt
+
+salt
+{
+    {/ <b>Täglich | Wöchentlich }
+    Datum   |"0000-00-00 <&calendar>"
+    Uhrzeit | "00:00:00 <&clock>"
+    [Übernehmen und weiter <&plus>]
+    [Abbrechen <&action-undo>]
+}
+@enduml

resources/salt/add-update-records-for-week.puml

@@ -0,0 +1,22 @@
+@startuml
+'https://plantuml.com/salt
+
+salt
+{
+    {/ Täglich | <b>Wöchentlich }
+    Woche vom
+    "0000-00-00 <&calendar>"
+    [<&chevron-left> Woche zurück] | [Woche vor <&chevron-right>]
+    {!
+                   Montag     |            "00:00:00 <&clock>"
+                   Dienstag   |            "00:00:00 <&clock>"
+                   Mittwoch   |            "00:00:00 <&clock>"
+                   Donnerstag |            "00:00:00 <&clock>"
+                   Freitag    |            "00:00:00 <&clock>"
+        <color:red>Samstag    | "<color:red>00:00:00 <&clock>"
+        <color:red>Sontag     | "<color:red>00:00:00 <&clock>"
+    }
+    [Übernehmen und weiter <&plus>]
+    [Abbrechen <&action-undo>]
+}
+@enduml

resources/sql/reset_test_Arbeitszeiten.sql

@@ -0,0 +1,442 @@
+truncate table public."Arbeitszeiten";
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-09', '0 years 0 mons 0 days 8 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-10', '0 years 0 mons 0 days 8 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-11', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-14', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-15', '0 years 0 mons 0 days 9 hours 11 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-16', '0 years 0 mons 0 days 8 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-17', '0 years 0 mons 0 days 9 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-18', '0 years 0 mons 0 days 7 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-21', '0 years 0 mons 0 days 8 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-22', '0 years 0 mons 0 days 8 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-23', '0 years 0 mons 0 days 9 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-24', '0 years 0 mons 0 days 7 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-25', '0 years 0 mons 0 days 7 hours 22 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-04', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-05', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-06', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-07', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-08', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-11', '0 years 0 mons 0 days 6 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-12', '0 years 0 mons 0 days 8 hours 48 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-13', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-14', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-15', '0 years 0 mons 0 days 7 hours 57 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-18', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-19', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-21', '0 years 0 mons 0 days 15 hours 18 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-22', '0 years 0 mons 0 days 4 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-25', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-26', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-02-27', '0 years 0 mons 0 days 7 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-01-28', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-01', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-04', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-05', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-06', '0 years 0 mons 0 days 8 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-07', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-08', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-11', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-12', '0 years 0 mons 0 days 7 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-13', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-14', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-15', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-18', '0 years 0 mons 0 days 7 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-19', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-20', '0 years 0 mons 0 days 8 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-21', '0 years 0 mons 0 days 8 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-22', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-25', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-26', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-27', '0 years 0 mons 0 days 8 hours 28 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-28', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-03-29', '0 years 0 mons 0 days 6 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-01', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-02', '0 years 0 mons 0 days 8 hours 36 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-03', '0 years 0 mons 0 days 7 hours 57 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-04', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-05', '0 years 0 mons 0 days 8 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-08', '0 years 0 mons 0 days 7 hours 52 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-09', '0 years 0 mons 0 days 8 hours 36 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-10', '0 years 0 mons 0 days 8 hours 36 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-11', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-12', '0 years 0 mons 0 days 7 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-15', '0 years 0 mons 0 days 10 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-16', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-17', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-18', '0 years 0 mons 0 days 5 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-23', '0 years 0 mons 0 days 7 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-24', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-25', '0 years 0 mons 0 days 8 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-04-26', '0 years 0 mons 0 days 8 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-06', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-07', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-08', '0 years 0 mons 0 days 10 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-09', '0 years 0 mons 0 days 7 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-10', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-13', '0 years 0 mons 0 days 8 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-14', '0 years 0 mons 0 days 8 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-15', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-16', '0 years 0 mons 0 days 7 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-17', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-20', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-21', '0 years 0 mons 0 days 9 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-22', '0 years 0 mons 0 days 8 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-23', '0 years 0 mons 0 days 7 hours 41 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-24', '0 years 0 mons 0 days 7 hours 36 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-27', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-28', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-05-29', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-03', '0 years 0 mons 0 days 8 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-04', '0 years 0 mons 0 days 8 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-05', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-06', '0 years 0 mons 0 days 7 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-07', '0 years 0 mons 0 days 7 hours 35 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-11', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-12', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-13', '0 years 0 mons 0 days 8 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-14', '0 years 0 mons 0 days 4 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-17', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-18', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-19', '0 years 0 mons 0 days 8 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-20', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-21', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-24', '0 years 0 mons 0 days 8 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-25', '0 years 0 mons 0 days 8 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-26', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-27', '0 years 0 mons 0 days 6 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-06-28', '0 years 0 mons 0 days 7 hours 18 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-01', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-02', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-03', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-04', '0 years 0 mons 0 days 7 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-05', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-08', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-09', '0 years 0 mons 0 days 8 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-10', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-11', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-12', '0 years 0 mons 0 days 7 hours 15 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-15', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-16', '0 years 0 mons 0 days 8 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-17', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-18', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-19', '0 years 0 mons 0 days 7 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-22', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-23', '0 years 0 mons 0 days 8 hours 11 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-24', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-25', '0 years 0 mons 0 days 8 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-26', '0 years 0 mons 0 days 8 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-29', '0 years 0 mons 0 days 8 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-30', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-07-31', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-01', '0 years 0 mons 0 days 9 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-02', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-19', '0 years 0 mons 0 days 7 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-20', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-21', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-22', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-23', '0 years 0 mons 0 days 7 hours 18 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-26', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-27', '0 years 0 mons 0 days 8 hours 15 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-28', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-29', '0 years 0 mons 0 days 7 hours 52 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-08-30', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-02', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-03', '0 years 0 mons 0 days 8 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-04', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-05', '0 years 0 mons 0 days 8 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-06', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-09', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-10', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-11', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-12', '0 years 0 mons 0 days 8 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-13', '0 years 0 mons 0 days 8 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-16', '0 years 0 mons 0 days 8 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-17', '0 years 0 mons 0 days 7 hours 48 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-18', '0 years 0 mons 0 days 6 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-19', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-20', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-23', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-24', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-25', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-26', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-27', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-09-30', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-01', '0 years 0 mons 0 days 8 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-02', '0 years 0 mons 0 days 7 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-07', '0 years 0 mons 0 days 7 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-08', '0 years 0 mons 0 days 7 hours 52 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-09', '0 years 0 mons 0 days 8 hours 40 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-10', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-14', '0 years 0 mons 0 days 7 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-15', '0 years 0 mons 0 days 7 hours 45 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-21', '0 years 0 mons 0 days 7 hours 57 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-22', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-23', '0 years 0 mons 0 days 8 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-24', '0 years 0 mons 0 days 7 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-25', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-28', '0 years 0 mons 0 days 7 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-29', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-10-30', '0 years 0 mons 0 days 7 hours 29 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-01', '0 years 0 mons 0 days 8 hours 48 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-04', '0 years 0 mons 0 days 7 hours 52 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-05', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-06', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-07', '0 years 0 mons 0 days 7 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-08', '0 years 0 mons 0 days 8 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-11', '0 years 0 mons 0 days 7 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-12', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-13', '0 years 0 mons 0 days 7 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-14', '0 years 0 mons 0 days 7 hours 40 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-15', '0 years 0 mons 0 days 7 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-18', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-19', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-20', '0 years 0 mons 0 days 7 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-21', '0 years 0 mons 0 days 7 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-22', '0 years 0 mons 0 days 7 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-25', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-26', '0 years 0 mons 0 days 7 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-27', '0 years 0 mons 0 days 8 hours 29 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-28', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-11-29', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-02', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-03', '0 years 0 mons 0 days 7 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-04', '0 years 0 mons 0 days 8 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-05', '0 years 0 mons 0 days 5 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-06', '0 years 0 mons 0 days 7 hours 35 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-09', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-10', '0 years 0 mons 0 days 8 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-11', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-12', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-13', '0 years 0 mons 0 days 6 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-16', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-17', '0 years 0 mons 0 days 8 hours 33 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-18', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-19', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2019-12-20', '0 years 0 mons 0 days 6 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-07', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-08', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-09', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-10', '0 years 0 mons 0 days 7 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-13', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-14', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-15', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-16', '0 years 0 mons 0 days 7 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-17', '0 years 0 mons 0 days 7 hours 57 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-20', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-21', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-22', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-23', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-24', '0 years 0 mons 0 days 7 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-27', '0 years 0 mons 0 days 8 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-28', '0 years 0 mons 0 days 7 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-29', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-30', '0 years 0 mons 0 days 8 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-01-31', '0 years 0 mons 0 days 7 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-03', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-04', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-05', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-06', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-07', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-10', '0 years 0 mons 0 days 7 hours 50 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-11', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-12', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-13', '0 years 0 mons 0 days 8 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-14', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-17', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-18', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-19', '0 years 0 mons 0 days 7 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-20', '0 years 0 mons 0 days 7 hours 33 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-21', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-24', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-25', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-26', '0 years 0 mons 0 days 8 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-27', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-02-28', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-02', '0 years 0 mons 0 days 8 hours 22 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-03', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-04', '0 years 0 mons 0 days 8 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-05', '0 years 0 mons 0 days 8 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-06', '0 years 0 mons 0 days 4 hours 41 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-09', '0 years 0 mons 0 days 7 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-10', '0 years 0 mons 0 days 7 hours 34 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-11', '0 years 0 mons 0 days 7 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-12', '0 years 0 mons 0 days 7 hours 50 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-13', '0 years 0 mons 0 days 8 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-16', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-17', '0 years 0 mons 0 days 7 hours 50 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-18', '0 years 0 mons 0 days 7 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-19', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-20', '0 years 0 mons 0 days 5 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-23', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-24', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-25', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-26', '0 years 0 mons 0 days 10 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-27', '0 years 0 mons 0 days 4 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-30', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-03-31', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-01', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-02', '0 years 0 mons 0 days 8 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-03', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-06', '0 years 0 mons 0 days 7 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-07', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-08', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-14', '0 years 0 mons 0 days 7 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-15', '0 years 0 mons 0 days 7 hours 56 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-16', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-17', '0 years 0 mons 0 days 7 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-20', '0 years 0 mons 0 days 8 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-21', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-22', '0 years 0 mons 0 days 8 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-23', '0 years 0 mons 0 days 8 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-24', '0 years 0 mons 0 days 8 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-27', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-28', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-29', '0 years 0 mons 0 days 8 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-04-30', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-04', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-05', '0 years 0 mons 0 days 6 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-06', '0 years 0 mons 0 days 9 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-07', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-08', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-11', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-12', '0 years 0 mons 0 days 8 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-13', '0 years 0 mons 0 days 8 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-14', '0 years 0 mons 0 days 8 hours 39 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-15', '0 years 0 mons 0 days 6 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-18', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-19', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-20', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-25', '0 years 0 mons 0 days 7 hours 41 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-26', '0 years 0 mons 0 days 8 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-27', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-28', '0 years 0 mons 0 days 8 hours 24 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-26', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-05-29', '0 years 0 mons 0 days 8 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-02', '0 years 0 mons 0 days 7 hours 50 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-03', '0 years 0 mons 0 days 6 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-04', '0 years 0 mons 0 days 8 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-05', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-08', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-09', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-10', '0 years 0 mons 0 days 7 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-11', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-15', '0 years 0 mons 0 days 7 hours 45 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-16', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-17', '0 years 0 mons 0 days 8 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-18', '0 years 0 mons 0 days 8 hours 23 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-19', '0 years 0 mons 0 days 8 hours 18 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-22', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-23', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-24', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-25', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-26', '0 years 0 mons 0 days 9 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-29', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-06-30', '0 years 0 mons 0 days 8 hours 18 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-01', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-02', '0 years 0 mons 0 days 7 hours 41 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-07', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-08', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-09', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-10', '0 years 0 mons 0 days 6 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-03', '0 years 0 mons 0 days 7 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-06', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-13', '0 years 0 mons 0 days 7 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-14', '0 years 0 mons 0 days 7 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-15', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-16', '0 years 0 mons 0 days 7 hours 57 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-07-17', '0 years 0 mons 0 days 8 hours 10 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-10', '0 years 0 mons 0 days 7 hours 50 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-11', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-12', '0 years 0 mons 0 days 7 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-13', '0 years 0 mons 0 days 7 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-14', '0 years 0 mons 0 days 8 hours 29 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-17', '0 years 0 mons 0 days 8 hours 46 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-18', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-19', '0 years 0 mons 0 days 8 hours 9 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-20', '0 years 0 mons 0 days 8 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-21', '0 years 0 mons 0 days 7 hours 26 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-24', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-25', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-26', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-27', '0 years 0 mons 0 days 7 hours 31 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-28', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-08-31', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-01', '0 years 0 mons 0 days 8 hours 12 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-02', '0 years 0 mons 0 days 7 hours 45 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-03', '0 years 0 mons 0 days 8 hours 37 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-04', '0 years 0 mons 0 days 7 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-07', '0 years 0 mons 0 days 7 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-08', '0 years 0 mons 0 days 8 hours 1 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-09', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-10', '0 years 0 mons 0 days 6 hours 42 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-11', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-14', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-15', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-16', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-17', '0 years 0 mons 0 days 7 hours 33 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-18', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-21', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-22', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-23', '0 years 0 mons 0 days 8 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-24', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-25', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-28', '0 years 0 mons 0 days 7 hours 49 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-29', '0 years 0 mons 0 days 7 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-09-30', '0 years 0 mons 0 days 8 hours 15 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-01', '0 years 0 mons 0 days 7 hours 27 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-02', '0 years 0 mons 0 days 7 hours 22 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-05', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-06', '0 years 0 mons 0 days 8 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-07', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-08', '0 years 0 mons 0 days 7 hours 29 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-09', '0 years 0 mons 0 days 9 hours 0 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-12', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-13', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-14', '0 years 0 mons 0 days 8 hours 13 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-15', '0 years 0 mons 0 days 7 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-16', '0 years 0 mons 0 days 8 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-19', '0 years 0 mons 0 days 8 hours 16 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-20', '0 years 0 mons 0 days 7 hours 58 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-21', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-22', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-23', '0 years 0 mons 0 days 7 hours 38 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-27', '0 years 0 mons 0 days 9 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-28', '0 years 0 mons 0 days 7 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-29', '0 years 0 mons 0 days 7 hours 51 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-10-30', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-02', '0 years 0 mons 0 days 8 hours 11 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-04', '0 years 0 mons 0 days 8 hours 5 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-05', '0 years 0 mons 0 days 7 hours 44 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-06', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-09', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-11', '0 years 0 mons 0 days 8 hours 28 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-12', '0 years 0 mons 0 days 7 hours 21 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-13', '0 years 0 mons 0 days 9 hours 2 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-16', '0 years 0 mons 0 days 7 hours 59 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-17', '0 years 0 mons 0 days 8 hours 32 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-18', '0 years 0 mons 0 days 8 hours 8 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-19', '0 years 0 mons 0 days 8 hours 25 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-20', '0 years 0 mons 0 days 8 hours 6 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-03', '0 years 0 mons 0 days 8 hours 14 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-10', '0 years 0 mons 0 days 8 hours 3 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-23', '0 years 0 mons 0 days 8 hours 17 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-24', '0 years 0 mons 0 days 7 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-25', '0 years 0 mons 0 days 7 hours 52 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-26', '0 years 0 mons 0 days 7 hours 53 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-27', '0 years 0 mons 0 days 8 hours 20 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-11-30', '0 years 0 mons 0 days 8 hours 43 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-01', '0 years 0 mons 0 days 8 hours 33 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-02', '0 years 0 mons 0 days 6 hours 19 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-03', '0 years 0 mons 0 days 7 hours 48 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-04', '0 years 0 mons 0 days 8 hours 29 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-07', '0 years 0 mons 0 days 8 hours 7 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-09', '0 years 0 mons 0 days 7 hours 55 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-10', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-11', '0 years 0 mons 0 days 7 hours 30 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-08', '0 years 0 mons 0 days 8 hours 22 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-14', '0 years 0 mons 0 days 7 hours 54 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-15', '0 years 0 mons 0 days 8 hours 4 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-16', '0 years 0 mons 0 days 7 hours 36 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-17', '0 years 0 mons 0 days 7 hours 47 mins 0.00 secs');
+INSERT INTO public."Arbeitszeiten" ("Datum", "Arbeitszeit") VALUES ('2020-12-18', '0 years 0 mons 0 days 7 hours 33 mins 0.00 secs');

resources/test-data/report-1672928012.CSV

@@ -0,0 +1,62 @@
+Aktivität;Dauer;Von;Bis;Kommentar
+Arbeit;04:19;2021-07-30 13:01;2021-07-30 17:20;
+Mittagspause ;00:45;2021-07-30 12:16;2021-07-30 13:01;
+Arbeit;04:22;2021-07-30 07:54;2021-07-30 12:16;
+Arbeit;03:25;2021-07-29 13:25;2021-07-29 16:50;
+Mittagspause ;01:01;2021-07-29 12:23;2021-07-29 13:25;
+Arbeit;04:44;2021-07-29 07:39;2021-07-29 12:23;
+Arbeit;04:47;2021-07-28 12:49;2021-07-28 17:37;
+Mittagspause ;00:58;2021-07-28 11:51;2021-07-28 12:49;
+Arbeit;03:48;2021-07-28 08:02;2021-07-28 11:51;
+Arbeit;03:49;2021-07-27 12:34;2021-07-27 16:24;
+Mittagspause ;00:47;2021-07-27 11:47;2021-07-27 12:34;
+Arbeit;03:20;2021-07-27 08:27;2021-07-27 11:47;
+Arbeit;04:47;2021-07-26 12:59;2021-07-26 17:47;
+Mittagspause ;00:52;2021-07-26 12:07;2021-07-26 12:59;
+Arbeit;03:59;2021-07-26 08:08;2021-07-26 12:07;
+Arbeit;05:53;2021-07-23 12:43;2021-07-23 18:37;
+Mittagspause ;00:36;2021-07-23 12:07;2021-07-23 12:43;
+Arbeit;04:10;2021-07-23 07:57;2021-07-23 12:07;
+Arbeit;04:09;2021-07-22 12:54;2021-07-22 17:04;
+Mittagspause ;00:42;2021-07-22 12:11;2021-07-22 12:54;
+Arbeit;04:16;2021-07-22 07:55;2021-07-22 12:11;
+Arbeit;03:11;2021-07-21 13:37;2021-07-21 16:48;
+Mittagspause ;01:07;2021-07-21 12:29;2021-07-21 13:37;
+Arbeit;04:58;2021-07-21 07:31;2021-07-21 12:29;
+Arbeit;01:17;2021-07-20 18:44;2021-07-20 20:02;
+Arbeit;03:50;2021-07-20 13:14;2021-07-20 17:04;
+Mittagspause ;00:41;2021-07-20 12:32;2021-07-20 13:14;
+Arbeit;04:55;2021-07-20 07:37;2021-07-20 12:32;
+Arbeit;03:19;2021-07-19 13:12;2021-07-19 16:31;
+Mittagspause ;00:52;2021-07-19 12:20;2021-07-19 13:12;
+Arbeit;04:28;2021-07-19 07:51;2021-07-19 12:20;
+Arbeit;02:48;2021-07-16 12:55;2021-07-16 15:43;
+Mittagspause ;00:47;2021-07-16 12:07;2021-07-16 12:55;
+Arbeit;04:01;2021-07-16 08:06;2021-07-16 12:07;
+Arbeit;03:38;2021-07-15 13:05;2021-07-15 16:43;
+Mittagspause ;01:05;2021-07-15 11:59;2021-07-15 13:05;
+Arbeit;03:56;2021-07-15 08:02;2021-07-15 11:59;
+Arbeit;03:38;2021-07-14 13:07;2021-07-14 16:45;
+Mittagspause ;01:00;2021-07-14 12:07;2021-07-14 13:07;
+Arbeit;04:00;2021-07-14 08:06;2021-07-14 12:07;
+Arbeit;04:22;2021-07-13 12:53;2021-07-13 17:15;
+Mittagspause ;01:03;2021-07-13 11:50;2021-07-13 12:53;
+Arbeit;03:47;2021-07-13 08:02;2021-07-13 11:50;
+Arbeit;03:26;2021-07-12 13:02;2021-07-12 16:28;
+Mittagspause ;01:03;2021-07-12 11:58;2021-07-12 13:02;
+Arbeit;04:14;2021-07-12 07:44;2021-07-12 11:58;
+Arbeit;03:57;2021-07-09 13:09;2021-07-09 17:06;
+Mittagspause ;01:06;2021-07-09 12:02;2021-07-09 13:09;
+Arbeit;03:57;2021-07-09 08:04;2021-07-09 12:02;
+Arbeit;03:17;2021-07-08 13:12;2021-07-08 16:29;
+Mittagspause ;01:07;2021-07-08 12:04;2021-07-08 13:12;
+Arbeit;04:00;2021-07-08 08:03;2021-07-08 12:04;
+Arbeit;03:41;2021-07-07 13:08;2021-07-07 16:49;
+Mittagspause ;01:00;2021-07-07 12:07;2021-07-07 13:08;
+Arbeit;04:05;2021-07-07 08:02;2021-07-07 12:07;
+Arbeit;02:50;2021-07-06 13:05;2021-07-06 15:55;
+Mittagspause ;01:05;2021-07-06 11:59;2021-07-06 13:05;
+Arbeit;03:49;2021-07-06 08:10;2021-07-06 11:59;
+Arbeit;03:32;2021-07-05 13:00;2021-07-05 16:33;
+Mittagspause ;00:59;2021-07-05 12:00;2021-07-05 13:00;
+Arbeit;03:48;2021-07-05 08:12;2021-07-05 12:00;

resources/uml/Speichere-mehere-Daten.puml

@@ -0,0 +1,15 @@
+@startuml
+'https://plantuml.com/activity-diagram-beta
+|UI|
+:Bestimme //Startdatum//;
+:Bestimme //Enddatum//;
+:Erstelle //Liste der Wochentage//;
+|REST|
+start
+:Rufe API auf;
+|UI|
+:Zeige //Liste der Wochentage// an;
+:Verarbeite Informationen der Rest-API;
+stop
+
+@enduml

ui/.env.example

@@ -0,0 +1,2 @@
+# Url ohne abschlißenden Slash
+API_URL= http://localhost:8080

ui/.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+node_modules
+package-lock.json
+yarn.lock
+public
+/.env

ui/Dockerfile

@@ -0,0 +1,3 @@
+FROM httpd:2.4
+
+COPY ./public/ /usr/local/apache2/htdocs/

ui/package.json

@@ -0,0 +1,31 @@
+{
+  "private": true,
+  "name": "svelte-demo",
+  "scripts": {
+    "build": "rollup -c",
+    "autobuild": "rollup -c -w",
+    "dev": "run-p start:dev autobuild",
+    "start": "sirv public --single",
+    "start:dev": "sirv public --dev --single"
+  },
+  "dependencies": {
+    "ganalytics": "^3.1.2",
+    "navaid": "^1.0.2",
+    "open-iconic": "^1.1.1"
+  },
+  "devDependencies": {
+    "@iconify-icons/oi": "^1.1.0",
+    "@iconify/svelte": "^1.0.4",
+    "@rollup/plugin-commonjs": "^15.0.0",
+    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@rollup/plugin-replace": "^2.3.0",
+    "dotenv": "^8.2.0",
+    "npm-run-all": "^4.1.3",
+    "rollup": "^2.30.0",
+    "rollup-plugin-svelte": "^6.0.0",
+    "rollup-plugin-terser": "^7.0.0",
+    "sirv-cli": "^1.0.8",
+    "svelte": "^3.4.4",
+    "svelte-paginate": "^0.1.0"
+  }
+}

ui/public/index.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<!--suppress HtmlUnknownTarget -->
+<!--suppress JSUnresolvedLibraryURL -->
+<html lang="de">
+<head>
+	<base href="/" />
+	<meta charset="utf8">
+	<meta name="viewport" content="width=device-width">
+
+	<title>Svelte app</title>
+
+    <link rel='icon' type='image/png' href='/favicon.png'>
+	<link rel="stylesheet" href="/global.css" media="screen">
+	<link rel="stylesheet" href="/print.css" media="print">
+	<link rel="stylesheet" href="/bundle.css">
+    <script type="module" src="https://unpkg.com/dimport?module" data-main="/index.js"></script>
+    <script nomodule src="https://unpkg.com/dimport/nomodule" data-main="/index.js"></script>
+</head>
+
+<body>
+</body>
+</html>

ui/public/less/global.less

@@ -0,0 +1,19 @@
+// Einstellungen auf die Grundlagen zurücksetzen,
+// beinhaltet auch Einstellungen für die neuen HTML5-Tags
+//noinspection CssUnknownTarget
+@import "meyer_resets.css";
+// Import und Einbindung der Zeichensätze
+@import "lesslib/fonts.less";
+// Bestimmung der Farben
+@import "lesslib/colors.less";
+// Mixins des Layouts
+@import "lesslib/mixins.less";
+// Layout-Unabhängige Mixins
+@import "lesslib/mixins.framework.less";
+// Bestimmung des grundsätzlichen Erscheinungsbildes der einzelnen Elemente,
+// einschließlich des Hauptbereiches
+@import "lesslib/basics.less";
+// Darstellung unabhängig der Darstellungsgrößen
+@import "lesslib/layout.less";
+// Darstellung in den verschiedenen Ansichtsgrößen
+@import "lesslib/media_queries.less";

ui/public/less/lesslib/basics.less

@@ -0,0 +1,101 @@
+html {
+    font-size: 100%;
+}
+
+body {
+    color: #000;
+    font-size: 1em;
+    font-family: OpenSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
+    text-align: left;
+    background-color: #fff;
+}
+
+strong, b {
+    font-weight: bold;
+}
+
+em, i {
+    font-style: italic;
+}
+
+small {
+    font-size: 0.8rem;
+}
+
+section article {
+    font-size: 95%;
+    p, ul, ol, dl {
+        line-height: 1.5em;
+        .hyphens();
+        font-size: 1.00em;
+    }
+    p {
+        text-align: justify;
+    }
+    ul, ol {
+        li {
+            list-style: initial;
+        }
+    }
+    dl {
+        dt {
+            font-weight: 600;
+        }
+    }
+    h1, h2, h3 {
+        font-weight: bold;
+    }
+    h1 {
+        font-size: 1.50em;
+    }
+    h2 {
+        font-size: 1.30em;
+    }
+    h3 {
+        font-size: 1.20em;
+    }
+    table {
+        colgroup:not(:first-child) col:first-child{
+            border-left: solid thin;
+        }
+        thead {
+            th {
+                font-size: 100%;
+                font-weight: bold;
+            }
+        }
+    }
+    form {
+        fieldset {
+            legend {
+                font-size: 1.30em;
+                font-weight: bold;
+            }
+        }
+    }
+}
+
+// Einstellungen für die Pagination-Navigation
+.pagination-nav {
+    display: flex;
+    justify-content: center;
+    padding-top: 1rem;
+    .option {
+        &.number, &.ellipsis {
+            line-height: 1.25rem;
+            span {
+                margin: .25rem .5rem;
+            }
+            &.active {
+                text-decoration: underline solid;
+            }
+        }
+        &.disabled {
+            svg {
+                path {
+                    fill: darken(@mainColorLight,40%,relativ);
+                }
+            }
+        }
+    }
+}

ui/public/less/lesslib/colors.less

@@ -0,0 +1,14 @@
+/**
+Definition der Farben
+*/
+
+@hueMain: 35;
+@hueSub: 215;
+
+@mainColor: hsl(@hueMain, 90%, 29%);
+@redColor: hsl(0, 90%, 29%);
+@mainColorDark: darken(@mainColor,66%,relativ);
+@mainColorLight: lighten(@mainColor,66%,relativ);
+@subColor: hsl(@hueSub, 90%, 29%);
+@subColorDark: darken(@subColor,66%,relativ);
+@subColorLight: lighten(@subColor,66%,relativ);

ui/public/less/lesslib/fonts.less

@@ -0,0 +1,43 @@
+@font-face {
+    font-family: OpenSans;
+    src: url(../fonts/opensans-regular.eot);
+    src: url(../fonts/opensans-regular.eot?#iefix) format("embedded-opentype"),
+        url(../fonts/opensans-regular.woff) format("woff"),
+        url(../fonts/opensans-regular.ttf) format("truetype"),
+        url(../fonts/opensans-regular.svg#open_sansregular) format("svg");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: OpenSans;
+    src: url(../fonts/opensans-italic.eot);
+    src: url(../fonts/opensans-italic.eot?#iefix) format("embedded-opentype"),
+        url(../fonts/opensans-italic.woff) format("woff"),
+        url(../fonts/opensans-italic.ttf) format("truetype"),
+        url(../fonts/opensans-italic.svg#open_sansitalic) format("svg");
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: OpenSans;
+    src: url(../fonts/opensans-bold.eot);
+    src: url(../fonts/opensans-bold.eot?#iefix) format("embedded-opentype"),
+        url(../fonts/opensans-bold.woff) format("woff"),
+        url(../fonts/opensans-bold.ttf) format("truetype"),
+        url(../fonts/opensans-bold.svg#open_sansbold) format("svg");
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: OpenSans;
+    src: url(../fonts/opensans-bolditalic.eot);
+    src: url(../fonts/opensans-bolditalic.eot?#iefix) format("embedded-opentype"),
+        url(../fonts/opensans-bolditalic.woff) format("woff"),
+        url(../fonts/opensans-bolditalic.ttf) format("truetype"),
+        url(../fonts/opensans-bolditalic.svg#open_sansbold_italic) format("svg");
+    font-weight: bold;
+    font-style: italic;
+}

ui/public/less/lesslib/layout.less

@@ -0,0 +1,176 @@
+@breiteMainBereich: 70rem;
+@breiteTextBereich: 60rem;
+@breiteNavBereich: @breiteMainBereich - @breiteTextBereich;
+
+html {
+    body {
+        background: @mainColorLight;
+        > header, > footer {
+            color: @mainColorDark;
+            background: @mainColor;
+            font-family: serif;
+            h1 {
+                font-size: 3rem;
+                text-align: center;
+            }
+            p {
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                font-style: italic;
+            }
+        }
+        > header h1 {
+            margin: 1rem auto;
+        }
+        > footer {
+            color: contrast(@mainColorDark);
+        }
+        & > nav {
+            ul {
+                background: darken(@mainColorLight,33%,relativ);
+                li {
+                    font-weight: bold;
+                    &:not(:first-child) {
+                        border-left: @mainColorDark solid thin;
+                    }
+                    a {
+                        text-decoration: none;
+                        color: @mainColorDark;
+                    }
+                    &:hover {
+                        background: lighten(@mainColor,20%,relativ);
+                        a {
+                            color: lighten(@mainColor,66%,relativ);
+                        }
+                    }
+                    &.selected, &.selected:hover {
+                        background: lighten(@mainColor,10%,relativ);
+                        a {
+                            color: lighten(@mainColor,66%,relativ);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+main {
+    * {
+        border-style: none;
+        border-color: @mainColorDark;
+        border-width: medium;
+    }
+    section {
+        @sectionMargin: 1rem;
+        h1, h2 {
+            margin: @sectionMargin;
+        }
+        p, ul, ol, dl {
+            margin: @sectionMargin;
+            text-indent: @sectionMargin * 2;
+        }
+        table {
+            thead {
+                tr:last-child {
+                    td, th {
+                        border-bottom: @mainColor solid thin;
+                    }
+                }
+            };
+            tbody {
+                td.absence-time {
+                    color: @redColor;
+                    text-decoration-line: underline;
+                    text-decoration-style: dashed;
+                }
+            }
+        }
+        form {
+            @formLabelWidth: 10rem;
+            @formItemWidth: 40rem;
+            nav.menu {
+                width: @formItemWidth + @formLabelWidth + 4rem;
+                border-color: @mainColor;
+                border-bottom-style: solid;
+                margin: 1rem auto;
+                span {
+                    border-color: @mainColor;
+                    border-style: solid solid none;
+                    padding: 0.5rem;
+                    display: inline-block;
+                    font-weight: bolder;
+                    margin-right: 1rem;
+                    &:first-child {
+                        margin-left: 1.5rem;
+                    }
+                    &:hover {
+                        background-color: darken(@mainColorLight,10%,relativ);
+                    }
+                    &.active {
+                        background-color: darken(@mainColorLight,20%,relativ);
+                    }
+                }
+            }
+            fieldset {
+                width: @formItemWidth + @formLabelWidth + 2rem;
+                margin: 1rem auto;
+                border-style: solid ;
+                border-color: @mainColor;
+                padding: @sectionMargin;
+                &.tasten {
+                    border: none;
+                    background-color: @mainColorLight;
+                }
+                legend {
+                    margin: @sectionMargin;
+                    margin-left: @sectionMargin * 2;
+                }
+                div {
+                    &  > label {
+                        width: @formLabelWidth;
+                        display: inline-block;
+                        margin: 0.5rem;
+                    }
+                    input {
+                        display: inline-block;
+                        width: @formItemWidth;
+                        padding: 0.25rem;
+                        margin-bottom: 1.0rem;
+                        border-style:  solid;
+                        border-width: thin;
+                    }
+                }
+            }
+        }
+        button {
+            .button(@mainColor, spin(lighten(@mainColor,66%,relativ),@subColor));
+            &.sub-button {
+                .button(lighten(@mainColor,20%,relativ), spin(@mainColor,@subColor));
+            }
+        }
+        footer {
+            text-align: right;
+            padding: 0;
+            p {
+                padding: 0.5rem;
+                display: inline-block;
+                margin: inherit;
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                background: @mainColorLight ;
+                color: @mainColor ;
+                font-style: italic;
+                font-size: 85%;
+            }
+            nav li {
+                padding: 0.5rem;
+            }
+            border-bottom-style: solid;
+        }
+    }
+}

ui/public/less/lesslib/media_queries.less

@@ -0,0 +1,306 @@
+//Media Queries
+
+@media print {
+    * {
+        font-size: 10pt;
+    }
+    header, footer, main, nav, aside {
+        body > & {
+            width: 19cm;
+            margin: auto;
+            .border-box();
+        }
+    }
+    header, footer{
+        padding: 0.5rem;
+        ;
+    }
+    body {
+        & > header {
+            font-size: 200%;
+            font-weight: bolder;
+        }
+        & > nav, > header {
+            display: none;
+        }
+    }
+    main {
+        padding: 1.5rem 0.5rem 3.25rem;
+        .flexKinder(flow,'row');
+        width: @breiteTextBereich;
+        section {
+            padding: 0 0.5rem;
+            h1, h2, p {
+                margin-bottom: 1rem;
+            }
+            footer {
+                padding: 0;
+                p {
+                    padding: 0.5rem;
+                    font-size: 85%;
+                    margin-bottom: 0;
+                }
+            }
+            article.liste {
+                page-break-after: always;
+            }
+        }
+        h1, h2 {
+            margin-left: 5em;
+        }
+        h1 {
+            font-size: 2em;
+        }
+        h2 {
+            font-size: 1.75em;
+        }
+        table {
+            margin: auto;
+            td, th {
+                padding: 0.5rem;
+                collapse: true;
+            }
+        }
+    }
+    aside {
+        padding-top: 2rem;
+        .flexKinder(flow,'row');
+        width: @breiteNavBereich;
+    }
+}
+
+@media screen and (min-width: 831px) {
+    header, footer, main, nav, aside {
+        body > & {
+            width: @breiteMainBereich;
+            margin: auto;
+            .border-box();
+        }
+    }
+    header, footer{
+        padding: 0.5rem;
+    }
+    body {
+        & > header {
+            font-size: 200%;
+            font-weight: bolder;
+        }
+        & > nav {
+            ul {
+                .flexEltern();
+                margin: 0;
+                li {
+                    display: inline-block;
+                    height: 1.5rem;
+                    padding: 0.5rem 1rem;
+                }
+            }
+        }
+    }
+    main {
+        padding: 1.5rem 0.5rem 3.25rem;
+        .flexKinder(flow,'row');
+        width: @breiteTextBereich;
+        section {
+            padding: 0 0.5rem;
+            h1, h2, p {
+                margin-bottom: 1rem;
+            }
+            footer {
+                padding: 0;
+                p {
+                    padding: 0.5rem;
+                    font-size: 85%;
+                    margin-bottom: 0;
+                }
+            }
+        }
+        h1, h2 {
+            margin-left: 5em;
+        }
+        h1 {
+            font-size: 2em;
+        }
+        h2 {
+            font-size: 1.75em;
+        }
+        table {
+            margin: auto;
+            td, th {
+                padding: 0.5rem;
+            }
+        }
+    }
+    aside {
+        padding-top: 2rem;
+        .flexKinder(flow,'row');
+        width: @breiteNavBereich;
+    }
+}
+
+@media screen and (max-width: 830px) {
+    html body {
+        @boxHeight: 5rem;
+        & > header {
+            height: @boxHeight;
+            font-size: @boxHeight;
+            text-align: center;
+            padding: 1rem;
+        }
+        & > footer {
+            padding: 1rem;
+        }
+        & > nav {
+            ul {
+                li {
+                    display: inline-block;
+                    border: none;
+                    width: auto;
+                    height: 1.5em;
+                    padding-top: 0.25em;
+                    a {
+                        padding: 0.75rem;
+                    }
+                    &:not(:first-child) {
+                        border-left: none;
+                    }
+                }
+            }
+        }
+        main section {
+            header {
+                padding: 0 0.5rem;
+                h1, h2, p {
+                    margin-bottom: 1rem;
+                }
+                h1, h2 {
+                    margin-left: 5em;
+                }
+                h1 {
+                    font-size: 2em;
+                }
+                h2 {
+                    font-size: 1.75em;
+                }
+            }
+            form {
+                @formLabelWidth: 10rem;
+                @formItemWidth: 40rem;
+                @sectionMargin: 1rem;
+                margin: @sectionMargin;
+                fieldset {
+                    width: auto;
+                    margin: 1rem auto;
+                    padding: @sectionMargin;
+                    legend {
+                        margin: @sectionMargin;
+                        margin-left: @sectionMargin * 2;
+                    }
+                    div {
+                        &  > label {
+                            width: auto;
+                            display: inline-block;
+                            margin: 0.5rem;
+                        }
+                        input, textarea {
+                            display: inline-block;
+                            width: auto;
+                            padding: 0.25rem;
+                            margin: 0.5rem;
+                            margin-bottom: 1.0rem;
+                            border-style:  solid;
+                            border-width: thin;
+                        }
+                        div.radio-button {
+                            padding-left: 20%;
+                            label, input {
+                                display: inline;
+                                width: auto;
+                            }
+                            input {
+                                margin-top: inherit;
+                                margin-right: 1rem;
+                                margin-left: 1rem;
+                                margin-bottom: inherit;
+                            }
+                        }
+                        textarea {
+                            height: 10rem;
+                        }
+                        ul.suche {
+                            width: 30rem;
+                            margin-left: @formLabelWidth + 1.5rem;
+                            margin-top: -1rem;
+                            background: white;
+                            position: absolute;
+                            border: solid thin;
+                            li {list-style: none;
+                                text-indent: 0;
+                                cursor: pointer;
+                                &:hover {
+                                    background: @mainColorLight;
+                                    color: @mainColor;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+
+        }
+        table {
+            width: 90%;
+            margin: 5%;
+            td, th {
+                padding: 0.25rem;
+            }
+            colgroup:not(:first-child) col:first-child{
+                border-left: solid thin;
+            }
+            thead {
+                th {
+                    font-size: 100%;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+}
+@media screen and (max-width: 720px) {
+    html body {
+        @boxHeight: 2.5rem;
+        & > header {
+            height: @boxHeight;
+            font-size: @boxHeight;
+            text-align: center;
+            padding: 1rem;
+        }
+
+        & > nav {
+            .hamburgerMenu();
+        }
+        main section header {
+            h1, h2 {
+                text-align: center;
+                margin: 0.5rem auto;
+            }
+        }
+        table {
+            width: 100%;
+            margin: 1rem 0;
+            td, th {
+                padding: 0.25rem;
+            }
+            colgroup:not(:first-child) col:first-child{
+                border-left: solid thin;
+            }
+            thead {
+                th {
+                    font-size: 100%;
+                    font-weight: bold;
+                    .hyphens();
+                }
+            }
+        }
+    }
+}

ui/public/less/lesslib/mixins.framework.less

@@ -0,0 +1,145 @@
+.hyphens() {
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
+}
+
+.border-box() {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.vertical-gradient(@stop1, @stop2) {
+	.gradient(0deg, @stop1, @stop2);
+}
+
+.horizontal-gradient(@stop1, @stop2) {
+	.gradient(-90deg, @stop1, @stop2);
+}
+
+.gradient(@winkel, @stop1, @stop2) {
+	@winkelOld: @winkel + 90deg;
+	@groundColor: @stop2;
+	background: @groundColor -moz-linear-gradient(@winkelOld, @stop2, @stop1);
+	background: @groundColor -webkit-linear-gradient(@winkelOld, @stop2, @stop1);
+	background: @groundColor -o-linear-gradient(@winkelOld, @stop2, @stop1);
+	background: @groundColor -ms-linear-gradient(@winkelOld, @stop2, @stop1);
+	background: @groundColor linear-gradient(@winkel, @stop2, @stop1);
+	background-repeat: no-repeat;
+}
+
+.box-shadow(...) {
+	-webkit-box-shadow: @arguments;
+	-moz-box-shadow: @arguments;
+	box-shadow: @arguments;
+}
+
+.border-radius(...) {
+	-webkit-border-radius: @arguments;
+	-moz-border-radius: @arguments;
+	border-radius: @arguments;
+}
+
+.nowrap() {
+	display: block;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.hamburgerMenu() {
+	color: white;
+	width: 3rem;
+	height: 2rem;
+	top: 0.25rem;
+	left: 0.25rem;
+	.border-radius(4px);
+	border: none;
+	.vertical-gradient(@mainColorDark; @mainColor);
+	> ul {
+		height: auto;
+		width: auto;
+		position: absolute;
+		left: 0;
+		top: 100%;
+		background: fade(@mainColorDark,80%);
+		.border-radius(5px);
+		display: none;
+		> li {
+			display: block;
+			text-align: left;
+			line-height: normal;
+			border: none;
+			&:not(:first-child) {
+				border-top: 1px #888 solid;
+			}
+			a {
+				.nowrap();
+				display: block;
+				height: auto;
+				width: auto;
+				padding: 0.5rem 1rem;
+				color: white;
+				&:hover,
+					&:focus {
+					color: white;
+					.vertical-gradient(@mainColorLight; @mainColor);
+				}
+			}
+			&:first-child {
+				a {
+					.border-radius( 5px 5px 0 0 );
+				}
+			}
+			&:last-child {
+				a {
+					.border-radius( 0 0 5px 5px );
+				}
+			}
+		}
+	}
+	&:hover, &:focus, &:active, &:checked {
+		ul {
+			display: block;
+		}
+	}
+	&:before {
+		content: "\2261";
+		font-size: 2rem;
+		text-align: center;
+		line-height: 0.8em;
+		display: block;
+		cursor: pointer;
+	}
+}
+
+.flexEltern() {
+	display:-ms-flexbox;
+	display: flexbox;
+	display: -webkit-flex;
+	display: flex;
+}
+
+.flexEltern(column) {
+	display:-ms-flexbox;
+	display: flexbox;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column;
+}
+
+.flexKinder(flow, @rest...) {
+	-webkit-flex-flow: @rest;
+	-ms-flex-flow: @rest;
+	flex-flow: @rest;
+}
+
+.flexKinder(glow, @num) {
+	-webkit-flex-grow: @num;
+	-ms-flex: @num;
+	flex: @num;
+	flex-grow: @num;
+}

ui/public/less/lesslib/mixins.less

@@ -0,0 +1,16 @@
+.button(@color, @colorFont) {
+    @colorBackground: @color;
+    @colorBackgroundLight: lighten(@colorBackground,50%,relativ);
+    @colorShadow: fade(@colorBackground,50%);
+    height: 2.5em;
+    .border-radius(1.25em);
+    padding: 0.5em 1.25em;
+    .vertical-gradient(@colorBackgroundLight, @colorBackground);
+    .box-shadow(0.1em 0.2em 0.5em @colorShadow);
+    color: @colorFont;
+    font-weight: bold;
+    &:hover {
+        .vertical-gradient(@colorBackground, @colorBackgroundLight);
+    }
+    margin: 0.25rem;
+}

ui/public/less/lesslib/print/basics.less

@@ -0,0 +1,80 @@
+html {
+    font-size: 100%;
+}
+
+body {
+    color: #000;
+    font-size: 1em;
+    font-family: OpenSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
+    text-align: left;
+    background-color: #fff;
+}
+
+strong, b {
+    font-weight: bold;
+}
+
+em, i {
+    font-style: italic;
+}
+
+small {
+    font-size: 0.8rem;
+}
+
+section article {
+    font-size: 95%;
+    p, ul, ol, dl {
+        line-height: 1.5em;
+        //noinspection TaskProblemsInspection,LessResolvedByNameOnly
+        .hyphens();
+        font-size: 1.00em;
+    }
+    p {
+        text-align: justify;
+    }
+    ul, ol {
+        li {
+            list-style: initial;
+        }
+    }
+    dl {
+        dt {
+            font-weight: 600;
+        }
+    }
+    h1, h2, h3 {
+        font-weight: bold;
+    }
+    h1 {
+        font-size: 1.50em;
+    }
+    h2 {
+        font-size: 1.30em;
+    }
+    h3 {
+        font-size: 1.20em;
+    }
+    table {
+        thead {
+            th {
+                font-size: 100%;
+                font-weight: bold;
+            }
+        }
+    }
+    form {
+        fieldset {
+            legend {
+                font-size: 1.30em;
+                font-weight: bold;
+            }
+            div.zelle > label {
+
+            }
+        }
+    }
+    &.http-error {
+        display: none;
+    }
+}

ui/public/less/lesslib/print/colors.less

@@ -0,0 +1,13 @@
+/**
+Definition der Farben
+*/
+
+@hueMain: 180;
+@hueSub: 60;
+
+@mainColor: hsl(@hueMain, 90%, 29%);
+@mainColorDark: darken(@mainColor,66%,relativ);
+@mainColorLight: lighten(@mainColor,66%,relativ);
+@subColor: hsl(@hueSub, 90%, 29%);
+@subColorDark: darken(@subColor,66%,relativ);
+@subColorLight: lighten(@subColor,66%,relativ);

ui/public/less/lesslib/print/layout.less

@@ -0,0 +1,99 @@
+html {
+    body {
+        > header, > footer {
+            background: none;
+            font-family: serif;
+            h1 {
+                font-size: 3rem;
+                text-align: left;
+            }
+            p {
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                font-style: italic;
+            }
+        }
+        > header {
+            border-bottom: black solid thick;
+            h1 {
+                margin: 1rem;
+            }
+        }
+        > nav {
+            display: none;
+        }
+        > footer {
+            color: contrast(@mainColor);
+        }
+    }
+}
+
+main {
+    * {
+        border-style: none;
+        border-color: @mainColorDark;
+        border-width: medium;
+    }
+    section {
+        @sectionMargin: 1rem;
+        header {
+            text-align: center;
+        }
+        h1, h2 {
+            margin: @sectionMargin;
+        }
+        p {
+            margin: @sectionMargin;
+            text-indent: @sectionMargin * 2;
+        }
+        table {
+            colgroup:not(:first-child) col:first-child{
+                border-left: solid medium;
+            }
+            thead {
+                tr:last-child {
+                    td, th {
+                        border-bottom: @mainColorDark solid thick;
+                    }
+                }
+            }
+            tbody {
+                th {
+                    font-weight: bold;
+                    text-align: center;
+                    padding: 1rem 0.5rem;
+                }
+                th, td {
+                    padding: 0.5rem;
+                    border-bottom: solid thin;
+                }
+            }
+        }
+        form {
+            display: none;
+        }
+        button {
+            display: none;
+        }
+        footer {
+            text-align: right;
+            padding: 0;
+            p {
+                padding: 0.5rem;
+                display: inline-block;
+                margin: inherit;
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                background: @mainColorLight ;
+                color: @mainColor ;
+                font-style: italic;
+                font-size: 85%;
+            }
+            border-bottom-style: solid;
+        }
+    }
+}

ui/public/less/print.less

@@ -0,0 +1,15 @@
+// Einstellungen auf die Grundlagen zurücksetzen,
+// beinhaltet auch Einstellungen für die neuen HTML5-Tags
+//noinspection CssUnknownTarget
+@import "meyer_resets.css";
+// Bestimmung der Farben
+@import "lesslib/colors.less";
+// Mixins des Layouts
+@import "lesslib/mixins.less";
+// Layout-Unabhängige Mixins
+@import "lesslib/mixins.framework.less";
+// Bestimmung des grundsätzlichen Erscheinungsbildes der einzelnen Elemente,
+// einschließlich des Hauptbereiches
+@import "lesslib/print/basics.less";
+// Darstellung unabhängig der Darstellungsgrößen
+@import "lesslib/print/layout.less";

ui/public/meyer_resets.css

@@ -0,0 +1,51 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+@media screen {
+    html, body, div, span, applet, object, iframe,
+    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+    a, abbr, acronym, address, big, cite, code,
+    del, dfn, em, img, ins, kbd, q, s, samp,
+    small, strike, strong, sub, sup, tt, var,
+    b, u, i, center,
+    dl, dt, dd, ol, ul, li,
+    fieldset, form, label, legend,
+    table, caption, tbody, tfoot, thead, tr, th, td,
+    article, aside, canvas, details, embed,
+    figure, figcaption, footer, header, hgroup,
+    menu, nav, output, ruby, section, summary,
+    time, mark, audio, video {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        font: inherit;
+        font-size: 100%;
+        vertical-align: baseline;
+    }
+    /* HTML5 display-role reset for older browsers */
+    article, aside, details, figcaption, figure,
+    main, /* Korektur: Torsten Lücke 2016-09-01 */
+    footer, header, hgroup, menu, nav, section {
+        display: block;
+    }
+    body {
+        line-height: 1;
+    }
+    ol, ul {
+        list-style: none;
+    }
+    blockquote, q {
+        quotes: none;
+    }
+    blockquote:before, blockquote:after,
+    q:before, q:after {
+        content: '';
+        content: none;
+    }
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+}
+/* END:  meyer_ressets */

ui/rollup.config.js

@@ -0,0 +1,51 @@
+import svelte from 'rollup-plugin-svelte';
+import replace from '@rollup/plugin-replace';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import { terser } from 'rollup-plugin-terser';
+import {config} from 'dotenv';
+
+const production = !process.env.ROLLUP_WATCH;
+
+export default {
+	input: 'src/index.js',
+	output: {
+		name: 'app',
+		format: 'esm',
+		sourcemap: true,
+		dir: 'public',
+	},
+	preserveEntrySignatures: false,
+	plugins: [
+		svelte({
+			// enable run-time checks when not in production
+			dev: !production,
+			// we'll extract any component CSS out into
+			// a separate file — better for performance
+			css: css => {
+				css.write('bundle.css');
+			}
+		}),
+
+		// If you have external dependencies installed from
+		// npm, you'll most likely need these plugins. In
+		// some cases you'll need additional configuration —
+		// consult the documentation for details:
+		// https://github.com/rollup/rollup-plugin-commonjs
+		resolve(),
+		commonjs(),
+
+		replace({
+			'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development'),
+            'env': JSON.stringify({...config().parsed /* attached the .env config*/})
+		}),
+
+		// If we're building for production (npm run build
+		// instead of npm run dev), minify
+		production && terser()
+	],
+
+	watch: {
+		clearScreen: false
+	}
+};

ui/src/components/App.svelte

@@ -0,0 +1,57 @@
+<header>
+    Arbeitszeiten
+</header>
+<Nav {active} />
+<main>
+    <svelte:component this={Route} {params} />
+</main>
+<footer><p>© Torsten Lücke 2021</p></footer>
+
+<script>
+	import Navaid from 'navaid';
+	import { onDestroy } from 'svelte';
+	import Nav from './Nav.svelte';
+
+	let Route, params={}, active;
+	let uri = location.pathname;
+	$: active = uri.split('/').pop() || 'home';
+
+	function run(thunk, obj) {
+		const target = uri;
+
+		thunk.then(m => {
+			if (target !== uri) return;
+
+			params = obj || {};
+
+			if (m.preload) {
+				m.preload({ params }).then(() => {
+					if (target !== uri) return;
+					Route = m.default;
+					window.scrollTo(0, 0);
+				});
+			} else {
+				Route = m.default;
+				window.scrollTo(0, 0);
+			}
+		});
+	}
+
+	function track(obj) {
+		uri = obj.state || obj.uri || location.pathname;
+	}
+
+	addEventListener('replacestate', track);
+	addEventListener('pushstate', track);
+	addEventListener('popstate', track);
+
+	const router = Navaid('/')
+		.on('/', () => run(import('../routes/Home.svelte')))
+		.on('/views/weekly', () => run(import('../routes/WeeklyViews.svelte')))
+		.on('/views/monthly', () => run(import('../routes/MonthlyViews.svelte')))
+		.on('/views/yearly', () => run(import('../routes/YearlyViews.svelte')))
+		.on('/working-hours', () => run(import('../routes/WorkingHours.svelte')))
+		.listen();
+
+	onDestroy(router.unlisten);
+</script>

ui/src/components/Nav.svelte

@@ -0,0 +1,15 @@
+<!--suppress HtmlUnknownTarget -->
+<nav>
+	<ul>
+		<li class="{ isActive('home') }"><a href="/">Home</a></li>
+		<li class="{ isActive('weekly') }"><a href="/views/weekly">Wochenansicht</a></li>
+		<li class="{ isActive('monthly') }"><a href="/views/monthly">Monatsansicht</a></li>
+		<li class="{ isActive('yearly') }"><a href="/views/yearly">Jahresansicht</a></li>
+		<li class="{ isActive('working-hours') }"><a href="/working-hours">Einträge</a></li>
+	</ul>
+</nav>
+
+<script>
+	export let active;
+	$: isActive = str => active === str ? 'selected' : '';
+</script>

ui/src/components/Repositories.svelte

@@ -0,0 +1,110 @@
+<script context="module">
+    const MyFetch = {
+        'post': async (rest_url, request_body) => {
+            return MyFetch._fetch(rest_url, MyFetch._buildRequestOptions(request_body), {})
+        },
+        'put': async (rest_url, http_body) => {
+            return MyFetch._fetch(rest_url, MyFetch._buildRequestOptions(http_body, true), {})
+        },
+        'get': async (rest_url, query_parameters) => {
+            if (query_parameters !== null) {
+                let filter = []
+                for (let parameter in query_parameters) {
+                    filter.push(parameter + '=' + query_parameters[parameter])
+                }
+                if (filter.length > 0) {
+                    rest_url += '?' + filter.join('&')
+                }
+            }
+            return MyFetch._fetch(rest_url, {})
+        },
+        '_fetch': async (rest_url, request_options) => {
+            // noinspection JSUnresolvedVariable
+            let response = await MyFetch._pureFetch(rest_url, request_options).catch(err => {
+                console.error(err)
+                return null
+            })
+            if (!response.ok) {
+                throw new Error('Fail!')
+            }
+            return response.json()
+        },
+        '_buildRequestOptions': (request_body, needPut) => {
+            return {
+                method: (needPut === true) ? 'PUT' : 'POST',
+                mode: 'cors',
+                cache: 'no-cache',
+                credentials: 'omit',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: request_body,
+            }
+        },
+        '_pureFetch': async (rest_url, request_options) => {
+            // noinspection JSUnresolvedVariable
+            return await fetch(env.API_URL + rest_url, request_options)
+        }
+    }
+
+    export const WorkingHoursRepository = {
+        'browse': (startDate = '', endDate = '') => {
+            let filter = {}
+            if (startDate !== '') {
+                filter['start-date'] = startDate
+            }
+            if (endDate !== '') {
+                filter['end-date'] = endDate
+            }
+            return MyFetch.get('/working-hours', filter)
+        },
+
+        'read': date => {
+            return MyFetch.get('/working-hours/' + date)
+        },
+
+        'readOrNew': async date => {
+            let response = await MyFetch._pureFetch('/working-hours/' + date)
+            if (response.status === 404) {
+                return {workingTime: '00:00:00', workingDay: date}
+            } else if (!response.ok) {
+                throw new Error('Fail!')
+            }
+            return response.json()
+        },
+
+        'add': async (record) => {
+            console.debug(record);
+            return MyFetch.post('/working-hours', JSON.stringify(record))
+        },
+
+        'update': async (date, record) => {
+            console.debug(record);
+            return MyFetch.put('/working-hours/' + date, JSON.stringify(record))
+        },
+
+        'addOrUpdate': async (date, record) => {
+            console.debug(record);
+            let request_options = MyFetch._buildRequestOptions(JSON.stringify(record))
+            let response = await MyFetch._pureFetch('/working-hours', request_options)
+            if (response.status === 409) {
+                return WorkingHoursRepository.update(date, record)
+            } else if (!response.ok) {
+                throw new Error('Fail!')
+            }
+            return response.json()
+        }
+    }
+
+    export const WorkingHoursViewsRepository = {
+        'weekly': async () => {
+            return MyFetch.get('/views/working-hours/weekly')
+        },
+        'monthly': async () => {
+            return MyFetch.get('/views/working-hours/monthly')
+        },
+        'yearly': async () => {
+            return MyFetch.get('/views/working-hours/yearly')
+        },
+    }
+</script>

ui/src/components/TimekeepingDate.svelte

@@ -0,0 +1,15 @@
+<script context="module">
+    export class TimekeepingDate extends Date {
+        getDateString() {
+            return this.getFullYear() + "-"
+            + (this.getMonth() + 1).toString().padStart(2, '0') + "-"
+            + this.getDate().toString().padStart(2, '0')
+        }
+
+        getNextDay() {
+            let nextDay = new TimekeepingDate(this);
+            nextDay.setDate(this.getDate() + 1)
+            return nextDay
+        }
+    }
+</script>

ui/src/index.js

@@ -0,0 +1,5 @@
+import App from './components/App.svelte';
+
+new App({
+	target: document.body
+});

ui/src/routes/Home.svelte

@@ -0,0 +1,6 @@
+<WeeklyViews />
+
+<script>
+    import WeeklyViews from "./WeeklyViews.svelte";
+    export const params = {};
+</script>

ui/src/routes/MonthlyViews.svelte

@@ -0,0 +1,11 @@
+<script>
+    import Views from "./Views.svelte";
+    import {WorkingHoursViewsRepository} from "../components/Repositories.svelte";
+    export let params
+    params = {
+        title: 'Monatsansicht',
+        promise: WorkingHoursViewsRepository.monthly()
+    }
+</script>
+
+<Views {params} />

ui/src/routes/Views.svelte

@@ -0,0 +1,81 @@
+<script>
+    import { paginate, PaginationNav } from 'svelte-paginate'
+
+    export let params = {}
+    let records = []
+    let isLoading = true
+    console.log(params)
+    let currentPage = 1
+    let pageSize = 15
+    $: paginatedItems = paginate({ items: records, pageSize, currentPage })
+    if (!String.prototype.startsWith) {
+        String.prototype.startsWith = function (searchString, position) {
+            position = position || 0
+            return this.indexOf(searchString, position) === position
+        }
+    }
+    $: isNegative = time => time.startsWith('-') ? 'absence-time' : ''
+    $: cutMinusChar = time => time.startsWith('-') ? time.substr(1) : time
+
+    const init = async () => await params.promise.then(data => {
+        records = data
+        isLoading = false
+    })
+    init()
+</script>
+
+<svelte:head>
+    <title>{params.title}</title>
+</svelte:head>
+
+<section id="list-records">
+    <header>
+        <h1>{params.title}</h1>
+    </header>
+    <article>
+        {#if isLoading === true}
+            <p>Loading...</p>
+        {:else}
+            <table>
+                <colgroup>
+                    <col/>
+                    <col/>
+                    <col/>
+                    <col/>
+                </colgroup>
+                <thead>
+                <tr>
+                    <th>Zeitraum</th>
+                    <th>Arbeitstage</th>
+                    <th>Arbeitsstunden</th>
+                    <th>Über- / Unterstunden</th>
+                </tr>
+                </thead>
+                <tbody>
+                {#each paginatedItems as record}
+                    <tr>
+                        <td>{record.period}</td>
+                        <td>{record.workingDays}</td>
+                        <td>{record.totalHours}</td>
+                        <td class="{ isNegative(record.overtime) }">{cutMinusChar(record.overtime)}</td>
+                    </tr>
+                {/each}
+                </tbody>
+                <tfoot>
+                <tr>
+                    <td colspan="4">
+                        <PaginationNav
+                            totalItems="{records.length}"
+                            pageSize="{pageSize}"
+                            currentPage="{currentPage}"
+                            limit="{1}"
+                            showStepOptions="{true}"
+                            on:setPage="{(e) => currentPage = e.detail.page}"
+                        />
+                    </td>
+                </tr>
+                </tfoot>
+            </table>
+        {/if}
+    </article>
+</section>

ui/src/routes/WeeklyViews.svelte

@@ -0,0 +1,11 @@
+<script>
+    import Views from "./Views.svelte";
+    import {WorkingHoursViewsRepository} from "../components/Repositories.svelte";
+    export let params
+    params = {
+        title: 'Wochenansicht',
+        promise: WorkingHoursViewsRepository.weekly()
+    }
+</script>
+
+<Views {params} />

ui/src/routes/WorkingHours.svelte

@@ -0,0 +1,33 @@
+<script>
+    import List from "./WorkingHours/List.svelte";
+    import Formular from "./WorkingHours/Formular.svelte";
+    export const params = {};
+
+    let TITLE = "Bearbeitung Einträge"
+    let activeRecord = null;
+    let currentPage = 1
+</script>
+
+<svelte:head>
+    <title>{TITLE}</title>
+</svelte:head>
+
+{#if activeRecord === null}
+    <section id="list-records">
+        <header>
+            <h1>{TITLE}</h1>
+        </header>
+        <article>
+            <List bind:activeRecord={activeRecord} bind:currentPage/>
+        </article>
+    </section>
+{:else}
+    <section id="edit-record">
+        <header>
+            <h1>{TITLE}</h1>
+        </header>
+        <article>
+            <Formular bind:activeRecord={activeRecord} bind:currentPage/>
+        </article>
+    </section>
+{/if}

ui/src/routes/WorkingHours/Formular.svelte

@@ -0,0 +1,127 @@
+<script>
+    import {WorkingHoursRepository} from "../../components/Repositories.svelte"
+    import IconifyIcon from '@iconify/svelte'
+    import checkIcon from '@iconify-icons/oi/check'
+    import xIcon from '@iconify-icons/oi/x'
+    import EditByDay from "./Formular/EditByDay.svelte";
+    import EditByWeek from "./Formular/EditByWeek.svelte";
+    import ImportCsv from "./Formular/ImportCsv.svelte";
+    import {TimekeepingDate} from "../../components/TimekeepingDate.svelte";
+
+    const DAILY_EDIT = 0
+    const WEEKLY_EDIT = 1
+    const CSV_IMPORT = 2
+
+    const Controller = {
+        'saveRecord': () => {
+            activeRecordList.forEach((actualRecord) => {
+                if (actualRecord.workingTime === '00:00:00') {
+                    return
+                }
+                WorkingHoursRepository.addOrUpdate(actualRecord.workingDay, actualRecord);
+            })
+            activeDate = nextDate
+            makeTimekeepingList()
+        },
+        'cancelActiveRecord': () => {
+            activeRecordList = []
+            activeRecord = null
+        }
+    }
+    const WeekController = {
+        'makeTimekeepingList': () => {
+            let actualDay = WeekController.getMondayFromWeek(
+                activeDate === null ? new TimekeepingDate() : new TimekeepingDate(activeDate)
+            )
+            activeRecordList = []
+            activeDate = actualDay.getDateString()
+            for (const daysDiff in [0, 1, 2, 3, 4, 5, 6]) {
+                activeRecordList.push({workingTime: '00:00:00', workingDay: actualDay.getDateString()})
+                actualDay = actualDay.getNextDay()
+            }
+            nextDate = actualDay.getDateString()
+            WorkingHoursRepository.browse(activeRecordList[0].workingDay, activeRecordList[6].workingDay).then(data => {
+                data.forEach(item => {
+                    let actualDay = new TimekeepingDate(item.workingDay)
+                    activeRecordList[actualDay.getDay()-1].workingTime = item.workingTime
+                })
+            })
+        },
+        'getMondayFromWeek': actualDayObject => {
+            if (actualDayObject.getDate() === 0) {
+                actualDayObject.setDate(actualDayObject.getDate() - 7)
+            }
+            if (actualDayObject.getDate() !== 1) {
+                actualDayObject.setDate(actualDayObject.getDate() - (actualDayObject.getDay() - 1))
+            }
+            return actualDayObject
+        }
+    }
+    const DayController = {
+        'makeTimekeepingList': () => {
+            let actualDay = activeDate === null ? new TimekeepingDate() : new TimekeepingDate(activeDate)
+            WorkingHoursRepository.readOrNew(actualDay.getDateString()).then(data => {
+                activeRecordList = [ data ]
+                activeDate = actualDay.getDateString()
+                nextDate = actualDay.getNextDay().getDateString()
+            })
+        }
+    }
+    const CsvController = {
+        'makeTimekeepingList': () => {
+            MenuController.dailyEdit()
+        }
+    }
+    const MenuController = {
+        'dailyEdit': () => {
+            period_of_edit = DAILY_EDIT
+            makeTimekeepingList = DayController.makeTimekeepingList
+            makeTimekeepingList()
+        },
+        'weeklyEdit': () => {
+            period_of_edit = WEEKLY_EDIT
+            makeTimekeepingList = WeekController.makeTimekeepingList
+            makeTimekeepingList()
+        },
+        'csvImport': () => {
+            period_of_edit = CSV_IMPORT
+            activeRecordList = []
+            makeTimekeepingList = CsvController.makeTimekeepingList
+        }
+    }
+
+    let activeDate = null
+    let nextDate = null
+    let activeRecordList = []
+    export let activeRecord = null
+    export let currentPage = 1
+    let period_of_edit
+    let makeTimekeepingList
+
+    MenuController.dailyEdit()
+</script>
+<!--suppress HtmlUnknownTarget -->
+<form action="/working-hours" name="editRecord">
+    <nav class="menu">
+        <span on:click={MenuController.dailyEdit} on:keypress={() => {}} class:active={period_of_edit === DAILY_EDIT}>Täglich</span>
+        <span on:click={MenuController.weeklyEdit} on:keypress={() => {}} class:active={period_of_edit === WEEKLY_EDIT}>Wöchentlich</span>
+        <span on:click={MenuController.csvImport} on:keypress={() => {}} class:active={period_of_edit === CSV_IMPORT}>Import per CSV</span>
+    </nav>
+    {#if period_of_edit === DAILY_EDIT}
+        <EditByDay bind:activeRecordList bind:activeDate bind:makeTimekeepingList/>
+    {/if}
+    {#if period_of_edit === WEEKLY_EDIT}
+        <EditByWeek bind:activeRecordList bind:activeDate bind:makeTimekeepingList/>
+    {/if}
+    {#if period_of_edit === CSV_IMPORT}
+        <ImportCsv bind:activeRecordList bind:makeTimekeepingList/>
+    {/if}
+    <fieldset name="buttons">
+        <button on:click={Controller.saveRecord} type="button">Übernehmen und Weiter
+            <IconifyIcon icon={checkIcon} color="green"/>
+        </button>
+        <button on:click={Controller.cancelActiveRecord} type="button" class="sub-button">Abbrechen
+            <IconifyIcon icon={xIcon}/>
+        </button>
+    </fieldset>
+</form>

ui/src/routes/WorkingHours/Formular/EditByDay.svelte

@@ -0,0 +1,24 @@
+<script>
+    export let activeDate = null
+    export let activeRecordList = []
+    export let makeTimekeepingList = () => {}
+
+    makeTimekeepingList()
+</script>
+
+{#if activeRecordList.length < 1}
+    <p>Loading...</p>
+{:else}
+    <fieldset name="record-data-by-day">
+        <div>
+            <label for="workingDay">Arbeitstag</label>
+            <input bind:value={activeDate} type="date" on:change={makeTimekeepingList}
+                   id="workingDay" required pattern="\d\{4}-[0-1]\d-[0-3]\d\">
+        </div>
+        <div>
+            <label for="workingTime">Arbeitszeit</label>
+            <input bind:value={activeRecordList[0].workingTime} placeholder="Arbeitszeit" type="time"
+                   id="workingTime" required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+        </div>
+    </fieldset>
+{/if}

ui/src/routes/WorkingHours/Formular/EditByWeek.svelte

@@ -0,0 +1,62 @@
+<script>
+    export let activeDate = null
+    export let activeRecordList = []
+    export let makeTimekeepingList = () => {}
+
+    makeTimekeepingList()
+</script>
+
+<style>
+    tbody.weekend td input, tbody.weekend td {
+        color: red;
+    }
+    input#monday {
+        display: inline;
+        width: auto;
+    }
+</style>
+
+
+{#if activeRecordList.length < 1}
+    <p>Loading...</p>
+{:else}
+    <fieldset name="how-week-is-use">
+        <div>
+            <label for="monday">Woche vom</label>
+            <input bind:value={activeDate} type="date" on:change={makeTimekeepingList}
+                   id="monday" required pattern="\d\{4}-[0-1]\d-[0-3]\d\">
+        </div>
+    </fieldset>
+    <fieldset name="record-data-by-week">
+        <div>
+            <table>
+                <tbody>
+                {#each ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag'] as day, index}
+                    <tr>
+                        <td>
+                            {day}
+                        </td>
+                        <td>
+                            <input bind:value={activeRecordList[index].workingTime} placeholder="Arbeitszeit" type="time"
+                                   required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+                        </td>
+                    </tr>
+                {/each}
+                </tbody>
+                <tbody class="weekend">
+                {#each ['Samstag', 'Sontag'] as day, index}
+                    <tr>
+                        <td>
+                            {day}
+                        </td>
+                        <td>
+                            <input bind:value={activeRecordList[index+5].workingTime} placeholder="Arbeitszeit" type="time"
+                                   required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+                        </td>
+                    </tr>
+                {/each}
+                </tbody>
+            </table>
+        </div>
+    </fieldset>
+{/if}

ui/src/routes/WorkingHours/Formular/ImportCsv.svelte

@@ -0,0 +1,77 @@
+<script>
+    import Papa from '../../../papaparse.min'
+    export let activeRecordList = []
+    let imported_data = []
+
+    let files = null
+
+    const VerarbeiteDateien = () => {
+        for (const file of files) {
+            VerarbeiteCsv(file)
+        }
+    }
+
+    const VerarbeiteCsv = file => {
+        Papa.parse(file, {
+            header: true,
+            skipEmptyLines: true,
+            complete: results => {
+                let cash_work_days = {}
+                results.data.forEach(item => {
+                    // noinspection JSNonASCIINames
+                    let activity = item['Aktivität']
+                    if (activity.trim() === 'Mittagspause') {
+                        return
+                    }
+                    let work_from = new Date(item['Von'])
+                    let work_to = new Date(item['Bis'])
+                    let actual_day = work_from.toISOString().substring(0, 10)
+                    let actual_work_hours = (work_to - work_from)/(1000*60*60)
+                    cash_work_days[actual_day] ??= 0
+                    cash_work_days[actual_day] += actual_work_hours
+                })
+                for (let day in cash_work_days) {
+                    let hours = cash_work_days[day]
+                    let hours_digits = Math.trunc(hours)
+                    let minutes_digits = Math.round((hours-hours_digits)*60)
+                    let working_time = String(hours_digits).padStart(2, '0') + ":"
+                        + String(minutes_digits).padStart(2, '0') + ':00'
+                    activeRecordList.push({workingTime: working_time, workingDay: day})
+                }
+                imported_data = activeRecordList
+            },
+        })
+    }
+</script>
+
+
+<fieldset>
+    <legend>Download-Liste</legend>
+    <div class="zelle">
+        <label for="csv-file">Download der Zeiten von <i>aTimeLogger2</i></label>
+        <input type="file" accept="text/csv" id="csv-file" bind:files/>
+        <button type="button" on:click={VerarbeiteDateien}>Upload</button>
+    </div>
+</fieldset>
+<fieldset name="record-data-for-import">
+    <div>
+    {#if imported_data.length < 1}
+        <p>Loading...</p>
+    {:else}
+        <table>
+            <tbody>
+            {#each imported_data as item}
+                <tr>
+                    <td>
+                        {item.workingDay}
+                    </td>
+                    <td>
+                        {item.workingTime}
+                    </td>
+                </tr>
+            {/each}
+            </tbody>
+        </table>
+    {/if}
+    </div>
+</fieldset>

ui/src/routes/WorkingHours/List.svelte

@@ -0,0 +1,95 @@
+<script>
+    import { WorkingHoursRepository } from '../../components/Repositories.svelte'
+    import { TimekeepingDate } from '../../components/TimekeepingDate.svelte'
+    import { paginate, PaginationNav } from 'svelte-paginate'
+    import IconifyIcon from '@iconify/svelte'
+    import wrenchIcon from '@iconify-icons/oi/wrench'
+    import documentIcon from '@iconify-icons/oi/document'
+
+    export let activeRecord = null
+    let isLoading = true
+    let records = []
+    export let currentPage = 1
+    let pageSize = 15
+    $: paginatedItems = paginate({ items: records, pageSize, currentPage })
+
+    const Controller = {
+        'listRecords': () => {
+            Controller.cancelActiveRecord()
+            WorkingHoursRepository.browse().then(data => {
+                Controller.cancelActiveRecord()
+                records = data
+                isLoading = false
+            })
+        },
+        'newRecord': async () => {
+            const actDate = new TimekeepingDate()
+            activeRecord = await WorkingHoursRepository.readOrNew(actDate.getDateString())
+        },
+        'selectActiveRecord': record => WorkingHoursRepository.read(record.workingDay).then(data => {
+            if (data === null) {
+                Controller.listRecords()
+                return
+            }
+            activeRecord = data
+        }),
+        'cancelActiveRecord': () => {
+            activeRecord = null
+        },
+    }
+    Controller.listRecords()
+</script>
+
+<!--suppress HtmlUnknownTarget -->
+<form action="/working-hours">
+    <fieldset>
+        <button on:click={Controller.newRecord} type="button">Neuer Eintrag
+            <IconifyIcon icon={documentIcon}/>
+        </button>
+    </fieldset>
+</form>
+{#if isLoading === true}
+    <p>Loading...</p>
+{:else}
+    <table>
+        <colgroup>
+            <col/>
+            <col/>
+            <col/>
+        </colgroup>
+        <thead>
+        <tr>
+            <th>Datum</th>
+            <th>Arbeitsstunden</th>
+            <th>Aktionen</th>
+        </tr>
+        </thead>
+        <tbody>
+        {#each paginatedItems as record}
+            <tr>
+                <td>{record.workingDay}</td>
+                <td>{record.workingTime}</td>
+                <td>
+                    <button on:click={() => Controller.selectActiveRecord(record)} type="button">Bearbeiten
+                        <IconifyIcon icon={wrenchIcon}/>
+                    </button>
+                </td>
+            </tr>
+        {/each}
+        </tbody>
+        <tfoot>
+        <tr>
+            <td colspan="4">
+                <PaginationNav
+                    totalItems="{records.length}"
+                    pageSize="{pageSize}"
+                    currentPage="{currentPage}"
+                    limit="{1}"
+                    showStepOptions="{true}"
+                    on:setPage="{(e) => currentPage = e.detail.page}"
+                />
+            </td>
+        </tr>
+        </tfoot>
+    </table>
+{/if}

ui/src/routes/YearlyViews.svelte

@@ -0,0 +1,11 @@
+<script>
+    import Views from "./Views.svelte";
+    import {WorkingHoursViewsRepository} from "../components/Repositories.svelte";
+    export let params
+    params = {
+        title: 'Jahresansicht',
+        promise: WorkingHoursViewsRepository.yearly()
+    }
+</script>
+
+<Views {params} />