Added status page

client/app/router.js

@@ -28,6 +28,7 @@ Router.map(function() { // eslint-disable-line
   this.route('show-project', { path: '/projects/:id' });
   this.route('show-geography', { path: '/projects' });
   this.route('disclaimer');
+  this.route('statuses');
   this.route('not-found', { path: '/*path' });
   this.route('oops');
   this.route('my-projects', function() {

client/app/routes/statuses.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

client/app/styles/app.scss

@@ -66,6 +66,7 @@ $completed-color: #a6cee3;
 @import 'modules/_m-reveal-modal';
 @import 'modules/_m-search';
 @import 'modules/_m-site-header';
+@import 'modules/_m-statuses';
 @import 'modules/_m-tabs';
 @import 'modules/_m-project-summary-cards';
 @import 'modules/_m-tooltipster';

client/app/styles/modules/_m-statuses.scss

@@ -0,0 +1,38 @@
+// --------------------------------------------------
+// Module: Statuses
+// --------------------------------------------------
+
+.status-options {
+  counter-reset: statusoption;
+  list-style: none;
+  padding-left: 40px;
+}
+
+.status-options .numbered-option {
+  counter-increment: statusoption;
+  margin: 0 0 0.5rem 0;
+  position: relative;
+}
+
+.status-options li::before {
+  content: counter(statusoption);
+  font-weight: bold;
+  position: absolute;
+  --size: 2rem;
+  left: calc(-1 * var(--size) - 10px);
+  line-height: var(--size);
+  width: var(--size);
+  height: var(--size);
+  top: 0;
+  background: #FBF0E9;
+  border-radius: 50%;
+  text-align: center;
+}
+
+.numbered-option h4 {
+  margin-bottom: 0.25rem;
+}
+
+.status-updates {
+  font-size: 1.5rem;
+}

client/app/templates/statuses.hbs

@@ -0,0 +1,84 @@
+<div class="cell">
+  <div class="grid-container">
+    <div class="grid-x grid-padding-x grid-padding-y align-middle" style="justify-content: center;">
+      <div class="cell large-8">
+          <h1 class="header-xxl dcp-orange">Definition of ZAP Updates</h1>
+          <p>Below outlines 4 major status for a Zoning Application milestone:</p>
+          <ol class="status-options">
+            <li class="numbered-option">
+              <h4>Filed</h4>
+              <p>A Land Use Application has been submitted to DCP. The minimum fees have been paid.</p>
+            </li>
+            <li class="numbered-option">
+              <h4>Noticed</h4>
+              <p>An application is notified that it will be certified within 30 days per City Charter requirements.</p>
+            </li>
+            <li class="numbered-option">
+              <h4>In Public Review</h4>
+              <p>Applications are now in public review.</p>
+            </li>
+            <li class="numbered-option">
+              <h4>Completed</h4>
+              <p>An application has reached one of the following:</p>
+              <ul>
+                <li>Approved</li>
+                <li>Disapproved</li>
+                <li>Withdrawn</li>
+                <li>Terminated</li>
+              </ul>
+            </li>
+          </ol>
+          <p>When you sign up for ZAP updates, you will only be notified when a project's public status is changed to "<b>Filed</b>" or "<b>In public review</b>"</p>
+          <p class="status-updates">To sign up for ZAP updates, please visit <LinkTo @route="projects" @model={{null}}>here</LinkTo>.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+{{!-- <div class="cell">
+  <div class="grid-container">
+    <div class="grid-x grid-padding-x grid-padding-y">
+      <div class="cell large-5">
+
+        <h1 class="header-large">General Disclaimer</h1>
+        <div class="callout">
+          <p>ZAP Search was developed by the City of New York using data in part provided by third-party applicants. The City disclaims any liability for errors in the data obtained through ZAP Search and shall not be responsible for any damages consequential or actual, arising out of or in connection with the use of this information. The City makes no warranties, express or implied, including, but not limited to, implied warranties of merchantability and fitness for a particular purpose as to the quality, content, accuracy, or completeness of the information, text graphics, links and other items contained herein.</p>
+        </div>
+
+      </div>
+      <div class="cell large-7">
+
+        <h2 class="header-large">Project Geometries Disclaimer</h2>
+        <div class="callout">
+          <p class="lead">Project geometries are a "best-effort" at each project's time of publication. If you spot an error, please report it using the feedback form on the particular project's page.</p>
+
+          <p>ZAP Search's underlying database, ZAP, does not include geometries. Projects in ZAP only contain addresses and BBLs. ZAP Search appends geometries to each project by joining BBLs with data from the latest version of <a href="https://www1.nyc.gov/site/planning/data-maps/open-data.page#pluto"><strong>MapPLUTO</strong>&nbsp;{{fa-icon icon='external-link-alt'}}</a>. Center points are created by taking a centroid of lot geometries returned by MapPLUTO.</p>
+
+          <div class="grid-x align-middle">
+            <div class="cell medium-3 feature-image-cell">
+              <img src="/img/feature-centroids.png" class="feature-image">
+            </div>
+            <div class="cell medium-9">
+              <h4 class="header-medium no-margin">Project Centroids</h4>
+              <p>A centroid may not accurately represent transfer projects or projects with non-compact layouts.</p>
+            </div>
+          </div>
+
+          <div class="grid-x align-middle">
+            <div class="cell medium-3 feature-image-cell">
+              <img src="/img/feature-bbls.png" class="feature-image">
+            </div>
+            <div class="cell medium-9">
+              <h4 class="header-medium no-margin">Project BBLs</h4>
+              <p>BBLs listed for a project may have changed or gone away entirely, so the associated lot geometries could be inaccurate or missing.</p>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</div> --}}
+
+{{outlet}}

client/tests/unit/routes/statuses-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | statuses', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    const route = this.owner.lookup('route:statuses');
+    assert.ok(route);
+  });
+});