From 95bce890b15f62ecb897f0c317bc9d3d0432bd15 Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Mon, 23 Sep 2024 15:16:14 -0400 Subject: [PATCH 1/6] Removed comment --- client/app/templates/statuses.hbs | 38 +++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 client/app/templates/statuses.hbs diff --git a/client/app/templates/statuses.hbs b/client/app/templates/statuses.hbs new file mode 100644 index 00000000..937bf000 --- /dev/null +++ b/client/app/templates/statuses.hbs @@ -0,0 +1,38 @@ +
+
+
+
+

Definition of ZAP Updates

+

Below outlines 4 major status for a Zoning Application milestone:

+
    +
  1. +

    Filed

    +

    A Land Use Application has been submitted to DCP. The minimum fees have been paid.

    +
    2. +
  2. +

    Noticed

    +

    An application is notified that it will be certified within 30 days per City Charter requirements.

    +
    3. +
  3. +

    In Public Review

    +

    Applications are now in public review.

    +
    4. +
  4. +

    Completed

    +

    An application has reached one of the following:

    +
      +
    • Approved
      • +
    • Disapproved
      • +
    • Withdrawn
      • +
    • Terminated
      • +
    +
    5. +
+

When you sign up for ZAP updates, you will only be notified when a project's public status is changed to "Filed" or "In public review"

+

To sign up for ZAP updates, please visit here.

+
+
+
+
+ +{{outlet}} From be5ac66f819decd9afeae0bff8c21eb2cfede506 Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Mon, 23 Sep 2024 12:19:33 -0400 Subject: [PATCH 2/6] Added status page --- client/app/router.js | 1 + client/app/routes/statuses.js | 4 +++ client/app/styles/app.scss | 1 + client/app/styles/modules/_m-statuses.scss | 38 ++++++++++++++++++++++ client/tests/unit/routes/statuses-test.js | 11 +++++++ 5 files changed, 55 insertions(+) create mode 100644 client/app/routes/statuses.js create mode 100644 client/app/styles/modules/_m-statuses.scss create mode 100644 client/tests/unit/routes/statuses-test.js diff --git a/client/app/router.js b/client/app/router.js index ce8e8330..cc29c7ca 100644 --- a/client/app/router.js +++ b/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() { diff --git a/client/app/routes/statuses.js b/client/app/routes/statuses.js new file mode 100644 index 00000000..6c74252a --- /dev/null +++ b/client/app/routes/statuses.js @@ -0,0 +1,4 @@ +import Route from '@ember/routing/route'; + +export default Route.extend({ +}); diff --git a/client/app/styles/app.scss b/client/app/styles/app.scss index 7bda91df..c3ea0ccc 100644 --- a/client/app/styles/app.scss +++ b/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'; diff --git a/client/app/styles/modules/_m-statuses.scss b/client/app/styles/modules/_m-statuses.scss new file mode 100644 index 00000000..a6624aef --- /dev/null +++ b/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; +} diff --git a/client/tests/unit/routes/statuses-test.js b/client/tests/unit/routes/statuses-test.js new file mode 100644 index 00000000..39e6b4af --- /dev/null +++ b/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); + }); +}); From 8ff842824547ebf7847a357cc0ff5657c862d67f Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Thu, 26 Sep 2024 16:15:01 -0400 Subject: [PATCH 3/6] Page should only be reachable if SHOW_ALERTS feature flag is true. --- client/app/router.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/app/router.js b/client/app/router.js index cc29c7ca..e18f3761 100644 --- a/client/app/router.js +++ b/client/app/router.js @@ -28,7 +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'); + config.showAlerts && this.route('statuses'); this.route('not-found', { path: '/*path' }); this.route('oops'); this.route('my-projects', function() { From 6f2e76f0f57f78bd6eea5479a58b74d11094da78 Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Mon, 30 Sep 2024 10:09:56 -0400 Subject: [PATCH 4/6] Updated subscribe link --- client/app/templates/statuses.hbs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/app/templates/statuses.hbs b/client/app/templates/statuses.hbs index 937bf000..2d755663 100644 --- a/client/app/templates/statuses.hbs +++ b/client/app/templates/statuses.hbs @@ -29,7 +29,7 @@

When you sign up for ZAP updates, you will only be notified when a project's public status is changed to "Filed" or "In public review"

-

To sign up for ZAP updates, please visit here.

+

To sign up for ZAP updates, please visit here.

From e693d652cefeeda48b7d07d9d80d36f5ee01a4a5 Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Fri, 18 Oct 2024 14:36:58 -0400 Subject: [PATCH 5/6] Updates based upon designer feedback on spacing and font --- client/app/styles/modules/_m-statuses.scss | 6 +++++- client/app/templates/statuses.hbs | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/client/app/styles/modules/_m-statuses.scss b/client/app/styles/modules/_m-statuses.scss index a6624aef..6c07ac01 100644 --- a/client/app/styles/modules/_m-statuses.scss +++ b/client/app/styles/modules/_m-statuses.scss @@ -6,6 +6,8 @@ counter-reset: statusoption; list-style: none; padding-left: 40px; + padding-top: 3rem; + padding-bottom: 3rem; } .status-options .numbered-option { @@ -34,5 +36,7 @@ } .status-updates { - font-size: 1.5rem; + font-size: 21px; + padding-top: 3rem; + font-weight: 700; } diff --git a/client/app/templates/statuses.hbs b/client/app/templates/statuses.hbs index 2d755663..530508a7 100644 --- a/client/app/templates/statuses.hbs +++ b/client/app/templates/statuses.hbs @@ -1,7 +1,7 @@
-
+

Definition of ZAP Updates

Below outlines 4 major status for a Zoning Application milestone:

    From f8d5a74ab906eb66895fb74cda6c3865a924170e Mon Sep 17 00:00:00 2001 From: David Hochbaum Date: Fri, 18 Oct 2024 14:43:38 -0400 Subject: [PATCH 6/6] Update if statement to prevent test failure --- client/app/router.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/app/router.js b/client/app/router.js index e18f3761..73680587 100644 --- a/client/app/router.js +++ b/client/app/router.js @@ -28,7 +28,7 @@ Router.map(function() { // eslint-disable-line this.route('show-project', { path: '/projects/:id' }); this.route('show-geography', { path: '/projects' }); this.route('disclaimer'); - config.showAlerts && this.route('statuses'); + if (config.showAlerts) { this.route('statuses'); } this.route('not-found', { path: '/*path' }); this.route('oops'); this.route('my-projects', function() {