+
+
:
+ ''
const content = (
What type of heating system does your building have?
- {
- this.props.answerIds.map((answerId, id) => {
- return (
-
-
-
-
- );
- })
- }
+
+
+
+
+ );
+ })
+ }
+
+
+
+ {
+ this.props.answerIds.map((answerId, id) => {
+ return (
+
+
+
+
+ );
+
+ return (
+
+ Please tell us what kind of building you have.
+
+ this.chooseAnswer(answerId)}
+ >
+ {this.names[id]}
+
+
+ );
+ })
+ }
+
+ {content}
+
+ );
+ }
+}
diff --git a/src/ChurchCoolingSystemAge.js b/src/ChurchCoolingSystemAge.js
new file mode 100644
index 0000000000000000000000000000000000000000..989525d616dabb3b62a4a9258f6f1b0499686197
--- /dev/null
+++ b/src/ChurchCoolingSystemAge.js
@@ -0,0 +1,125 @@
+import React from "react";
+import { Row, Col, Button } from 'reactstrap';
+import starIcon from './utils/images/icon-star.svg';
+import './index.css';
+import ReactGA from 'react-ga';
+
+
+export default class ChurchCoolingSystemAge extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ answer: this.props.answer,
+ };
+ this.names = [
+ 'New (0-3 Years)',
+ 'Pretty new (4-10 Years)',
+ 'Pretty old (11-20 Years)',
+ 'Old (21+ Years)',
+ 'I\'m not sure',
+ ];
+ }
+
+ componentDidMount () {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.pageview('/church-cooling-system-age');
+ }
+ }
+
+ prevQuestion = () => {
+ this.props.prevQuestion('churchCoolingSystemAge');
+ }
+
+ nextQuestion = () => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Clicked continue button",
+ label: "church-cooling-system-age"
+ });
+ }
+ this.props.nextQuestion(
+ 'churchCoolingSystemAge',
+ this.names[this.props.answerIds.indexOf(this.state.answer)],
+ this.state.answer
+ );
+ }
+
+ chooseAnswer = (answer) => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Chose church cooling system age",
+ label: "church-cooling-system-age"
+ });
+ }
+ this.setState({ answer });
+ }
+
+ render() {
+ let message = "";
+ if ([2, 3].includes(this.props.answerIds.indexOf(this.state.answer))) {
+ message = (
+
+ 
{' '}
+ Looks like it's time for a new system!
+
+ );
+ }
+
+ const content = (
+
+
+
+ {
+ this.props.answerIds.map((answerId, id) => {
+ return (
+
+ {message}
+
+
+
+
+
+ );
+
+ return (
+
+ About how old is your cooling system?
+
+ this.chooseAnswer(answerId)}
+ >
+ {this.names[id]}
+
+
+ );
+ })
+ }
+
+ {content}
+
+ );
+ }
+}
diff --git a/src/ChurchCoolingSystemPlan.js b/src/ChurchCoolingSystemPlan.js
new file mode 100644
index 0000000000000000000000000000000000000000..33c69ee4f19ac4aa5d5c239b0185e100974a2f44
--- /dev/null
+++ b/src/ChurchCoolingSystemPlan.js
@@ -0,0 +1,126 @@
+import React from "react";
+import { Row, Col, Button } from 'reactstrap';
+import './index.css';
+import starIcon from './utils/images/icon-star.svg';
+import ReactGA from 'react-ga';
+
+
+export default class ChurchCoolingSystemPlan extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ answer: this.props.answer,
+ };
+ this.names = [
+ 'As soon as possible',
+ 'In less than a year',
+ 'In a year or two',
+ 'I\'m not sure',
+ ];
+ }
+
+ componentDidMount () {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.pageview('/church-cooling-system-plan');
+ }
+ }
+
+ prevQuestion = () => {
+ this.props.prevQuestion('churchCoolingSystemPlan');
+ }
+
+ nextQuestion = () => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Clicked continue button",
+ label: "church-cooling-system-plan"
+ });
+ }
+ this.props.nextQuestion(
+ 'churchCoolingSystemPlan',
+ this.names[this.props.answerIds.indexOf(this.state.answer)],
+ this.state.answer
+ );
+ }
+
+ chooseAnswer = (answer) => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Chose cooling system plan",
+ label: "church-cooling-system-plan"
+ });
+ }
+ this.setState({ answer });
+ }
+
+ render() {
+ let message = "";
+ if ([0, 1].includes(this.props.answerIds.indexOf(this.state.answer))) {
+ message = (
+
+ {' '}
+ We're on it!
+
+ );
+ }
+
+ const content = (
+
+
+
+
+
+
+ );
+
+ return (
+
+ How soon do you plan to replace your cooling system?
+
+
+
+ {
+ this.props.answerIds.map((answerId, id) => {
+ return (
+
+ {message}
+
+
+ this.chooseAnswer(answerId)}
+ >
+ {this.names[id]}
+
+
+ );
+ })
+ }
+
+ {content}
+
+ );
+ }
+}
diff --git a/src/ChurchHoursPerWeek.js b/src/ChurchHoursPerWeek.js
new file mode 100644
index 0000000000000000000000000000000000000000..b654053a1e857b134464aa117e46a30299af29a7
--- /dev/null
+++ b/src/ChurchHoursPerWeek.js
@@ -0,0 +1,102 @@
+import React from "react";
+import { Row, Col, Button } from 'reactstrap';
+import './index.css';
+import ReactGA from 'react-ga';
+
+export default class ChurchHoursPerWeek extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ answer: this.props.answer,
+ };
+ this.names = [
+ '0 ~ 20 hrs per week',
+ '20 ~ 40 hrs per week',
+ '40 ~ 80 hrs per week',
+ '24/7, the building is occupied all the time'
+ ];
+ }
+
+ componentDidMount () {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.pageview('/church-hours-per-week');
+ }
+ }
+
+ prevQuestion = () => {
+ this.props.prevQuestion('churchHoursPerWeek');
+ }
+
+ nextQuestion = () => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Clicked continue button",
+ label: "church-hours-per-week"
+ });
+ }
+ this.props.nextQuestion('churchHoursPerWeek', this.names[this.props.answerIds.indexOf(this.state.answer)], this.state.answer);
+ }
+
+ chooseAnswer = (answer) => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey NYC",
+ action: "Chose church hours per week",
+ label: "church-hours-per-week"
+ });
+ }
+ this.setState({ answer });
+ }
+
+ render() {
+ const content = (
+
+
+ {
+ this.props.answerIds.map((answerId, id) => {
+ return (
+
+
+
+
+ );
+
+ return (
+
+ How many hours per week is the building occupied?
+
+ this.chooseAnswer(answerId)}
+ >
+ {this.names[id]}
+
+
+ );
+ })
+ }
+
+ {content}
+
+ );
+ }
+}
diff --git a/src/CompleteButtons.js b/src/CompleteButtons.js
new file mode 100644
index 0000000000000000000000000000000000000000..68dedc9e1b79f642c191f786657f53e0c08e48e1
--- /dev/null
+++ b/src/CompleteButtons.js
@@ -0,0 +1,38 @@
+import React from "react";
+import { Row, Col, Button } from 'reactstrap';
+import './index.css';
+
+export default class CompleteButtons extends React.Component {
+ addBuilding = () => {
+ console.log('yes');
+ }
+
+ closePage = () => {
+ window.close();
+ }
+
+ render() {
+ return (
+
+
+
+
+ );
+ }
+}
diff --git a/src/OperationalSeasons.js b/src/OperationalSeasons.js
new file mode 100644
index 0000000000000000000000000000000000000000..923db71d670d3c28352fc02e0514eeed9b6e51ec
--- /dev/null
+++ b/src/OperationalSeasons.js
@@ -0,0 +1,112 @@
+import React from "react";
+import { Row, Col, Button, Label, Input} from 'reactstrap';
+import './index.css';
+import ReactGA from 'react-ga';
+
+export default class OperationalSeasons extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ answerIds: this.props.answer,
+ };
+ this.names = {
+ Winter: 'Winter',
+ Spring: 'Spring',
+ Summer: 'Summer',
+ Fall: 'Fall'
+ }
+ }
+
+ componentDidMount () {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.pageview('/operational-seasons');
+ }
+ }
+
+ prevQuestion = () => {
+ this.props.prevQuestion('operationalSeasons');
+ }
+
+ nextQuestion = () => {
+ if(process.env.REACT_APP_ENVIRONMENT==='production'){
+ ReactGA.event({
+ category: "Intake Survey POW",
+ action: "Clicked continue button",
+ label: "operational-seasons"
+ });
+ }
+ this.props.nextQuestion(
+ 'operationalSeasons',
+ this.state.answerIds.map(answerId => this.names[this.props.answers[answerId]]),
+ this.state.answerIds,
+ );
+ }
+
+ chooseAnswer = (answerId) => {
+ let answerIds = this.state.answerIds
+ if (answerIds.includes(answerId)) {
+ answerIds = answerIds.filter(id => id !== answerId);
+ } else {
+ answerIds.push(answerId);
+ }
+ this.setState({ answerIds });
+ }
+
+ render() {
+ const content = (
+
+
+
+
+ );
+
+ return (
+
+ Which season(s) is the building operational?
+
+
+ Check all that apply
+
+ {
+ this.props.answerIds.map(answerId => {
+ const answerName = this.props.answers[answerId];
+ return (
+
+
+
+
+ );
+ })
+ }
+
+
+ {content}
+
+ );
+ }
+}
diff --git a/src/ReviewAnswers.js b/src/ReviewAnswers.js
index de2a83791fde5a5e9d2bac9df689bdc5cb774df4..2e19c33f8bd2d0f801d8e1b01eec0d3d5ad7732c 100644
--- a/src/ReviewAnswers.js
+++ b/src/ReviewAnswers.js
@@ -38,33 +38,6 @@ export default class ReviewAnswers extends React.Component {
render() {
const questions = this.props.questions;
const phoneNumber = this.props.form.PHONE === 0 ? 'N/A' : this.props.form.PHONE;
-
- const aptBreakdown = questions['unitBreakdown'].answers.filter(c => c === 0).length !== 6?
-
-
-
-
-
- : '';
-
const content = (
- Apartment Unit Breakdown
-
-
- Studio: {this.props.questions['unitBreakdown'].answers[0]}
- One Bedroom: {this.props.questions['unitBreakdown'].answers[1]}
- Two Bedroom: {this.props.questions['unitBreakdown'].answers[2]}
- Three Bedroom: {this.props.questions['unitBreakdown'].answers[3]}
- Four Bedroom: {this.props.questions['unitBreakdown'].answers[4]}
- Other: {this.props.questions['unitBreakdown'].answers[5]} -
-
- - One Bedroom: {this.props.questions['unitBreakdown'].answers[1]}
- Two Bedroom: {this.props.questions['unitBreakdown'].answers[2]}
- Three Bedroom: {this.props.questions['unitBreakdown'].answers[3]}
- Four Bedroom: {this.props.questions['unitBreakdown'].answers[4]}
- Other: {this.props.questions['unitBreakdown'].answers[5]} -
- 
this.editAnswer('unitBreakdown') } />
-
-
- -
@@ -72,18 +45,7 @@ export default class ReviewAnswers extends React.Component {
{
- Object.keys(questions)
- .filter(
- question => questions[question].title !== undefined &&
- (
- (questions[question].answer !== undefined && questions[question].answer.length !== 0) ||
- (
- questions[question].questions !== undefined &&
- questions[question].questions[0].value !== 0 &&
- questions[question].questions[1].value !== 0
- )
- )
- )
+ questions.order
.map(question => {
if (questions[question].questions !== undefined) {
if (questions[question].questions.filter(question => ![0, ""].includes(question.value)).length > 0) {
@@ -169,6 +131,55 @@ export default class ReviewAnswers extends React.Component {
);
+ } else if (question === 'unitBreakdown') {
+ return (
+ questions['unitBreakdown'].answers.filter(c => c === 0).length !== 6?
+
+
+
+
+
+ : ''
+ );
+ } else if (question === 'feedback') {
+ return (
+
+ Apartment Unit Breakdown
+
+
+ Studio: {this.props.questions['unitBreakdown'].answers[0]}
+ One Bedroom: {this.props.questions['unitBreakdown'].answers[1]}
+ Two Bedroom: {this.props.questions['unitBreakdown'].answers[2]}
+ Three Bedroom: {this.props.questions['unitBreakdown'].answers[3]}
+ Four Bedroom: {this.props.questions['unitBreakdown'].answers[4]}
+ Other: {this.props.questions['unitBreakdown'].answers[5]} +
+
+ + One Bedroom: {this.props.questions['unitBreakdown'].answers[1]}
+ Two Bedroom: {this.props.questions['unitBreakdown'].answers[2]}
+ Three Bedroom: {this.props.questions['unitBreakdown'].answers[3]}
+ Four Bedroom: {this.props.questions['unitBreakdown'].answers[4]}
+ Other: {this.props.questions['unitBreakdown'].answers[5]} +
+
+ +
+
+
+
+
+ );
} else {
return (
+ How did you first hear about us?
+
+
+ {this.props.questions[question].answers[0]}
+
+
+ +
+
+ +
@@ -193,27 +204,6 @@ export default class ReviewAnswers extends React.Component {
}
})
}
-
-
-
-
-
-
- {aptBreakdown}
-
- How did you first hear about us?
-
-
- {this.props.questions['feedback'].answers[0]}
-
-
- -
-
- -