Initial work for form response obj

NYCPlanning · Nov 1, 2024 · 9c16ce6 · 9c16ce6
1 parent 8a58cc9
commit 9c16ce6
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 9 deletions.
diff --git a/client/app/components/subscription-form.js b/client/app/components/subscription-form.js
@@ -1,7 +1,28 @@
 import Component from '@ember/component';
 import { action } from '@ember/object';
+import { lookupCommunityDistrict } from '../helpers/lookup-community-district';
+import { inject as service } from '@ember/service';
 
 export default class SubscriptionFormComponent extends Component {
+    // constructor(...args) {
+    //     super(...args);
+    //     // this.subscriptions = {
+    //     //     'Brooklyn': {},
+    //     //     'Bronx': {},
+    //     //     'Manhattan': {},
+    //     //     'Queens': {},
+    //     //     'Staten Island': {}
+    //     // }
+
+    //     const lookupCommunityDistrictObj = lookupCommunityDistrict();
+    //     // console.log(lookupCommunityDistrictObj);
+
+    //     for (let i = 0; i < lookupCommunityDistrictObj.length; i +=1 ) {
+    //         const district = lookupCommunityDistrictObj[i];
+    //         console.log(district);
+    //     }
+    // }
+
     @action
     checkWholeBorough(event) {
         const checkboxId = event.target.id;
@@ -19,12 +40,9 @@ export default class SubscriptionFormComponent extends Component {
     }
 
     @action
-    toggleUpdateType(event) {
-        const checkboxId = event.target.id;
-        if (checkboxId === "city-wide-checkbox") {
-            this.set('isCommunityDistrict', false)
-        } else if (checkboxId === "community-district-checkbox") {
-            this.set('isCityWide', false)
-        }
+    hamdleSubmit(event) {
+        event.preventDefault();
+        console.log('submitting');
+        console.log(event);
     }
 }
diff --git a/client/app/styles/modules/_m-subscription-form.scss b/client/app/styles/modules/_m-subscription-form.scss
@@ -18,6 +18,10 @@ div.disabled {
     color: $dark-gray;
 }
 
+.accordion-title:hover, .accordion-title:focus {
+    background-color: transparent;
+}
+
 ul li.accordion-title:last-child {
     border-bottom: 5px;
 }

diff --git a/client/app/templates/components/subscription-form.hbs b/client/app/templates/components/subscription-form.hbs
@@ -1,11 +1,12 @@
-<form>
+<form {{on "submit" this.handleSubmit}}>
     <div class="subscribe-section">
         <div class="subscribe-input-group">
         <label class="email-label">Email Address</label>
         <Input class="input-group-field" type="text" />
         </div>
     </div>
 
+    {{this.subscriptions}}
     <div class="subscribe-section">
         <div class="update-type-section">
         Which would you like to receive updates for?
@@ -51,8 +52,10 @@
                         for="all-brooklyn">Select all</label>
                     {{#each (lookup-community-district) as |cd|}}
                     {{#if (string-includes cd.boro 'Brooklyn')}}
+                    <div class="hi">
                     <Input id={{cd.code}} type="checkbox" checked={{allBrooklyn}} /><label
                         for={{cd.code}}>{{cd.searchField}}</label>
+                        </div>
                     {{/if}}
                     {{/each}}
                 </div>
@@ -64,8 +67,10 @@
                         for="all-bronx">Select all</label>
                     {{#each (lookup-community-district) as |cd|}}
                     {{#if (string-includes cd.boro 'Bronx')}}
+                    <div class="hi">
                     <Input id={{cd.searchField}} type="checkbox" checked={{allBronx}} /><label
                         for={{cd.searchField}}>{{cd.searchField}}</label>
+                        </div>
                     {{/if}}
                     {{/each}}
                 </div>
@@ -77,8 +82,10 @@
                         for="all-manhattan">Select all</label>
                     {{#each (lookup-community-district) as |cd|}}
                     {{#if (string-includes cd.boro 'Manhattan')}}
+                    <div>
                     <Input id={{cd.searchField}} type="checkbox" checked={{allManhattan}} /><label
                         for={{cd.searchField}}>{{cd.searchField}}</label>
+                        </div>
                     {{/if}}
                     {{/each}}
                 </div>
@@ -90,8 +97,10 @@
                         for="all-queens">Select all</label>
                     {{#each (lookup-community-district) as |cd|}}
                     {{#if (string-includes cd.boro 'Queens')}}
+                    <div>
                     <Input id={{cd.searchField}} type="checkbox" checked={{allQueens}} /><label
                         for={{cd.searchField}}>{{cd.searchField}}</label>
+                        </div>
                     {{/if}}
                     {{/each}}
                 </div>
@@ -103,8 +112,10 @@
                         for="all-staten-island">Select all</label>
                     {{#each (lookup-community-district) as |cd|}}
                     {{#if (string-includes cd.boro 'Staten Island')}}
+                    <div>
                     <Input id={{cd.searchField}} type="checkbox" checked={{allStatenIsland}} /><label
                         for={{cd.searchField}}>{{cd.searchField}}</label>
+                        </div>
                     {{/if}}
                     {{/each}}
                 </div>
@@ -115,6 +126,7 @@
     </div>
     </div>
     <div class="subscribe-section">
-    <a class="button primary no-margin disabled" href="">Subscribe</a>
+    <a class="button primary no-margin disabled" type="submit" href="">Subscribe</a>
+    {{!-- <input type="submit" value="Subscribe"> --}}
     </div>
 </form>