Merge pull request #103 from EFForg/maintenance_mode

Add a maintenance page, shown in MAINTENANCE_MODE
sinak · Mar 28, 2017 · e30a6f3 · e30a6f3
2 parents 74a5e70 + 8f9d5f4
commit e30a6f3
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 1 deletion.
diff --git a/config/custom-environment-variables.json.example b/config/custom-environment-variables.json.example
@@ -4,6 +4,8 @@
       "POTC_BASE_URL": "POTC_BASE_URL"
     },
 
+    "MAINTENANCE_MODE": "MAINTENANCE_MODE",
+
     "CREDENTIALS": {
       "POTC": {
         "DEBUG_KEY": "POTC_DEBUG_KEY"

diff --git a/config/default.json b/config/default.json
@@ -11,6 +11,8 @@
       "maxAge": 0
     },
 
+    "MAINTENANCE_MODE": false,
+
     "API": {
       "POTC_BASE_URL": "https://congressforms.eff.org",
       "SMARTY_STREETS": {

diff --git a/server/routes/app/home.js b/server/routes/app/home.js
@@ -3,7 +3,14 @@
  */
 
 var home = function(req, res) {
-  res.render('index');
+  var maintenanceMode = req.app.locals.CONFIG.get('MAINTENANCE_MODE');
+  if (maintenanceMode == 'false')
+    maintenanceMode = false;
+
+  if (maintenanceMode && !req.query.maintenance)
+    res.render('maintenance');
+  else
+    res.render('index');
 };
 
 

diff --git a/server/templates/maintenance.dust b/server/templates/maintenance.dust
@@ -0,0 +1,24 @@
+{>"layouts/master" /}
+
+{<body}
+
+  <div ng-controller="SendMessageController"
+       data-pagename="[[pageName]]"
+       data-pagefrom="[[pageFrom]]"
+       id="wrapper"
+       class="content">
+
+    <div class="main">
+
+      {>"components/nav-bar"/}
+
+      <div class="header">
+        <h1>Offline for maintenance</h1>
+        <h2>Please check back soon!</h2>
+      </div>
+    </div>
+  </div>
+
+  {>"components/footer"/}
+
+{/body}
diff --git a/www/sass/_base.scss b/www/sass/_base.scss
@@ -59,6 +59,18 @@ h1 {
     font-size: 35px;
   }
 }
+h2 {
+  font-family: 'DroidSerif', serif;
+  font-size: 35px;
+  text-align: center;
+  color: #444444;
+  @media (max-width: $screen-sm-max) {
+    font-size: 29px;
+  }
+  @media (max-width: $screen-xs-max) {
+    font-size: 20px;
+  }
+}
 .header h1 {
   // Appears on first page
   margin-top: 70px;
@@ -71,6 +83,14 @@ h1.header {
   // Appears on other pages
   margin-top: 0;
 }
+.header h2 {
+  // Appears on first page (maintenance mode)
+  margin-top: 70px;
+
+  @media (max-width: $screen-xs-max) {
+    margin-top: 30px;
+  }
+}
 .boxshadow {
   box-shadow: 0px 2px 7px 0px rgba(100, 100, 100, 0.18);
 }