Added all Zoning district info

NYCPlanning · Mar 11, 2024 · fe850f5 · fe850f5
1 parent 41c5b37
commit fe850f5
Show file tree

Hide file tree

Showing 49 changed files with 2,285 additions and 0 deletions.
diff --git a/app/components/layer-record-views/zoning-district-long-description.js b/app/components/layer-record-views/zoning-district-long-description.js
@@ -0,0 +1,60 @@
+import LayerRecordComponent from './-base';
+
+export default class ZoningDistrictLongDescription extends LayerRecordComponent {
+  get primaryzone() {
+    const { zonedist } = this.model;
+    // convert R6A to r6
+    const primary = zonedist.match(/\w\d*/)[0].toLowerCase();
+    return primary;
+  }
+
+  get primaryzoneCode() {
+    const { zonedist } = this.model;
+
+    const { primaryzone } = this;
+    let code = '';
+
+    if (primaryzone === 'c1' || primaryzone === 'c2') {
+      code = 'c1-c2';
+    } else if (primaryzone === 'c3') {
+      code = 'c3-c3a';
+    } else if (
+      [
+        'R2A',
+        'R2X',
+        'R3-1',
+        'R3-2',
+        'R3A',
+        'R3X',
+        'R4A',
+        'R4B',
+        'R4-1',
+        'R5A',
+        'R5B',
+        'R5D',
+        'R6A',
+        'R6B',
+        'R7A',
+        'R7B',
+        'R7D',
+        'R7X',
+        'R8A',
+        'R8B',
+        'R8X',
+        'R9A',
+        'R9D',
+        'R9X',
+        'R10A',
+        'R10X',
+      ].includes(zonedist)
+    ) {
+      code = zonedist;
+    } else if (['R7-1', 'R7-2'].includes(zonedist)) {
+      code = 'R7';
+    } else {
+      code = primaryzone;
+    }
+
+    return code.toUpperCase();
+  }
+}
diff --git a/app/styles/layouts/_l-default.scss b/app/styles/layouts/_l-default.scss
@@ -246,6 +246,11 @@ body.index {
   border: 0;
 }
 
