Log _SERVER when errors are found

api/common/Controller/Jobs.php

@@ -12,7 +12,7 @@ class Jobs
 {
     use Json;
 
-    public function schedule(ServerRequestInterface $request, ResponseInterface $response, Service $jobsService): ResponseInterface
+    public function schedule(ServerRequestInterface $request, ResponseInterface $response, Service $service, \ProVM\Common\Service\Messages $messagesService): ResponseInterface
     {
         $body = $request->getBody();
         $json = \Safe\json_decode($body->getContents());
@@ -25,21 +25,24 @@ class Jobs
             'scheduled' => 0
         ];
         foreach ($json->messages as $message_id) {
-            if ($jobsService->schedule($message_id)) {
+            if ($service->schedule($message_id)) {
+                $message = $messagesService->getRepository()->fetchById($message_id);
+                $message->doesHaveScheduledDownloads();
+                $messagesService->getRepository()->save($message);
                 $output['scheduled'] ++;
             }
         }
         return $this->withJson($response, $output);
     }
-    public function pending(ServerRequestInterface $request, ResponseInterface $response, Service $jobsService): ResponseInterface
+    public function pending(ServerRequestInterface $request, ResponseInterface $response, Service $service): ResponseInterface
     {
         $pending = array_map(function(Job $job) {
             return $job->toArray();
-        }, $jobsService->getPending());
+        }, $service->getPending());
         $output = [
             'total' => count($pending),
             'pending' => $pending
         ];
         return $this->withJson($response, $output);
     }
-}
+}

api/common/Middleware/Logging.php

@@ -0,0 +1,38 @@
+<?php
+namespace ProVM\Common\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+
+class Logging
+{
+    public function __construct(LoggerInterface $logger) {
+        $this->setLogger($logger);
+    }
+
+    protected LoggerInterface $logger;
+
+    public function getLogger(): LoggerInterface
+    {
+        return $this->logger;
+    }
+
+    public function setLogger(LoggerInterface $logger): Logging
+    {
+        $this->logger = $logger;
+        return $this;
+    }
+
+    public function __invoke(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $response = $handler->handle($request);
+        $output = [
+            'uri' => var_export($request->getUri(), true),
+            'body' => $request->getBody()->getContents()
+        ];
+        $this->getLogger()->info(\Safe\json_encode($output, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE));
+        return $response;
+    }
+}

api/public/index.php

@@ -8,6 +8,11 @@ Monolog\ErrorHandler::register($app->getContainer()->get(Psr\Log\LoggerInterface
 try {
     $app->run();
 } catch (Error | Exception $e) {
-    $app->getContainer()->get(Psr\Log\LoggerInterface::class)->error($e);
+    $logger = $app->getContainer()->get(Psr\Log\LoggerInterface::class);
+    if (isset($_REQUEST)) {
+        $logger->debug(Safe\json_encode(compact('_REQUEST')));
+    }
+    $logger->debug(Safe\json_encode(compact('_SERVER')));
+    $logger->error($e);
     throw $e;
 }

api/setup/middleware/98_log.php

@@ -0,0 +1,2 @@
+<?php
+$app->add($app->getContainer()->get(ProVM\Common\Middleware\Logging::class));

api/setup/settings/02_folders.php

@@ -18,4 +18,5 @@ return [
         ]);
     },
     'attachments_folder' => $_ENV['ATTACHMENTS_FOLDER'],
-];
+    'logs_folder' => '/logs',
+];

api/setup/setups/04_middlewares.php

@@ -7,5 +7,8 @@ return [
             $container->get(Nyholm\Psr7\Factory\Psr17Factory::class),
             $container->get(Psr\Log\LoggerInterface::class)
         );
+    },
+    ProVM\Common\Middleware\Logging::class => function(ContainerInterface $container) {
+        return new ProVM\Common\Middleware\Logging($container->get('request_logger'));
     }
-];
+];

api/setup/setups/98_log.php

@@ -10,13 +10,23 @@ return [
         $handler->setFormatter($container->get(Monolog\Formatter\SyslogFormatter::class));
         return $handler;
     },
