Merge pull request #237 from silinternational/feature/ssp2-codes-twig

convert backup code and manager code templates to Twig
silinternational · Jun 26, 2024 · e964970 · e964970
2 parents f3ad6bf + bdd37ea
commit e964970
Show file tree

Hide file tree

Showing 12 changed files with 349 additions and 345 deletions.
diff --git a/modules/material/themes/material/mfa/low-on-backup-codes.php b/modules/material/themes/material/mfa/low-on-backup-codes.php
diff --git a/modules/material/themes/material/mfa/low-on-backup-codes.twig b/modules/material/themes/material/mfa/low-on-backup-codes.twig
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="{{ currentLanguage }}">
+<head>
+  <title>{{ '{mfa:title}'|trans }}</title>
+
+  {% include 'header.twig' %}
+</head>
+<body class="gradient-bg">
+<div class="mdl-layout mdl-layout--fixed-header fill-viewport">
+  <header class="mdl-layout__header">
+    <div class="mdl-layout__header-row">
+      <span class="mdl-layout-title">
+        {{ '{mfa:header}'|trans }}
+      </span>
+    </div>
+  </header>
+  <main class="mdl-layout__content" layout-children="column">
+    <form layout-children="column" method="post">
+      <div class="mdl-card mdl-shadow--8dp">
+        <div class="mdl-card__media white-bg margin" layout-children="column">
+          <i class="mdl-color-text--red error material-icons mdl-typography--display-4">warning</i>
+        </div>
+
+        <div class="mdl-card__title center">
+          <h1 class="mdl-card__title-text">
+            {{ '{mfa:running_out_header}'|trans }}
+          </h1>
+        </div>
+
+        <div class="mdl-card__title center">
+          <p class="mdl-card__subtitle-text">
+            {{ '{mfa:running_out_info}'|trans({'%numBackupCodesRemaining%':numBackupCodesRemaining}) }}
+          </p>
+        </div>
+
+        <div class="mdl-card__actions" layout-children="row">
+          <button name="continue" class="mdl-button">
+            {{ '{mfa:button_later}'|trans }}
+          </button>
+
+          <span flex></span>
+
+          <button name="getMore" class="mdl-button mdl-button--raised mdl-button--primary">
+            {{ '{mfa:button_get_more}'|trans }}
+          </button>
+        </div>
+      </div>
+    </form>
+  </main>
+</div>
+</body>
+</html>
diff --git a/modules/material/themes/material/mfa/new-backup-codes.php b/modules/material/themes/material/mfa/new-backup-codes.php