\n
\n {!this.props.headerSubtitle && this.props.headerTitle}\n {this.props.headerSubtitle &&
{this.props.headerTitle}
}\n {this.props.headerSubtitle &&
{this.props.headerSubtitle}
}\n
\n\n
\n {this.props.children}\n
\n\n
{this.props.footer}
\n\n {/* Each Building Productions */}\n {this.props.pastDue && !totalsCol && this.props.zones.map((zone, key) =>\n
\n \n
{this.valueInUnits(this.getPastDueQtyScheduled(zone))}
\n
{this.valueInUnits(this.getPastDueQtyCompleted(zone))}
\n
{this.valueInUnits(this.getPastDueQtyRemaining(zone))}
\n
\n {totalsCol && }\n {!totalsCol && }\n \n )}\n {!this.props.pastDue && !totalsCol && this.props.zones.map((zone, key) =>\n
\n \n
{this.valueInUnits(this.getQtyScheduled(zone))}
\n
{this.valueInUnits(this.getQtyCompleted(zone))}
\n
{this.valueInUnits(this.getQtyRemaining(zone))}
\n
\n {totalsCol && }\n {!totalsCol && }\n \n )}\n\n {/* Building Totals */}\n {this.props.pastDue && totalsCol && this.props.zones.map((zone, key) =>\n
\n \n
{this.valueInUnits(this.getPastDueQtyScheduledTotal(zone))}
\n
{this.valueInUnits(this.getPastDueQtyCompletedTotal(zone))}
\n
{this.valueInUnits(this.getPastDueQtyRemainingTotal(zone))}
\n
\n {totalsCol && }\n {!totalsCol && }\n \n )}\n {!this.props.pastDue && totalsCol && !globalTotalsCol && this.props.zones.map((zone, key) =>\n
\n \n
{this.valueInUnits(this.getPastDueQtyScheduledTotal(zone))}
\n
{this.valueInUnits(this.getPastDueQtyCompletedTotal(zone))}
\n
{this.valueInUnits(this.getPastDueQtyRemainingTotal(zone))}
\n
\n {totalsCol && }\n {!totalsCol && }\n \n )}\n {!this.props.pastDue && totalsCol && globalTotalsCol && this.props.zones.map((zone, key) =>\n
\n \n
{this.valueInUnits(this.getZoneScheduledTotal(zone))}
\n
{this.valueInUnits(this.getZoneCompletedTotal(zone))}
\n
{this.valueInUnits(this.getZoneRemainingTotal(zone))}
\n
\n {totalsCol && }\n {!totalsCol && }\n \n )}\n\n {/* Total Qty Completed */}\n {this.props.pastDue &&
{this.valueInUnits(this.getPastDueTotalQtyCompleted())}
}\n {!this.props.pastDue && !globalTotalsCol &&
{this.valueInUnits(this.getTotalQtyCompleted())}
}\n {!this.props.pastDue && globalTotalsCol &&
{this.valueInUnits(this.getGlobalQtyCompleted())}
}\n\n {/* Pending Qty */}\n {this.props.pastDue &&
{this.valueInUnits(this.getPastDueTotalQtyRemaining())}
}\n {!this.props.pastDue && !globalTotalsCol &&
{this.valueInUnits(this.getTotalQtyRemaining())}
}\n {!this.props.pastDue && globalTotalsCol &&
{this.valueInUnits(this.getGlobalQtyRemaining())}
}\n\n {/* Percent Remaining */}\n {this.props.pastDue &&
{this.getPastDuePercentToCompletion()}%
}\n {!this.props.pastDue && !globalTotalsCol &&
{this.getPercentToCompletion()}%
}\n {!this.props.pastDue && globalTotalsCol &&
{this.getPercentGlobalToCompletion()}%
}\n
\n