+    'request_logger' => function(ContainerInterface $container) {
+        $logger = new Monolog\Logger('request_logger');
+        $handler = new Monolog\Handler\RotatingFileHandler(implode(DIRECTORY_SEPARATOR, [$container->get('logs_folder'), 'requests.log']));
+        $handler->setFormatter($container->get(Monolog\Formatter\SyslogFormatter::class));
+        $dedupHandler = new Monolog\Handler\DeduplicationHandler($handler, null, Monolog\Level::Info);
+        $logger->pushHandler($dedupHandler);
+        $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
+        return $logger;
+    },
     Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
         $logger = new Monolog\Logger('file_logger');
         $logger->pushHandler($container->get(Monolog\Handler\DeduplicationHandler::class));
-        //$logger->pushHandler($container->get(Monolog\Handler\RotatingFileHandler::class));
         $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
         $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
         $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
         return $logger;
     }
-];
+];

api/src/Model/Message.php

@@ -108,7 +108,12 @@ class Message implements Model
     }
     public function getState(string $name): \ProVM\Emails\Model\State\Message
     {
-        return $this->getStates()[$name];
+        try {
+            return $this->getStates()[$name];
+        } catch (\Exception $e) {
+            $this->newState($name);
+            return $this->getStates()[$name];
+        }
     }
     public function addState(\ProVM\Emails\Model\State\Message $state): Message
     {
@@ -127,6 +132,7 @@ class Message implements Model
         $this->addState((new \ProVM\Emails\Model\State\Message())
             ->setName($name)
             ->setMessage($this)
+            ->setValue(false)
         );
         return $this;
     }
@@ -143,31 +149,31 @@ class Message implements Model
     {
         return $this->getState('downloaded_attachments')->getValue() ?? false;
     }
+    public function hasScheduledDownloads(): bool
+    {
+        return $this->getState('scheduled_downloads')->getValue() ?? false;
+    }
 
     public function doesHaveAttachments(): Message
     {
-        if (!isset($this->getStates()['has_attachments'])) {
-            $this->newState('has_attachments');
-        }
         $this->getState('has_attachments')->setValue(true);
         return $this;
     }
     public function doesHaveValidAttachments(): Message
     {
-        if (!isset($this->getStates()['valid_attachments'])) {
-            $this->newState('valid_attachments');
-        }
         $this->getState('valid_attachments')->setValue(true);
         return $this;
     }
     public function doesHaveDownloadedAttachments(): Message
     {
-        if (!isset($this->getStates()['downloaded_attachments'])) {
-            $this->newState('downloaded_attachments');
-        }
         $this->getState('downloaded_attachments')->setValue(true);
         return $this;
     }
+    public function doesHaveScheduledDownloads(): Message
+    {
+        $this->getState('scheduled_downloads')->setValue(true);
+        return $this;
+    }
 
     protected array $attachments;
     public function getAttachments(): array
@@ -205,11 +211,12 @@ class Message implements Model
             'states' => [
                 'has_attachments' => $this->hasAttachments(),
                 'valid_attachments' => $this->hasValidAttachments(),
-                'downloaded_attachments' => $this->hasDownloadedAttachments()
+                'downloaded_attachments' => $this->hasDownloadedAttachments(),
+                'scheduled_downloads' => $this->hasScheduledDownloads()
             ],
             'attachments' => $this->hasValidAttachments() ? array_map(function(Attachment $attachment) {
                 return $attachment->toArray();
             }, $this->getAttachments()) : []
         ];
     }
-}
+}

api/src/Repository/Message.php

@@ -111,7 +111,8 @@ class Message extends Repository
         $valid_states = [
             'has_attachments',
             'valid_attachments',
-            'downloaded_attachments'
+            'downloaded_attachments',
+            'scheduled_downloads'
         ];
         foreach ($valid_states as $state_name) {
             try {
@@ -160,4 +161,4 @@ class Message extends Repository
                     WHERE `mailbox_id` = ? `subject` = ? AND `from` = ? AND `date_time` = ?";
         return $this->fetchOne($query, [$mailbox_id, $subject, $from, $dateTime->format('Y-m-d H:i:s')]);
     }
-}
+}

cli/common/Middleware/Logging.php

