Skip to content

Add MailHog integration and update Docker Compose configuration #1041

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
parmarhardip wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add MailHog integration and update Docker Compose configuration #1041

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
127 changes: 127 additions & 0 deletions .devilbox/www/htdocs/mailhog.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<?php require '../config.php'; ?>
<?php loadClass('Helper')->authPage(); ?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MailHog - Devilbox</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/devilbox.css">
<style>
.mailhog-container {
height: calc(100vh - 200px);
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
}
.mailhog-frame {
width: 100%;
height: 100%;
border: none;
}
.mailhog-header {
background: #f8f9fa;
padding: 15px;
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.mailhog-status {
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
}
.status-online {
background: #d4edda;
color: #155724;
}
.status-offline {
background: #f8d7da;
color: #721c24;
}
</style>
<?php echo loadClass('Html')->getHead(true); ?>
</head>
<body>
<?php echo loadClass('Html')->getNavbar(); ?>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="mailhog-header">
<h2><i class="fa fa-envelope"></i> MailHog Email Testing</h2>
<p class="text-muted mb-0">
Modern email testing interface integrated into Devilbox.
All emails sent from your PHP applications will appear here.
</p>
<div class="mt-2">
<span class="mailhog-status status-online">
<i class="fa fa-circle"></i> MailHog Online
</span>
<span class="ml-2 text-muted">
Port: 8025 | Container: mailhog
</span>
</div>
</div>

<div class="mailhog-container">
<iframe
src="http://localhost:8025"
class="mailhog-frame"
title="MailHog Interface"
sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-top-navigation">
</iframe>
</div>

<div class="mt-3 p-3 bg-light border rounded">
<h5><i class="fa fa-info-circle"></i> How to Use MailHog</h5>
<div class="row">
<div class="col-md-6">
<h6>Send Test Emails:</h6>
<ul class="mb-0">
<li>Use the form above to send test emails</li>
<li>All emails are caught locally (no internet)</li>
<li>Perfect for development and testing</li>
</ul>
</div>
<div class="col-md-6">
<h6>PHP Integration:</h6>
<ul class="mb-0">
<li>PHP mail() function works automatically</li>
<li>Configured in <code>cfg/php-ini-8.2/mailhog.ini</code></li>
<li>No code changes needed in your projects</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php echo loadClass('Html')->getFooter(); ?>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script>
// Check if MailHog is accessible
function checkMailHogStatus() {
fetch('http://localhost:8025')
.then(response => {
if (response.ok) {
document.querySelector('.status-online').style.display = 'inline-block';
document.querySelector('.status-offline').style.display = 'none';
}
})
.catch(error => {
document.querySelector('.status-online').style.display = 'none';
document.querySelector('.status-offline').style.display = 'inline-block';
});
}

// Check status every 30 seconds
setInterval(checkMailHogStatus, 30000);
checkMailHogStatus();
</script>
</body>
</html>
4 changes: 4 additions & 0 deletions .devilbox/www/include/lib/Html.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,10 @@ class Html
array(
'name' => 'Emails',
'path' => '/mail.php'
),
array(
'name' => 'MailHog',
'path' => '/mailhog.php'
)
),
array(
Expand Down
8 changes: 7 additions & 1 deletion docker-compose.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ services:
php:
image: devilbox/php-fpm:${PHP_SERVER}-work-0.150
hostname: php

restart: always
##
## All .env variables
##
Expand Down Expand Up @@ -231,6 +231,7 @@ services:
httpd:
image: devilbox/${HTTPD_SERVER}:${HTTPD_FLAVOUR:-alpine}-1.0
hostname: httpd
restart: always

environment:

Expand Down Expand Up @@ -343,6 +344,7 @@ services:
mysql:
image: devilbox/mysql:${MYSQL_SERVER}-0.21
hostname: mysql
restart: always

environment:
- MYSQL_ROOT_PASSWORD
Expand Down Expand Up @@ -380,6 +382,7 @@ services:
pgsql:
image: postgres:${PGSQL_SERVER}
hostname: pgsql
restart: always

environment:

Expand Down Expand Up @@ -415,6 +418,7 @@ services:
redis:
image: redis:${REDIS_SERVER}
hostname: redis
restart: always

# Apply custom arguments to redis startup
command: redis-server ${REDIS_ARGS:- }
Expand All @@ -441,6 +445,7 @@ services:
memcd:
image: memcached:${MEMCD_SERVER}
hostname: memcd
restart: always

ports:
# [local-machine:]local-port:docker-port
Expand All @@ -462,6 +467,7 @@ services:
mongo:
image: mongo:${MONGO_SERVER}
hostname: mongo
restart: always

ports:
# [local-machine:]local-port:docker-port
Expand Down