Nailed it\!

LD4P · Nov 8, 2018 · a7be44a · a7be44a
1 parent a73fca9
commit a7be44a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/src/components/PropertyTemplate.jsx b/src/components/PropertyTemplate.jsx
@@ -8,7 +8,7 @@ class PropertyTemplate extends Component {
     }
     return (
       <div style={dottedBorder}>
-        <h5>BEGIN Property Template elements</h5>
+        <h5>BEGIN PropertyTemplate elements</h5>
         <ul>
           <li>propertyLabel: <strong>{this.props.propertyTemplates[0].propertyLabel}</strong></li>
           <li>propertyURI: <strong>{this.props.propertyTemplates[0].propertyURI}</strong></li>
@@ -17,7 +17,7 @@ class PropertyTemplate extends Component {
           <li>repeatable: <strong>{this.props.propertyTemplates[0].repeatable}</strong></li>
           <li>contained resourceTemplates[] length: <strong>{this.props.propertyTemplates[0].resourceTemplates.length}</strong></li>
         </ul>
-        <h5>END of Property Template elements</h5>
+        <h5>END of PropertyTemplate elements</h5>
       </div>
     )
   }

diff --git a/src/components/ResourceTemplate.jsx b/src/components/ResourceTemplate.jsx
@@ -26,7 +26,6 @@ class ResourceTemplate extends Component {
         </ul>
         <form id="bff-form-note" className="form-horizontal" role="form" style={dottedBorder}>
           <h4>BEGINNING OF FORM</h4>
-          <p>we have <strong>{this.props.resourceTemplates[0].propertyTemplates.length}</strong> propertyTemplates </p>
           <PropertiesWrapper propertyTemplates = {[this.props.resourceTemplates[0].propertyTemplates]} />
           <h4>END OF FORM</h4>
         </form>
@@ -41,18 +40,15 @@ class PropertiesWrapper extends Component{
       border: '1px dashed',
       padding: '10px',
     }
-    // var pts = ['1', '2', '3']
-    var pts = this.props.propertyTemplates
-    var ptComponents = []
-    ptComponents = pts.map( propTemp => <PropertyTemplate propertyTemplates={propTemp}/>)
-
     return (
       <div id='PropertiesWrapper' style={dashedBorder}>
-        <p>BEGIN properties wrapper</p>
-          <p>propertyTemplates is length <strong>{this.props.propertyTemplates.length}</strong></p>
-          <p>propertyTemplates[0] is length <strong>{this.props.propertyTemplates[0].length}</strong></p>
-        {ptComponents}
-        <p>END properties wrapper</p>
+        <p>BEGIN PropertiesWrapper</p>
+          <div>
+            {this.props.propertyTemplates[0].map(function(pt, index){
+              return <PropertyTemplate key={index} propertyTemplates={[pt]}/>
+            })}
+          </div>
+        <p>END PropertiesWrapper</p>
       </div>
     )
   }