@@ -0,0 +1,38 @@
+<?php
+namespace ProVM\Common\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+
+class Logging
+{
+    public function __construct(LoggerInterface $logger) {
+        $this->setLogger($logger);
+    }
+
+    protected LoggerInterface $logger;
+
+    public function getLogger(): LoggerInterface
+    {
+        return $this->logger;
+    }
+
+    public function setLogger(LoggerInterface $logger): Logging
+    {
+        $this->logger = $logger;
+        return $this;
+    }
+
+    public function __invoke(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $response = $handler->handle($request);
+        $output = [
+            'uri' => var_export($request->getUri(), true),
+            'body' => $request->getBody()->getContents()
+        ];
+        $this->getLogger()->info(\Safe\json_encode($output, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE));
+        return $response;
+    }
+}

cli/public/index.php

@@ -4,9 +4,12 @@ $app = require_once implode(DIRECTORY_SEPARATOR, [
     'setup',
     'app.php'
 ]);
+Monolog\ErrorHandler::register($app->getContainer()->get(Psr\Log\LoggerInterface::class));
 try {
     $app->run();
 } catch (Error | Exception $e) {
-    $app->getContainer()->get(\Psr\Log\LoggerInterface::class)->error($e);
+    $logger = $app->getContainer()->get(Psr\Log\LoggerInterface::class);
+    $logger->debug(Safe\json_encode(compact('_SERVER')));
+    $logger->error($e);
     throw $e;
 }

cli/setup/middleware/98_log.php

@@ -0,0 +1,2 @@
+<?php
+$app->add($app->getContainer()->get(ProVM\Common\Middleware\Logging::class));

cli/setup/settings/02_folders.php

@@ -14,5 +14,6 @@ return [
             $container->get('resources_folder'),
             'commands'
         ]);
-    }
+    },
+    'logs_folder' => '/logs',
 ];

cli/setup/setups/03_middleware.php

@@ -0,0 +1,8 @@
+<?php
+use Psr\Container\ContainerInterface;
+
+return [
+    ProVM\Common\Middleware\Logging::class => function(ContainerInterface $container) {
+        return new ProVM\Common\Middleware\Logging($container->get('request_logger'));
+    }
+];

cli/setup/setups/98_log.php

@@ -2,14 +2,28 @@
 use Psr\Container\ContainerInterface;
 
 return [
-    \Monolog\Handler\RotatingFileHandler::class => function(ContainerInterface $container) {
-        $handler = new \Monolog\Handler\RotatingFileHandler($container->get('log_file'));
-        $handler->setFormatter($container->get(\Monolog\Formatter\LineFormatter::class));
+    Monolog\Handler\RotatingFileHandler::class => function(ContainerInterface $container) {
+        $handler = new Monolog\Handler\RotatingFileHandler($container->get('log_file'));
+        $handler->setFormatter($container->get(Monolog\Formatter\LineFormatter::class));
         return $handler;
     },
-    \Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
-        $logger = new \Monolog\Logger('file_logger');
-        $logger->pushHandler($container->get(\Monolog\Handler\RotatingFileHandler::class));
+    'request_logger' => function(ContainerInterface $container) {
+        $logger = new Monolog\Logger('request_logger');
+        $handler = new Monolog\Handler\RotatingFileHandler(implode(DIRECTORY_SEPARATOR, [$container->get('logs_folder'), 'requests.log']));
+        $handler->setFormatter($container->get(Monolog\Formatter\SyslogFormatter::class));
+        $dedupHandler = new Monolog\Handler\DeduplicationHandler($handler, null, Monolog\Level::Info);
+        $logger->pushHandler($dedupHandler);
+        $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
         return $logger;
-    }
-];
+    },
+    Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
+        $logger = new Monolog\Logger('file_logger');
+        $logger->pushHandler($container->get(Monolog\Handler\RotatingFileHandler::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
+        return $logger;
+    },
+];

ui/common/Controller/Api.php

@@ -4,14 +4,13 @@ namespace ProVM\Common\Controller;
 use Psr\Http\Message\ResponseInterface;
 use Psr\Http\Message\ServerRequestInterface;
 use ProVM\Common\Service\Api as Service;
