Static View with information for Email Confirmation

Author: ioigoume

CHANGELOG.md

@@ -14,6 +14,7 @@ This version is compatible with [SimpleSAMLphp v1.18](https://simplesamlphp.org/
 - Add `login_with` key in discopower definitions.
 - Add style rules and logos for IdP umbrellaid.
 - Add exception template for attrauthcomanage module
+- Add template for Email Confirmation
 
 ### Fixed
 

dictionaries/default.definition.json

@@ -10,5 +10,14 @@
   },
   "logo_link_url": {
     "en": "https://www.example.com"
+  },
+  "message_title": {
+    "en": "We Sent You An Email"
+  },
+  "message_bd": {
+    "en": "<p>Just <b>click the link in that email</b> to complete your signup.</p><p>If you do not find the email in your Inbox, please check your <b>Spam</b> or <b>Junk</b> folder for an email from <b>RCIAM Notifications</b>&nbsp<a href=\"mailto:example@email.org\"><i class=\"glyphicon-envelope email-address\">&nbspnoreply@faai.grnet.gr</i></a>. If you do find the email in these folders, mark the email as \"safe\" or \"not spam\" to ensure that you receive any future notifications about your RCIAM ID.</p>"
+  },
+  "message_sub": {
+    "en": "<span class=\"subtitle-msg\">You will have <b>72 hours</b> to verify your account</span>"
   }
 }

templates/confirmemail.tpl.php

@@ -0,0 +1,18 @@
+<?php
+$this->includeAtTemplateBase('includes/header.php');
+?>
+<link rel="stylesheet" type="text/css" href="resources/css/confirmemail.css">
+
+<div class="body-container" id="content">
+  <div class="message-container">
+    <span class="head-title">
+      <img class="email-gif" src="resources/icons/email.gif">
+      <h2><span class="title-msg"><?= $this->t('{themevanilla:default:message_title}') ?></span></h2>
+    </span>
+    <div class="message"><?= $this->t('{themevanilla:default:message_bd}') ?></div>
+    <div class="subtitle"><?= $this->t('{themevanilla:default:message_sub}') ?></div>
+  </div>
+</div>
+
+<?php
+$this->includeAtTemplateBase('includes/footer.php'); ?>

www/confirmemail.php

@@ -0,0 +1,7 @@
+<?php
+
+// Get global config
+$config = SimpleSAML\Configuration::getInstance();
+// Get the template
+$template = new SimpleSAML\XHTML\Template($config, 'themevanilla:confirmemail.tpl.php');
+$template->show();

www/resources/icons/email.gif

@@ -0,0 +1,77 @@
+.message-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; /* align horizontal */
+  align-items: center; /* align vertical */
+  width: 100%;
+  margin: 3em auto auto;
+
+  .head-title {
+    display: inherit;
+    padding: 1rem;
+    align-items: center;
+
+    .email-gif {
+      height: 8rem;
+      width: 10.5rem;
+    }
+
+    .title-msg {
+      font-size: xx-large;
+      font-weight: 700;
+    }
+  }
+
+  .message {
+    margin: 3rem 3rem 0 3rem;
+    text-align: center;
+    font-size: 2.0rem;
+    margin: auto;
+    border-bottom: solid 1px #000;
+    padding-bottom: 3em;
+
+    .email-address {
+      font-size: medium;
+      color: #599adb;
+    }
+
+    a {
+      text-decoration-color: #599adb;
+    }
+  }
+}
+
+.text-highlight {
+  color: #000000;
+  background-color: white;
+  font-weight: bold;
+  text-decoration: underline;
+}
+
+.subtitle {
+  text-align: center;
+  margin: 1rem auto auto;
+  text-transform: uppercase;
+  transform: translateY(-1.5em);
+}
+
+.subtitle-msg {
+  background-color: white;
+  z-index: 1;
+  padding: 0.5rem;
+}
+
+@media only screen and (max-width: 599px) {
+  .head-title * {
+    font-size: large !important;
+  }
+  .message-container {
+    .message {
+      font-size: small;
+    }
+  }
+
+  .subtitle-msg {
+    font-size: smaller;
+  }
+}