popup.html (view raw)
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8" />
5 <title>Mailcatcher Viewer</title>
6 <style>
7 body {
8 width: 400px;
9 padding: 10px;
10 font-family: Arial, sans-serif;
11 }
12 .email-list {
13 max-height: 300px;
14 overflow-y: auto;
15 border: 1px solid #ccc;
16 margin-top: 10px;
17 }
18 .email-item {
19 padding: 8px;
20 border-bottom: 1px solid #eee;
21 cursor: pointer;
22 }
23 .email-item:hover {
24 background-color: #f5f5f5;
25 }
26 #config {
27 margin-bottom: 10px;
28 }
29 button {
30 margin-top: 5px;
31 padding: 5px 10px;
32 }
33 </style>
34 </head>
35 <body>
36 <div id="config">
37 <label for="mailcatcher-url">URL de Mailcatcher :</label>
38 <input
39 type="text"
40 id="mailcatcher-url"
41 placeholder="http://localhost:1080"
42 />
43 <button id="save-url">Enregistrer</button>
44 </div>
45 <button id="refresh-emails">Rafraîchir</button>
46 <div class="email-list" id="email-list"></div>
47 <script src="popup.js"></script>
48 </body>
49</html>