From bfa4070c568e2f63284cad330c0c7212f3602988 Mon Sep 17 00:00:00 2001
From: Synox <synox@users.noreply.github.com>
Date: Tue, 9 Jan 2018 19:41:50 +0100
Subject: [PATCH] use QUERY_STRING and show reload icon

---
 src/backend.php           |  10 +-
 src/if_sync-01_186384.png | Bin 0 -> 3471 bytes
 src/index.php             | 413 +++++++++++++++++++-------------------
 3 files changed, 211 insertions(+), 212 deletions(-)
 create mode 100644 src/if_sync-01_186384.png

diff --git a/src/backend.php b/src/backend.php
index 71e08eb..3431f41 100644
--- a/src/backend.php
+++ b/src/backend.php
@@ -51,8 +51,6 @@ function delete_email($mailid, $address) {
     if (_load_one_email($mailid, $address) !== null) {
         $mailbox->deleteMail($mailid);
         $mailbox->expungeDeletedMails();
-        header('Content-type: application/json');
-        print(json_encode(array("success" => true)));
     } else {
         error(404, 'delete error: invalid username/mailid combination');
     }
@@ -140,8 +138,7 @@ function redirect_to_random($domains) {
     $name = $word . $nr;
 
     $domain = $domains[array_rand($domains)];
-
-    header("location: ?address=$name@$domain");
+    header("location: ?$name@$domain");
 }
 
 /**
@@ -157,11 +154,6 @@ function delete_old_messages() {
     $mailbox->expungeDeletedMails();
 }
 
-//
-//// Never cache requests:
-//header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
-//header("Cache-Control: post-check=0, pre-check=0", false);
-//header("Pragma: no-cache");
 
 // run on every request
 delete_old_messages();
diff --git a/src/if_sync-01_186384.png b/src/if_sync-01_186384.png
new file mode 100644
index 0000000000000000000000000000000000000000..3df77f81379003855537e8cff5450e666d6e908c
GIT binary patch
literal 3471
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

literal 0
HcmV?d00001

diff --git a/src/index.php b/src/index.php
index dc845d3..6583983 100644
--- a/src/index.php
+++ b/src/index.php
@@ -1,240 +1,247 @@
 <?php
 require_once('backend.php');
 
-
-if (isset($_GET['random'])) {
-    redirect_to_random($config['domains']);
-    die();
-} elseif (isset($_GET['username']) && isset($_GET['domain'])) {
+// simple router:
+if (isset($_GET['username']) && isset($_GET['domain'])) {
     $username = filter_input(INPUT_GET, 'username', FILTER_SANITIZE_EMAIL);
     $domain = filter_input(INPUT_GET, 'domain', FILTER_SANITIZE_EMAIL);
-    header("location: ?address=$username@$domain");
-    die();
-} elseif (!isset($_GET['address'])) {
-    redirect_to_random($config['domains']);
-} else {
-    // perform common validation:
+    header("location: ?$username@$domain");
+    exit();
+} elseif (isset($_GET['download_email_id'])) {
     $address = filter_input(INPUT_GET, 'address', FILTER_SANITIZE_EMAIL);
+    download_email($_GET['download_email_id'], $address);
+    exit();
+} elseif (isset($_GET['delete_email_id'])) {
+    $address = filter_input(INPUT_GET, 'address', FILTER_SANITIZE_EMAIL);
+    $delete_email_id = filter_input(INPUT_GET, 'delete_email_id', FILTER_SANITIZE_NUMBER_INT);
+    delete_email($delete_email_id, $address);
+    header("location: ?$address");
+    exit();
+} elseif (isset($_GET['random'])) {
+    redirect_to_random($config['domains']);
+    exit();
+} else {
+    // validate & print emails:
+    $address = filter_var($_SERVER['QUERY_STRING'], FILTER_SANITIZE_EMAIL);
     $username = _clean_username($address);
     $userDomain = _clean_domain($address);
-    if (strlen($address) === 0) {
-        error(400, 'invalid username');
+    if (empty($username) || empty($userDomain)) {
+        redirect_to_random($config['domains']);
+        exit();
     }
-    if (strlen($userDomain) === 0 || !in_array($userDomain, $config['domains'])) {
-        error(400, 'invalid domain');
-    }
-
-    // simple router:
-    if (isset($_GET['download_email_id'])) {
-        download_email($_GET['download_email_id'], $address);
-        die();
-    }
-    if (isset($_GET['delete_email_id'])) {
-        $delete_email_id = filter_input(INPUT_GET, 'delete_email_id', FILTER_SANITIZE_NUMBER_INT);
-        delete_email($delete_email_id, $address);
-    }
-    // print emails:
     $emails = get_emails($address);
-}
 
-?>
+    ?>
 
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Mailbox <?php echo $address ?></title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <meta name="mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"
-          integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="spinner.css">
-    <script src="turbolinks.js"></script>
-    <meta name="turbolinks-cache-control" content="no-preview">
+    <html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title><?php echo $address ?></title>
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link rel="icon" type="image/x-icon" href="favicon.ico">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"
+              integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi"
+              crossorigin="anonymous">
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="style.css">
+        <link rel="stylesheet" href="spinner.css">
+        <script src="turbolinks.js"></script>
+        <meta name="turbolinks-cache-control" content="no-preview">
 
-    <script>
-        // https://stackoverflow.com/a/44353026
-        var reloadWithTurbolinks = (function () {
-            var scrollPosition;
+        <script>
+            // https://stackoverflow.com/a/44353026
+            var reloadWithTurbolinks = (function () {
+                var scrollPosition;
 
-            function reload() {
-                scrollPosition = [window.scrollX, window.scrollY];
-                Turbolinks.visit(window.location.toString(), {action: 'replace'})
-            }
-
-            document.addEventListener('turbolinks:load', function () {
-                if (scrollPosition) {
-                    window.scrollTo.apply(window, scrollPosition);
-                    scrollPosition = null
+                function reload() {
+                    Turbolinks.visit(window.location.toString(), {action: 'replace'})
                 }
-            });
 
-            return reload
-        })();
+                document.addEventListener('turbolinks:before-render', function () {
+                    scrollPosition = [window.scrollX, window.scrollY];
+                });
+
+                document.addEventListener('turbolinks:load', function () {
+                    if (scrollPosition) {
+                        window.scrollTo.apply(window, scrollPosition);
+                        scrollPosition = null
+                    }
+                });
+
+                return reload
+            })();
 
 
-        setInterval(function () {
-            reloadWithTurbolinks();
-        }, 10000)
+            setInterval(function () {
+                reloadWithTurbolinks();
+            }, 15000)
 
-    </script>
-</head>
+        </script>
+    </head>
 
 
-<body data-turbolinks="false">
+    <body data-turbolinks="false">
 
-<header>
-    <div class="container">
-        <small class="form-text text-muted">
-            change username:
-        </small>
+    <header data-turbolinks-permanent id="header">
+        <div class="container">
+            <small class="form-text text-muted">
+                change username:
+            </small>
 
-        <form action="?" method="get">
-            <div class="form-group row">
+            <form action="?" method="get">
+                <div class="form-group row">
 
-                <div class="col-sm-4">
-                    <input id="username" data-turbolinks-permanent class="form-control form-control-lg" name="username"
-                           value="<?php echo $username ?>">
-                </div>
-                <div class="col-sm-3">
-                    <select id="domain" data-turbolinks-permanent class="form-control form-control-lg" name="domain">
-                        <?php
-                        foreach ($config['domains'] as $domain) {
-                            $selected = $domain === $userDomain ? ' selected ' : '';
-                            print "<option value='$domain' $selected>@$domain</option>";
-                        }
-                        ?>
-                    </select>
-                </div>
-
-                <div class="col-sm-3 random-column">
-                    <span>or &nbsp;</span>
-                    <a role="button" href="?random=true" class="btn btn-outline-primary">generate random
-                    </a>
-                </div>
-            </div>
-        </form>
-    </div>
-</header>
-
-
-<main>
-    <div class="container min-height">
-
-        <?php
-        if (empty($emails)) {
-            ?>
-            <div>
-                <div class="card waiting-screen">
-                    <div class="card-block">
-                        <p class="lead">Your mailbox <strong
-                            ><?php echo $address ?></strong> is ready. </p>
-                        <p>Emails will appear here automatically. They will be deleted after 30
-                            days.</p>
-                        <div class="spinner">
-                            <div class="rect1"></div>
-                            <div class="rect2"></div>
-                            <div class="rect3"></div>
-                            <div class="rect4"></div>
-                            <div class="rect5"></div>
-                        </div>
+                    <div class="col-sm-4">
+                        <input id="username" class="form-control form-control-lg" name="username"
+                               value="<?php echo $username ?>">
                     </div>
-                </div>
-            </div>
-            <?php
-        } else {
-
-            foreach ($emails as $email) {
-
-                ?>
-
-                <div class="email-table">
-
-                    <div class="card email">
-                        <div class="card-block header-shadow sticky-header">
-                            <div class="row">
-                                <div class="col-sm-8">
-                                    <h3 class="card-title">
-                                        <?php echo filter_var($email->subject, FILTER_SANITIZE_SPECIAL_CHARS); ?>
-                                    </h3>
-                                </div>
-                                <div class="col-sm-4 text-right">
-                                    <form class="form-inline float-xs-right">
-
-                                        <!--                                        <button class="btn btn-outline-info btn-sm">show html-->
-                                        <!--                                        </button>-->
-
-                                        <a class="btn btn-sm btn-outline-primary " download="true"
-                                           role="button"
-                                           href="?download_email_id=<?php echo filter_var($email->id, FILTER_VALIDATE_INT); ?>&amp;address=<?php echo $address ?>">Download
-                                        </a>
-
-                                        <!--                                        <button class="btn btn-sm btn-outline-danger" type="button">-->
-                                        <!--                                            Delete-->
-                                        <!--                                        </button>-->
-                                    </form>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col-sm-8">
-                                    <h6 class="card-subtitle mt-1 text-muted">
-                                        <?php
-                                        echo filter_var($email->fromName, FILTER_SANITIZE_SPECIAL_CHARS);
-                                        echo ' &lt;';
-                                        echo filter_var($email->fromAddress, FILTER_SANITIZE_SPECIAL_CHARS);
-                                        echo '&gt;';
-                                        ?>
-                                    </h6>
-                                </div>
-                                <div class="col-sm-4">
-                                    <h6 class="card-subtitle mt-1 text-muted"
-                                        style="text-align: right">
-                                        <?php echo filter_var($email->date, FILTER_SANITIZE_SPECIAL_CHARS); ?>
-                                    </h6>
-                                </div>
-
-
-                            </div>
-                        </div>
-                        <div class="card-block">
-                            <h6 class="card-subtitle text-muted">
-                                To: <?php echo filter_var($email->toString, FILTER_SANITIZE_SPECIAL_CHARS); ?></h6>
-
+                    <div class="col-sm-3">
+                        <select id="domain" class="form-control form-control-lg" name="domain">
                             <?php
-                            foreach ($email->cc as $cc) {
-                                print "<h6 class='card-subtitle text-muted'>CC: " . filter_var($cc, FILTER_SANITIZE_SPECIAL_CHARS) . "</h6>";
+                            foreach ($config['domains'] as $domain) {
+                                $selected = $domain === $userDomain ? ' selected ' : '';
+                                print "<option value='$domain' $selected>@$domain</option>";
                             }
                             ?>
+                        </select>
+                    </div>
+                    <div class="col-sm-1">
+                        <button type="submit" class="btn" style="background-color:transparent">
+                            <img src="if_sync-01_186384.png" width="32" height="32" alt="submit"/>
+                        </button>
+                    </div>
+                    <div class="col-sm-3 random-column">
+                        <span>or &nbsp;</span>
+                        <a role="button" href="?random=true" class="btn btn-outline-primary">generate random
+                        </a>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </header>
 
 
-                            <div class="mt-2 card-text">
-                                <!-- TODO: switch between html and plaintext -->
-                                <div>
-                                    <!-- TODO: applyAutolink
-                                        TODO: applyNewlines -->
-                                    <?php $text = filter_var($email->textPlain, FILTER_SANITIZE_SPECIAL_CHARS);
-                                    echo str_replace('&#10;', '<br />', $text);
-                                    ?>
+    <main>
+        <div class="container min-height">
 
-                                </div>
-                                <div *ngIf="htmlTabActive">
-                                    <!-- TODO: stripHtml(mail.textHtml) -->
-                                </div>
+            <?php
+            if (empty($emails)) {
+                ?>
+                <div>
+                    <div class="card waiting-screen">
+                        <div class="card-block">
+                            <p class="lead">Your mailbox <strong
+                                ><?php echo $address ?></strong> is ready. </p>
+                            <p>Emails will appear here automatically. They will be deleted after 30
+                                days.</p>
+                            <div class="spinner">
+                                <div class="rect1"></div>
+                                <div class="rect2"></div>
+                                <div class="rect3"></div>
+                                <div class="rect4"></div>
+                                <div class="rect5"></div>
                             </div>
-
                         </div>
                     </div>
                 </div>
-
                 <?php
+            } else {
+
+                foreach ($emails as $email) {
+
+                    ?>
+
+                    <div class="email-table">
+
+                        <div class="card email">
+                            <div class="card-block header-shadow sticky-header">
+                                <div class="row">
+                                    <div class="col-sm-8">
+                                        <h3 class="card-title">
+                                            <?php echo filter_var($email->subject, FILTER_SANITIZE_SPECIAL_CHARS); ?>
+                                        </h3>
+                                    </div>
+                                    <div class="col-sm-4 text-right">
+                                        <form class="form-inline float-xs-right">
+
+                                            <!--                                        <button class="btn btn-outline-info btn-sm">show html-->
+                                            <!--                                        </button>-->
+
+                                            <a class="btn btn-sm btn-outline-primary " download="true"
+                                               role="button"
+                                               href="?download_email_id=<?php echo filter_var($email->id, FILTER_VALIDATE_INT); ?>&amp;address=<?php echo $address ?>">Download
+                                            </a>
+
+                                            <a class="btn btn-sm btn-outline-danger"
+                                               role="button"
+                                               href="?delete_email_id=<?php echo filter_var($email->id, FILTER_VALIDATE_INT); ?>&amp;address=<?php echo $address ?>">Delete
+                                            </a>
+
+                                        </form>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col-sm-8">
+                                        <h6 class="card-subtitle mt-1 text-muted">
+                                            <?php
+                                            echo filter_var($email->fromName, FILTER_SANITIZE_SPECIAL_CHARS);
+                                            echo ' &lt;';
+                                            echo filter_var($email->fromAddress, FILTER_SANITIZE_SPECIAL_CHARS);
+                                            echo '&gt;';
+                                            ?>
+                                        </h6>
+                                    </div>
+                                    <div class="col-sm-4">
+                                        <h6 class="card-subtitle mt-1 text-muted"
+                                            style="text-align: right">
+                                            <?php echo filter_var($email->date, FILTER_SANITIZE_SPECIAL_CHARS); ?>
+                                        </h6>
+                                    </div>
+
+
+                                </div>
+                            </div>
+                            <div class="card-block">
+                                <h6 class="card-subtitle text-muted">
+                                    To: <?php echo filter_var($email->toString, FILTER_SANITIZE_SPECIAL_CHARS); ?></h6>
+
+                                <?php
+                                foreach ($email->cc as $cc) {
+                                    print "<h6 class='card-subtitle text-muted'>CC: " . filter_var($cc, FILTER_SANITIZE_SPECIAL_CHARS) . "</h6>";
+                                }
+                                ?>
+
+
+                                <div class="mt-2 card-text">
+                                    <!-- TODO: switch between html and plaintext -->
+                                    <div>
+                                        <!-- TODO: applyAutolink
+                                            TODO: applyNewlines -->
+                                        <?php $text = filter_var($email->textPlain, FILTER_SANITIZE_SPECIAL_CHARS);
+                                        echo str_replace('&#10;', '<br />', $text);
+                                        ?>
+
+                                    </div>
+                                    <div *ngIf="htmlTabActive">
+                                        <!-- TODO: stripHtml(mail.textHtml) -->
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <?php
+                }
             }
-        }
-        ?>
-    </div>
-</main>
-</body>
-</html>
+            ?>
+        </div>
+    </main>
+    </body>
+    </html>
+    <?php
+}
+?>
\ No newline at end of file