+a.glossary, a.glossary:link, a.glossary:visited {
+  color: #245CB6;
+  font-style: italic;
+}
+
 .ceqr-access {
   width: 100%;
   height:48px;

diff --git a/app/templates/components/layer-record-views/zoning-district-long-description.hbs b/app/templates/components/layer-record-views/zoning-district-long-description.hbs
@@ -0,0 +1,111 @@
+<div class="section">
+  <div class="text-box">
+    {{#if (eq this.primaryzoneCode "C1-C2")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C1-C2 />
+    {{else if (eq this.primaryzoneCode "C3-C3A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C3-C3a />
+    {{else if (eq this.primaryzoneCode "C4")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C4 />
+    {{else if (eq this.primaryzoneCode "C5")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C5 />
+    {{else if (eq this.primaryzoneCode "C6")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C6 />
+    {{else if (eq this.primaryzoneCode "C7")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C7 />
+    {{else if (eq this.primaryzoneCode "C8")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::C8 />
+    {{else if (eq this.primaryzoneCode "R1")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R1 />
+    {{else if (eq this.primaryzoneCode "R2")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R2 />
+    {{else if (eq this.primaryzoneCode "R2A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R2a />
+    {{else if (eq this.primaryzoneCode "R2X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R2x />
+    {{else if (eq this.primaryzoneCode "R3-1")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R3-1 />
+    {{else if (eq this.primaryzoneCode "R3-2")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R3-2 />
+    {{else if (eq this.primaryzoneCode "R3A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R3a />
+    {{else if (eq this.primaryzoneCode "R3X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R3x />
+    {{else if (eq this.primaryzoneCode "R4")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R4 />
+    {{else if (eq this.primaryzoneCode "R4-1")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R4-1 />
+    {{else if (eq this.primaryzoneCode "R4A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R4a />
+    {{else if (eq this.primaryzoneCode "R4B")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R4b />
+    {{else if (eq this.primaryzoneCode "R5")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R5 />
+    {{else if (eq this.primaryzoneCode "R5A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R5a />
+    {{else if (eq this.primaryzoneCode "R5B")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R5b />
+    {{else if (eq this.primaryzoneCode "R5D")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R5d />
+    {{else if (eq this.primaryzoneCode "R6")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R6 />
+    {{else if (eq this.primaryzoneCode "R6A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R6a />
+    {{else if (eq this.primaryzoneCode "R6B")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R6b />
+    {{else if (eq this.primaryzoneCode "R7")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R7 />
+    {{else if (eq this.primaryzoneCode "R7A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R7a />
+    {{else if (eq this.primaryzoneCode "R7B")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R7b />
+    {{else if (eq this.primaryzoneCode "R7D")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R7d />
+    {{else if (eq this.primaryzoneCode "R7X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R7x />
+    {{else if (eq this.primaryzoneCode "R8")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R8 />
+    {{else if (eq this.primaryzoneCode "R8A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R8a />
+    {{else if (eq this.primaryzoneCode "R8B")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R8b />
+    {{else if (eq this.primaryzoneCode "R8X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R8x />
+    {{else if (eq this.primaryzoneCode "R9")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R9 />
+    {{else if (eq this.primaryzoneCode "R9A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R9a />
+    {{else if (eq this.primaryzoneCode "R9D")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R9d />
+    {{else if (eq this.primaryzoneCode "R9X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R9x />
+    {{else if (eq this.primaryzoneCode "R10")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R10 />
+    {{else if (eq this.primaryzoneCode "R10A")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R10a />
+    {{else if (eq this.primaryzoneCode "R10X")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::R10x />
+    {{else if (eq this.primaryzoneCode "M1")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::M1 />
+    {{else if (eq this.primaryzoneCode "M2")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::M2 />
+    {{else if (eq this.primaryzoneCode "M3")}}
+      <LayerRecordViews::ZoningDistrictLongDescriptions::M3 />
+    {{/if}}
+  </div>
+</div>
+
+<div class="footer">
+  <small class="disclaimer"> 
+    <strong class="title">Disclaimer</strong><br />
+    <p style="margin-bottom: 0.25rem;">
+      The Zoning Reference provides only general zoning information and is not meant to serve as a substitute for the actual regulations which are to be found in the <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/access-text.page">Zoning Resolution</a>.
+    </p>
+    <p style="margin-bottom: 0.25rem;">
+      <img class="file_icon" src="https://www.nyc.gov/assets/planning/images/global/pdf_icon.gif" alt="PDF Document">
+      Items accompanied by this symbol require the <a target="_blank" href="https://www.nyc.gov/html/misc/html/pdfhowto.html">free Adobe Acrobat Reader</a>.
+    </p>
+    <p style="margin-bottom: 0.25rem;">
+      Brief explanations of terms in <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page" class="glossary">blue italics</a> can be viewed by clicking on the term.
+    </p>
+  </small>
+</div>
diff --git a/app/templates/components/layer-record-views/zoning-district-long-descriptions/c1-c2.hbs b/app/templates/components/layer-record-views/zoning-district-long-descriptions/c1-c2.hbs
@@ -0,0 +1,35 @@
+<div class="text-box">
+  <p>C1-6 through C1-9 and C2-6 through C2-8 districts are commercial districts that are predominantly residential in
+    character. They are mapped along major thoroughfares in medium- and higher-density areas of the city, such as Second
+    and Lexington Avenues on the Upper East Side or Columbus and Amsterdam Avenues on the Upper West Side. As in <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#commercial_overlay"
+      class="glossary">commercial overlays districts</a>, typical retail uses include grocery stores, dry cleaners, drug
+    stores, restaurants and local clothing stores that cater to the daily needs of the immediate neighborhood. There are
+    only minor differences between C1 and C2 districts, with a slightly wider range of uses permitted in C2 districts,
+    such as funeral homes and local repair services. In <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#mixed_building" class="glossary">mixed buildings</a>,
+    commercial uses are limited to one or two floors and must always be located below the residential use.</p>
+  <p>The maximum commercial <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#floor"
+      class="glossary">floor area ratio</a> (FAR) is 2.0. Residential uses are governed by a specific <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#residental_district_equivalent"
+      class="glossary">residential district equivalent</a>. For example, in C1-6 districts, the <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#bulk" class="glossary">bulk</a> regulations of R7
+    districts apply for residential uses, and in C2-8A districts, the bulk regulations of R10A districts apply.</p>
+  <p>Since these districts are usually mapped in areas well served by mass transit, off-street parking is generally not
+    required.</p>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c1_c2_diagram.jpg"
+        alt="C1 and C2  Regulations">
+      <div class="img-caption"><img class="file_icon"
+          src="https://www.nyc.gov/assets/planning/images/global/pdf_icon.gif" alt="PDF Document"> <a target="_blank"
+          href="https://www.nyc.gov/assets/planning/download/pdf/zoning/districts-tools/c1_c2_diagram.pdf?r=1">C1 and C2
+          Regulations</a></div>
+    </div>
+  </div>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c1_c2__table.jpg"
+        alt="C1 and C2 Commercial Districts Table"></div>
+  </div>
+</div>
diff --git a/app/templates/components/layer-record-views/zoning-district-long-descriptions/c3-c3a.hbs b/app/templates/components/layer-record-views/zoning-district-long-descriptions/c3-c3a.hbs
@@ -0,0 +1,34 @@
+<div class="text-box">
+  <p>C3 and C3A districts permit waterfront recreational activities, primarily boating and fishing, in areas along the
+    waterfront that are usually adjacent to residential districts. In addition to facilities for docking, renting,
+    servicing and storing fishing and pleasure boats, permitted activities include aquatic sports equipment sales and
+    rentals, bicycle shops, ice cream stores and public and private beaches. These waterfront <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#use" class="glossary">uses</a> are listed in <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#use_group" class="glossary">Use
+      Group</a> 14. C3 and C3A districts also permit residences and community facilities (Use Groups 1–4). C3A districts
+    are mapped in Staten Island and the Throgs Neck area of the Bronx. C3 districts are found on City Island and along
+    Mill Basin in Brooklyn.</p>
+  <p>The commercial <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#floor"
+      class="glossary">floor area ratio</a> (FAR) permitted in C3 districts is 0.5. Commercial buildings may be no more
+    than two stories or 30 feet high, whichever is less. Residential development in C3 districts is governed by R3-2
+    district regulations; in C3A districts, residential development is governed by R3A regulations which permit single-
+    and two-family detached residences and zero lot line buildings. In a <a target="_blank"
+    href="https://www.nyc.gov/site/planning/zoning/glossary.page#mixed_building" class="glossary">mixed building</a>,
+    commercial uses may occupy the ground floor only.</p>
+  <p>Off-street parking requirements are high, but vary with the use.</p>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c3_diagram.jpg"
+        alt="C3 Regulations">
+      <div class="img-caption"><img class="file_icon"
+          src="https://www.nyc.gov/assets/planning/images/global/pdf_icon.gif" alt="PDF Document"> <a target="_blank"
+          href="https://www.nyc.gov/assets/planning/download/pdf/zoning/districts-tools/c3_diagram.pdf">C3
+          Regulations</a></div>
+    </div>
+  </div>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c3_table.jpg"
+        alt="C3 Commercial Districts Table"></div>
+  </div>
+</div>
diff --git a/app/templates/components/layer-record-views/zoning-district-long-descriptions/c4.hbs b/app/templates/components/layer-record-views/zoning-district-long-descriptions/c4.hbs
@@ -0,0 +1,47 @@
+<div class="text-box">
+  <p>C4 districts are mapped in regional commercial centers, such as Flushing in Queens and the Hub in the Bronx, that
+    are located outside of the central business districts. In these areas, specialty and department stores, theaters and
+    other commercial and office <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#use"
+      class="glossary">uses</a> serve a larger region and generate more traffic than neighborhood shopping areas. <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#use_group" class="glossary">Use
+      Groups</a> 5, 6, 8, 9, 10 and 12, which include most retail establishments, are permitted in C4 districts. Uses
+    that would interrupt the desired continuous retail frontage, such as home maintenance and repair service stores
+    listed in Use Group 7, are not allowed.</p>
+  <p>C4 districts with an A, D or X suffix are <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#contextual" class="glossary">contextual districts</a>
+    in which the commercial and residential <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#bulk" class="glossary">bulk</a> and <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#density" class="glossary">density</a>
+    regulations can differ from corresponding non-contextual districts. Some districts have the same commercial and
+    residential <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#floor"
+      class="glossary">floor area ratios</a> (FAR) as shown in the table, but may differ in parking requirements. Floor
+    area may be increased with a <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#public_plaza" class="glossary">public plaza</a> or<a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#inclusionary"
+      class="glossary exitlink"> Inclusionary Housing Program</a> bonus.</p>
+  <p>C4-1 districts are mapped in outlying areas, such as the Staten Island Mall, that require large amounts of parking.
+    C4-2 through C4-5 districts are mapped in more densely built areas, such as Steinway Street in Astoria (C4-2A),
+    Fordham Road (C4-4), and parts of Jamaica (C4-5X). C4-6 and C4-7 districts are mapped in densely built areas in
+    Manhattan, including most of Broadway on the Upper West Side (C4-6A) and portions of central Harlem (C4-7).</p>
+
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c4_diagram.jpg"
+        alt="C4 Regulations">
+      <div class="img-caption"><img class="file_icon"
+          src="https://www.nyc.gov/assets/planning/images/global/pdf_icon.gif" alt="PDF Document"> <a target="_blank"
+          href="https://www.nyc.gov/assets/planning/download/pdf/zoning/districts-tools/c4_diagram.pdf">C4
+          Regulations</a></div>
+    </div>
+  </div>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c4_table1.jpg"
+        alt="C4 Commercial Districts Table 1"></div>
+  </div>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c4_table2.jpg"
+        alt="C4 Commercial Districts Table 2"></div>
+  </div>
+</div>
diff --git a/app/templates/components/layer-record-views/zoning-district-long-descriptions/c5.hbs b/app/templates/components/layer-record-views/zoning-district-long-descriptions/c5.hbs
@@ -0,0 +1,35 @@
+<div class="text-box">
+  <p>C5 is a central commercial district with continuous retail frontage intended for offices and retail establishments
+    that serve the entire metropolitan region. Famous shopping streets, such as Fifth Avenue, Madison Avenue and East
+    57th Street are C5 districts. Parts of Lower Manhattan, Downtown Brooklyn and Long Island City are also within C5
+    districts.</p>
+  <p>Department stores, large office buildings, and <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#mixed_building" class="glossary">mixed buildings</a>
+    with residential space above office or commercial floors, are typical C5 <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#use" class="glossary">uses</a>. <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#use_group" class="glossary">Use Groups</a> 5
+    (hotels), 6, 9 and 10 (retail shops and business services) and 11 (custom manufacturing) are permitted in C5
+    districts. Home maintenance services, auto rental establishments and other uses not in character with the district,
+    including illuminated signs, are not permitted.</p>
+  <p>The maximum commercial <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#floor"
+      class="glossary">floor area ratio</a> (FAR) ranges from 4.0 to 15.0, and the maximum residential FAR is 10.0.
+    Floor area may be increased by a bonus for a <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#public_plaza" class="glossary">public plaza</a> or <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#inclusionary"
+      class="glossary exitlink">Inclusionary Housing</a>.</p>
+  <p>In the two <a target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#contextual"
+      class="glossary">contextual</a> C5 districts—C5-1A and C5-2A—residential <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#bulk" class="glossary">bulk</a> and <a
+      target="_blank" href="https://www.nyc.gov/site/planning/zoning/glossary.page#density" class="glossary">density</a>
+    are governed by R10A regulations. In non-contextual C5-2 through C5-5 districts, a building occupied by commercial,
+    residential and/or community facility uses may be configured as a <a target="_blank"
+      href="https://www.nyc.gov/site/planning/zoning/glossary.page#tower" class="glossary">tower</a>. A residential
+    tower is also allowed in C5-1 districts.</p>
+  <p>All commercial uses in C5 districts are exempt from off-street parking requirements because public transportation
+    is easily accessible.</p>
+  <div class="row img-row">
+    <div class="span12"><img
+        src="https://www.nyc.gov/assets/planning/images/content/pages/zoning/districts-tools/commercial/c5_table.jpg"
+        alt="C5 Regulations Table"></div>
+  </div>
+</div>