+use Psr\Log\LoggerInterface;
 
 class Api
 {
-    public function __invoke(ServerRequestInterface $request, ResponseInterface $response, Service $service): ResponseInterface
+    public function __invoke(ServerRequestInterface $request, ResponseInterface $response, Service $service, LoggerInterface $logger): ResponseInterface
     {
-        $body = $request->getBody();
-        $json = \Safe\json_decode($body->getContents(), JSON_OBJECT_AS_ARRAY);
-
+        $json = $request->getParsedBody();
         return $service->sendRequest($json);
     }
 }

ui/common/Middleware/Logging.php

@@ -0,0 +1,38 @@
+<?php
+namespace ProVM\Common\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+
+class Logging
+{
+    public function __construct(LoggerInterface $logger) {
+        $this->setLogger($logger);
+    }
+
+    protected LoggerInterface $logger;
+
+    public function getLogger(): LoggerInterface
+    {
+        return $this->logger;
+    }
+
+    public function setLogger(LoggerInterface $logger): Logging
+    {
+        $this->logger = $logger;
+        return $this;
+    }
+
+    public function __invoke(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $response = $handler->handle($request);
+        $output = [
+            'uri' => var_export($request->getUri(), true),
+            'body' => $request->getParsedBody()
+        ];
+        $this->getLogger()->info(\Safe\json_encode($output, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE));
+        return $response;
+    }
+}

ui/public/index.php

@@ -8,6 +8,11 @@ Monolog\ErrorHandler::register($app->getContainer()->get(Psr\Log\LoggerInterface
 try {
     $app->run();
 } catch (Error | Exception $e) {
-    $app->getContainer()->get(Psr\Log\LoggerInterface::class)->error($e);
+    $logger = $app->getContainer()->get(Psr\Log\LoggerInterface::class);
+    if (isset($_REQUEST)) {
+        $logger->debug(Safe\json_encode(compact('_REQUEST')));
+    }
+    $logger->debug(Safe\json_encode(compact('_SERVER')));
+    $logger->error($e);
     throw $e;
 }

ui/resources/routes/98_api.php

@@ -1,4 +1,4 @@
 <?php
 use ProVM\Common\Controller\Api;
 
-$app->post('/api', Api::class);
+$app->post('/api[/]', Api::class);

ui/resources/views/emails/messages.blade.php

@@ -17,7 +17,8 @@
             states = {
                 attachments: false,
                 valid: false,
-                downloaded: false
+                downloaded: false,
+                scheduled: false
             }
             attachments
 
@@ -81,10 +82,15 @@
                         const map_keys = {
                             has_attachments: 'attachments',
                             valid_attachments: 'valid',
-                            downloaded_attachments: 'downloaded'
+                            downloaded_attachments: 'downloaded',
+                            scheduled_downloads: 'scheduled'
                         }
                         Object.keys(states).forEach(k => {
-                            this.states[map_keys[k]] = states[k]
+                            if (k in map_keys) {
+                                this.states[map_keys[k]] = states[k]
+                            } else {
+                                this.states[map_keys[k]] = false
+                            }
                         })
                         return this
                     },
@@ -103,6 +109,9 @@
                     },
                     downloaded: () => {
                         return this.states.downloaded
+                    },
+                    scheduled: () => {
+                        return this.states.scheduled
                     }
                 }
             }
