1197 fixed table layout for detailed race and ethnicity

NYCPlanning · May 15, 2024 · f19eade · f19eade
1 parent d9f81bc
commit f19eade
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 17 deletions.
diff --git a/app/components/data-table-row-current.js b/app/components/data-table-row-current.js
@@ -8,6 +8,7 @@ export default Component.extend({
   isSelected: false,
   data: {}, // model object with specific properties
   rowConfig: {}, // model's row configuration object
+  rowConfigKeysFound: [],
 
   tagName: 'tr',
   classNameBindings: ['getClassNames'],
@@ -43,6 +44,20 @@ export default Component.extend({
     return false;
   }),
 
+  displayEmptyCell: computed('rowConfig', 'pop', function () {
+    const rowConfig = this.get('rowConfig');
+
+    for (const key in rowConfig) {
+      if (rowConfig[key] === 'pop') {
+        this.rowConfigKeysFound.push(key);
+      }
+    }
+
+    if (this.rowConfigKeysFound.length) {
+      return true;
+    }
+  }),
+
   actions: {
     showData() {
       window.logModel = this.get('data');

diff --git a/app/templates/components/data-table-row-current.hbs b/app/templates/components/data-table-row-current.hbs
@@ -149,28 +149,31 @@
     <td>&nbsp;</td>
     <td class="cell-border-left">&nbsp;</td>
   {{/if}}
-
+
+  {{#if this.displayEmptyCell}}
+    <td class=>&nbsp;</td>
+  {{/if}}
+
+  {{#if this.reliability}}
     <td>&nbsp;</td>
-    {{#if this.reliability}}
-      <td>&nbsp;</td>
-      <td>&nbsp;</td>
-      <td>&nbsp;</td>
-    {{/if}}
-
-    <td class="cell-border-left">&nbsp;</td>
     <td>&nbsp;</td>
-    {{#if this.reliability}}
-      <td>&nbsp;</td>
-      <td>&nbsp;</td>
-      <td>&nbsp;</td>
-    {{/if}}
-
-    <td class="cell-border-left">&nbsp;</td>
     <td>&nbsp;</td>
-    {{#if this.reliability}}
+  {{/if}}
+
+  <td class="cell-border-left">&nbsp;</td>
+  <td>&nbsp;</td>
+  {{#if this.reliability}}
     <td>&nbsp;</td>
     <td>&nbsp;</td>
-    {{/if}}
+    <td>&nbsp;</td>
+  {{/if}}
+
+  <td class="cell-border-left">&nbsp;</td>
+  <td>&nbsp;</td>
+  {{#if this.reliability}}
+  <td>&nbsp;</td>
+  <td>&nbsp;</td>
+  {{/if}}
 
 {{/unless}}
 {{yield}}