@@ -119,80 +128,99 @@
                     downloaded: () => {
                         this.states.downloaded = true
                         return this
+                    },
+                    scheduled: () => {
+                        this.states.scheduled = true
+                        return this
                     }
                 }
             }
 
             draw() {
-                const format = Intl.DateTimeFormat('es-CL', {dateStyle: 'full', timeStyle: 'short'})
-                let date = new Date()
-                try {
-                    date = new Date(this.get().date())
-                } catch (e) {
-                    console.debug(e)
-                }
-                const valid = $('<td></td>').html($('<i></i>').addClass(this.has().valid() ? 'green check circle icon' : 'red times circle icon'))
-                if (this.has().valid() && this.get().attachments().length > 0) {
-                    const list = $('<div></div>').addClass('ui list')
-                    this.get().attachments().forEach(attachment => {
-                        list.append($('<div></div>').addClass('item').html(attachment.filename))
-                    })
-                    valid.append(
-                        $('<div></div>').addClass('ui popup').append(list)
-                    )
-                }
-                const tr = $('<tr></tr>').append(
-                    $('<td></td>').html(this.get().subject())
-                ).append(
-                    $('<td></td>').html(format.format(date))
-                ).append(
-                    $('<td></td>').html(this.get().from().full)
-                ).append(
-                    $('<td></td>').html($('<i></i>').addClass(this.has().attachments() ? 'green check circle icon' : 'red times circle icon'))
-                ).append(
-                    valid
-                ).append(
-                    $('<td></td>').html($('<i></i>').addClass(this.has().downloaded() ? 'green check circle icon' : 'red times circle icon'))
-                ).append(
-                    $('<td></td>').append(
-                        (this.has().attachments() && this.has().valid() && !this.has().downloaded()) ?
-                        $('<button></button>').addClass('ui mini green circular icon button').append(
-                            $('<i></i>').addClass('clock icon')
-                        ).click(() => {
-                            this.download().attachments(this.get().id())
-                        }) : ''
-                    )
-                )
-                if (this.has().downloaded()) {
-                    tr.find('td').each((i, td) => {
-                        const content = $(td).html()
-                        if (content.indexOf('icon') > -1) {
-                            return
+                return {
+                    row: () => {
+                        const format = Intl.DateTimeFormat('es-CL', {dateStyle: 'full', timeStyle: 'short'})
+                        let date = new Date()
+                        try {
+                            date = new Date(this.get().date())
+                        } catch (e) {
+                            console.debug(e)
                         }
-                        $(td).html('')
-                        $(td).append(
-                            $('<a></a>').attr('href', '{{$urls->base}}/emails/message/' + this.id).html(content)
+                        const valid = $('<td></td>').html($('<i></i>').addClass(this.has().valid() ? 'green check circle icon' : 'red times circle icon'))
+                        if (this.has().valid() && this.get().attachments().length > 0) {
+                            const list = $('<div></div>').addClass('ui list')
+                            this.get().attachments().forEach(attachment => {
+                                list.append($('<div></div>').addClass('item').html(attachment.filename))
+                            })
+                            valid.append(
+                                $('<div></div>').addClass('ui popup').append(list)
+                            )
+                        }
+                        const tr = $('<tr></tr>').attr('data-id', this.get().id()).append(
+                            $('<td></td>').html(this.get().subject())
+                        ).append(
+                            $('<td></td>').html(format.format(date))
+                        ).append(
+                            $('<td></td>').html(this.get().from().full)
+                        ).append(
+                            $('<td></td>').html($('<i></i>').addClass(this.has().attachments() ? 'green check circle icon' : 'red times circle icon'))
+                        ).append(
+                            valid
+                        ).append(
+                            $('<td></td>').html($('<i></i>').addClass(this.has().downloaded() ? 'green check circle icon' : 'red times circle icon'))
+                        ).append(
+                            $('<td></td>').append(
+                                (this.has().attachments() && this.has().valid() && !this.has().downloaded()) ?
+                                    ((this.has().scheduled()) ? this.draw().scheduledButton() : this.draw().scheduleButton()) : ''
+                            )
                         )
-                    })
+                        if (this.has().downloaded()) {
+                            tr.find('td').each((i, td) => {
+                                const content = $(td).html()
+                                if (content.indexOf('icon') > -1) {
+                                    return
+                                }
+                                $(td).html('')
+                                $(td).append(
+                                    $('<a></a>').attr('href', '{{$urls->base}}/emails/message/' + this.id).html(content)
+                                )
+                            })
+                        }
+                        return tr
+                    },
+                    scheduleButton: () => {
+                        return $('<button></button>').addClass('ui mini circular icon button').append(
+                            $('<i></i>').addClass('clock icon')
+                        ).click(e => {
+                            this.download().attachments(e)
+                        })
+                    },
+                    scheduledButton: () => {
+                        return $('<i></i>').addClass('ui green circular inverted check icon')
+                    },
+                    schedulingButton: () => {
+                        return $('<i></i>').addClass('ui circular inverted redo loading icon')
+                    }
                 }
-                return tr
             }
-
             download() {
                 return {
-                    attachments: id => {
+                    attachments: event => {
+                        const td = $(event.currentTarget).parent()
+                        const id = this.get().id()
                         const uri = '/messages/schedule'
                         const data = {
                             messages: [
                                 id
                             ]
                         }
+                        td.html('').append(this.draw().schedulingButton())
                         return Send.put({
                             uri,
                             data
                         }).then(response => {
                             if (response.scheduled > 0) {
-                                alert('Scheduled Attachments Job')
+                                td.html('').append(this.draw().scheduledButton())
                             }
                         })
                     }
@@ -205,9 +233,6 @@
                 name: '',
                 count: ''
             },
-            page: 1,
-            current: 0,
-            shown: 10,
             total: null,
             visible: [],
             get: function() {
@@ -221,7 +246,13 @@
                     },
                     messages: () => {
                         const uri = '/mailbox/{{$mailbox_id}}/messages/valid'
-                        return Send.get(uri).then(response => {
+                        return Send.get(uri).then((response, status, jqXHR) => {
+                            if (parseInt(jqXHR.status/100) !== 2 || jqXHR.status === 204) {
+                                $(this.id.results).html('').append(
+                                    this.draw().empty()
+                                )
+                                return
+                            }
                             if (this.total === null) {
                                 $(this.id.count).html(' (' + response.total + ')')
                                 this.total = response.total
@@ -244,7 +275,6 @@
                 }
             },
             draw: function() {
-                const columns = 8
                 return {
                     loader: () => {
                         $(this.id.results).html('').append(
@@ -264,8 +294,6 @@
                             this.draw().head()
                         ).append(
                             this.draw().body()
-                        ).append(
-                            this.draw().footer()
                         )
                     },
                     head: () => {
@@ -280,43 +308,8 @@
                             }
                             values.push(v)
                         }
-                        const dropdown = $('<div></div>').addClass('ui scrolling dropdown').append(
-                            $('<i></i>').addClass('dropdown icon')
-                        ).append(
-                            $('<div></div>').addClass('text').html(this.shown)
-                        ).dropdown({
-                            values,
-                            onChange: (value, text, $choice) => {
-                                if (value === this.shown) {
-                                    return
-                                }
-                                this.shown = parseInt(value)
-                                // Trigger pending transition
-                                $choice.parent().parent().dropdown('hide')
-                                this.get()
-                            }
-                        })
+
                         return $('<thead></thead>').append(
-                            $('<tr></tr>').append(
-                                $('<th></th>').addClass('right aligned').attr('colspan', columns).append(
-                                    dropdown
-                                ).append(
-                                    $('<span></span>').addClass('ui basic label').html((this.current + 1) + ' - ' + Math.min(this.shown + this.current, this.total ?? 99999999))
-                                ).append(
-                                    $('<button></button>').addClass('ui mini circular icon button').append(
-                                        $('<i></i>').addClass('left chevron icon')
-                                    ).click(() => {
-                                        this.prev()
-                                    })
-                                ).append(
-                                    $('<button></button>').addClass('ui mini circular icon button').append(
-                                        $('<i></i>').addClass('right chevron icon')
-                                    ).click(() => {
-                                        this.next()
-                                    })
-                                )
-                            )
-                        ).append(
                             $('<tr></tr>').append(
                                 $('<th></th>').html('#')
                             ).append(
@@ -339,7 +332,7 @@
                     body: () => {
                         const tbody = $('<tbody></tbody>')
                         this.visible.forEach((m, i) => {
-                            const row = m.draw()
+                            const row = m.draw().row()
                             row.prepend(
                                 $('<td></td>').html(i + this.current + 1)
                             )
@@ -347,94 +340,12 @@
                         })
                         return tbody
                     },
-                    footer: () => {
-                        const pages = this.lastPage()
-                        const paging = $('<div></div>').addClass('ui right floated pagination menu')
-                        if (this.page !== 1) {
-                            paging.append(
-                                $('<a></a>').addClass('icon item').append(
-                                    $('<i></i>').addClass('step backward icon')
-                                ).click(() => {
-                                    this.first()
-                                })
-                            )
-                        }
-                        for (let i = 0; i < pages; i ++) {
-                            const page = $('<a></a>').addClass('item').html(i + 1).click(() => {
-                                this.goto(i + 1)
-                            })
-                            if (i + 1 === this.page) {
-                                page.addClass('active')
-                            }
-                            paging.append(page)
-                        }
-                        if (this.page !== this.lastPage()) {
-                            paging.append(
-                                $('<a></a>').addClass('icon item').append(
-                                    $('<i></i>').addClass('step forward icon')
-                                ).click(() => {
-                                    this.last()
-                                })
-                            )
-                        }
-                        return $('<tfoot></tfoot>').append(
-                            $('<tr></tr>').append(
-                                $('<th></th>').attr('colspan', columns).append(paging)
-                            )
-                        )
-                    },
                     empty: () => {
+                        $(this.id.count).html(' (0)')
                         return $('<div></div>').addClass('ui message').html('No messages found.')
                     }
                 }
             },
-            lastPage: function() {
-                let pages = Math.floor(this.total / this.shown)
-                if (this.total / this.shown > pages) {
-                    pages ++
-                }
-                return pages
-            },
-            first: function() {
-                if (this.current === 0) {
-                    return
-                }
-                this.page = 1
-                this.current = 0
-                this.get()
-            },
-            next: function() {
-                if (this.current + this.shown >= this.total) {
-                    return
-                }
-                this.page ++
-                this.current += this.shown
-                this.get()
-            },
-            goto: function(page) {
-                if (this.page === page) {
-                    return
-                }
-                this.page = page
-                this.current = (this.page - 1) * this.shown
-                this.get()
-            },
-            prev: function() {
-                if (this.current < this.shown) {
-                    return
-                }
-                this.page --
-                this.current -= this.shown
-                this.get()
-            },
-            last: function() {
-                if (this.page === this.lastPage()) {
-                    return
-                }
-                this.page = this.lastPage()
-                this.current = (this.page - 1) * this.shown
-                this.get()
-            },
             setup: function() {
                 this.get().mailbox().then(() => {
                     this.get().messages()
@@ -448,4 +359,4 @@
             messages.setup()
         })
     </script>
-@endpush
+@endpush

ui/resources/views/emails/show.blade.php

@@ -3,7 +3,7 @@
 @section('emails_content')
     <h3>Message - <span id="subject"></span> - <span id="from"></span></h3>
     <h4 id="date_time"></h4>
-    <div class="ui list" id="attachments"></div>
+    <div class="ui bulleted link list" id="attachments"></div>
 @endsection
 
 @push('page_scripts')
@@ -82,7 +82,7 @@
                     attachments: parent => {
                         this.get().attachments().forEach(attachment => {
                             parent.append(
-                                $('<a></a>').attr('href', _urls.base + '/attachment/' + attachment.id).attr('download', attachment.fullname).html(attachment.fullname)
+                                $('<a></a>').attr('href', '{{$urls->base}}/attachment/' + attachment.id).attr('download', attachment.fullname).html(attachment.fullname)
                             )
                         })
                     }
@@ -100,4 +100,4 @@
             message.setup('{{$message_id}}')
         })
     </script>
-@endpush
+@endpush

ui/resources/views/home.blade.php

@@ -14,7 +14,8 @@
                 const uri = '/mailboxes/registered'
                 this.draw().loading()
                 return Send.get(uri).then((response, status, jqXHR) => {
-                    if (parseInt(jqXHR.status / 100) !== 2) {
+                    if (parseInt(jqXHR.status / 100) !== 2 || jqXHR.status === 204) {
+                        this.draw().empty()
                         return
                     }
                     if (jqXHR.status === 200) {
@@ -44,7 +45,7 @@
                         const parent = $(this.div_id)
                         parent.html('')
                         if (this.mailboxes.length === 0) {
-                            parent.html('No mailboxes registered.')
+                            this.draw().empty()
                             return
                         }
                         const list = $('<div></div>').addClass('ui list')
@@ -54,6 +55,13 @@
                             )
                         })
                         parent.append(list)
+                    },
+                    empty: () => {
+                        const parent = $(this.div_id)
+                        parent.html('')
+                        parent.append(
+                            $('<div></div>').addClass('ui message').html('No mailboxes registered.')
+                        )
                     }
                 }
             }
@@ -63,4 +71,4 @@
             mailboxes.get()
         })
     </script>
-@endpush
+@endpush

ui/resources/views/layout/body/footer/scripts/main.blade.php

@@ -3,18 +3,17 @@
         base_url: '{{$urls->api}}',
         base: function({method, uri, data = null}) {
             const request = {
-                uri: uri.replace(/^\//g, ''),
+                uri: uri,
                 method
             }
             const options = {
                 url: this.base_url,
                 method: 'post',
-                contentType: 'application/json'
             }
             if (method.toLowerCase() !== 'get' && data !== null) {
                 request['data'] = data
             }
-            options['data'] = JSON.stringify(request)
+            options['data'] = request
             return $.ajax(options)
         },
         get: function(uri) {
@@ -30,5 +29,5 @@
             return this.base({method: 'delete', uri, data})
         }
     }
-    const _urls = JSON.parse('{!! Safe\json_encode($urls) !!}')
-</script>
+    //const _urls = JSON.parse('{!! Safe\json_encode($urls) !!}')
+</script>

ui/setup/middleware/98_log.php

@@ -0,0 +1,2 @@
+<?php
+$app->add($app->getContainer()->get(ProVM\Common\Middleware\Logging::class));

ui/setup/settings/02_folders.php

@@ -20,6 +20,7 @@ return [
             $arr['base'],
             'cache'
         ]);
+        $arr['logs'] = '/logs';
         return (object) $arr;
     }
-];
+];

ui/setup/setups/02_api.php

@@ -4,7 +4,7 @@ use Psr\Container\ContainerInterface;
 return [
     Psr\Http\Client\ClientInterface::class => function(ContainerInterface $container) {
         return new GuzzleHttp\Client([
-            'base_uri' => "http://proxy:8080",
+            'base_uri' => $container->get('urls')->api,
             'headers' => [
                 'Authorization' => [
                     "Bearer {$container->get('api_key')}"
@@ -15,4 +15,4 @@ return [
     Psr\Http\Message\RequestFactoryInterface::class => function(ContainerInterface $container) {
         return $container->get(Nyholm\Psr7\Factory\Psr17Factory::class);
     },
-];
+];

ui/setup/setups/04_middleware.php

@@ -0,0 +1,8 @@
+<?php
+use Psr\Container\ContainerInterface;
+
+return [
+    ProVM\Common\Middleware\Logging::class => function(ContainerInterface $container) {
+        return new ProVM\Common\Middleware\Logging($container->get('request_logger'));
+    }
+];

ui/setup/setups/98_log.php

@@ -10,13 +10,23 @@ return [
         $handler->setFormatter($container->get(Monolog\Formatter\SyslogFormatter::class));
         return $handler;
     },
-    Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
-        $logger = new Monolog\Logger('file_logger');
-        $logger->pushHandler($container->get(Monolog\Handler\DeduplicationHandler::class));
-        //$logger->pushHandler($container->get(Monolog\Handler\RotatingFileHandler::class));
+    'request_logger' => function(ContainerInterface $container) {
+        $logger = new Monolog\Logger('request_logger');
+        $handler = new Monolog\Handler\RotatingFileHandler(implode(DIRECTORY_SEPARATOR, [$container->get('folders')->logs, 'requests.log']));
+        $handler->setFormatter($container->get(Monolog\Formatter\SyslogFormatter::class));
+        $dedupHandler = new Monolog\Handler\DeduplicationHandler($handler, null, Monolog\Level::Info);
+        $logger->pushHandler($dedupHandler);
         $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
         $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
         $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
         return $logger;
-    }
-];
+    },
+    Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
+        $logger = new Monolog\Logger('file_logger');
+        $logger->pushHandler($container->get(Monolog\Handler\DeduplicationHandler::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\PsrLogMessageProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\IntrospectionProcessor::class));
+        $logger->pushProcessor($container->get(Monolog\Processor\MemoryUsageProcessor::class));
+        return $logger;
+    },
+];