\r\n );\r\n }\r\n}","import React from 'react';\r\nimport patron from \"./img/HomePagePatronSquare.jpg\";\r\nimport purchase from \"./img/HomePagePurchaseFlagSquare.jpg\";\r\nimport programinfo from \"./img/HomePageProgramInfo.jpg\";\r\nimport volunteer from \"./img/HomePageVolunteerSquare.jpg\";\r\nimport videos from \"./img/HomePageVideoSquare.jpg\";\r\nimport photos from \"./img/HomePagePhotoSquare.jpg\";\r\nimport header from \"./img/header.jpg\";\r\nimport FoHFoot from './Foot.js';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardHeader from '@material-ui/core/CardHeader';\r\nimport CardMedia from '@material-ui/core/CardMedia';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\n//import Button from '@material-ui/core/Button';\r\nimport Grid from '@material-ui/core/Grid';\r\n//import ResponsiveEmbed from 'react-responsive-embed';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nexport class MainPage extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n Honor your Personal Heroes, whoever they may be. \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n We are proud to continue this Memorial Day tradition including a tribute to Westerville’s Veterans, an education tent, and a Saturday night concert. Thank you to all of the patrons of the 2023 Field of Heroes. We are accepting patrons this year to support event activities, so please help us honor Westerville’s Heroes by clicking on Support the Event above.\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n In addition to our traditional flag sales, we started a tradition of having a commemorative item representing each year. This year we honor Westerville’s Heroes, and you can support us not only by purchasing a flag for your hero but also by purchasing this year’s commemorative coin.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n The first field of its kind in Central Ohio, the Field of Heroes has become a truly unique and inspiring event. This year's theme will be Westerville during the Civil War Era.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Volunteer opportunities range from field greeters and order-takers to overnight security personnel.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thanks to the support from local TV stations, take a look at the Field of Heroes in previous years. Head to our YouTube page to see more.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Wonderful photos were taken from visitors at the event. Head to our Facebook page to see more.\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Save The Dates
\r\n \r\n \r\n \r\n \r\n \r\n May 24 - May 27, 2024\r\n Please join us for the 16th annual Field of Heroes, as Central Ohioans remember and honor their personal heroes.\r\n
\r\n Special Tribute\r\n Reflect. Honor. Tradition. This year's theme will be Ohio Heroes in Flight.\r\n
\r\n Sunday, May 26, 2024\r\n 5k Run/Walk for Heroes.\r\n
\r\n Stay Connected\r\n Follow the Field of Heroes on Twitter, and \"Friend\" us on Facebook\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MainPage;","import React from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FoHFoot from './Foot.js'\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nimport ohiohealth from \"./img/2021logos/OhioHealth.png\"\r\nimport pearl from \"./img/2021logos/pearl.png\"\r\n//import mtcarmel from \"./img/2021logos/mtcarmel.png\"\r\nimport vandalia from \"./img/2021logos/VandaliaBig.png\"\r\n//import westcamp from './img/2021logos/Westcamp.png'\r\n//import marzetti from \"./img/2021logos/Marzetti.png\"\r\nimport roush from \"./img/2021logos/RoushHonda.png\"\r\nimport maloney from \"./img/2021logos/Maloney.png\"\r\nimport lehmandaman from \"./img/2021logos/Lehman.png\"\r\nimport wichert from \"./img/2021logos/Wichert.png\"\r\n//import alca from \"./img/2021logos/ALCA.png\"\r\nimport edjones from \"./img/2021logos/EdJones.png\"\r\n//import amc from \"./img/2021logos/AssetManagement.png\"\r\n//import kguard from \"./img/2021logos/KGuard.png\"\r\nimport g11 from \"./img/2021logos/GroupEleven.png\"\r\nimport infintech from \"./img/2021logos/Infintech.png\"\r\nimport metz from \"./img/2021logos/MetzBailey.png\"\r\nimport columbusgymnastics from './img/2021logos/ColsGym.png'\r\nimport flaherty from './img/2021logos/Flaherty.png'\r\n//import ess from \"./img/2021logos/ESS.png\"\r\nimport dasco from \"./img/2021logos/DASCO.png\"\r\nimport copc from './img/2021logos/COPC.png'\r\n//import blairit from \"./img/2021logos/BlairIT.png\"\r\nimport panera from \"./img/2021logos/Panera.png\"\r\n//import toukan from \"./img/2021logos/Toukan.png\"\r\n//import warm from \"./img/2021logos/WARM.png\"\r\nimport hill from \"./img/2021logos/Hill.png\"\r\nimport lav from \"./img/2021logos/LAV.png\"\r\n//import durant from \"./img/2021logos/Durant.png\"\r\n//import floresta from \"./img/2021logos/Floresta.png\"\r\n//import rudderow from \"./img/2021logos/RudderowCPA.png\"\r\n//import bin from './img/2021logos/Bins.png'\r\n//import brown from './img/2021logos/Brown.png'\r\n//import franklin from './img/2021logos/Franklin.png'\r\n//import westerville from './img/2021logos/WVille.png'\r\n//import skyline from './img/2021logos/Skyline.png'\r\nimport genjigo from './img/2021logos/Genjigo.png'\r\n//import chase from './img/2021logos/Chase.png'\r\n\r\nexport class Support extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n Support the Event \r\n \r\n \r\n \r\n \r\n The Field of Heroes is run and organized by the Westerville Sunrise Rotary Club and all funds are handled by the Westerville Sunrise Foundation, a 501(c)(3) entity. The Field of Heroes is a community outreach service project for the Westerville Sunrise Rotary and not a fundraising effort. A partnership of community organizations and businesses come together to underwrite some of the expenses of the event. We are currently seeking patrons to help underwrite the cost of presenting the Field of Heroes, so that this special event can continue to be shared with the community. \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Columbus Gas of Ohio/Nisource\r\n \r\n \r\n Danbury Westerville-Parkside Village\r\n \r\n \r\n Donna H. Rudderow, CPA\r\n \r\n \r\n John and Linda Bokros\r\n \r\n \r\n Skyline Chili\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Support;","import React from 'react';\r\nimport FoHFoot from './Foot.js'\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport volunteer1 from \"./img/Volunteer1.jpg\"\r\nimport volunteer2 from \"./img/Volunteer2.jpg\"\r\nimport volunteer3 from \"./img/Volunteer3.jpg\"\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nexport class Volunteer extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \r\n Volunteer \r\n \r\n \r\n \r\n \r\n \r\n \r\n The Westerville Sunrise Rotary Club seeks volunteers to help with the Field of Heroes. In addition to the thousands of expected visitors who simply wish to walk amongst the flags, we hold numerous programs and take onsite orders throughout the weekend; all these activities are staffed completely by community volunteers.\r\n
\r\n As the first field of its kind in Central Ohio, the Field of Heroes has become a truly unique and inspiring event. More than two hundred volunteers are required to run the Field of Heroes each year. Volunteer opportunities range from field greeters and order-takers to overnight security personnel. We assure you that you will find it a truly rewarding experience.\r\n
\r\n \r\n
Volunteer sign up isn't quite ready yet. Please keep an eye on our Facebook and Twitter for an announcement when they're live!
\r\n );\r\n }\r\n}\r\n\r\nexport default Volunteer;","import React from 'react';\r\nimport FoHFoot from './Foot.js'\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nexport class Program extends React.Component {\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n \r\n Program Information \r\n \r\n On Memorial Day weekend 2019, the Westerville Sunrise Rotary Club will host the 11th Annual Field of Heroes across from the Westerville Community Center on Cleveland Avenue in Westerville, Ohio. The Field of Heroes is a unique opportunity for our community members to honor their personal heroes - whoever they are... a family member; a friend; a veteran; a member of the armed services; a favorite teacher; a police officer; a firefighter or any other person who has made an impact on their lives.\r\n \r\n The Field of Heroes is a spectacular visual display of 3,000 American flags. The 3' x 5' flags stand 8 feet tall in perfect rows and columns across a field of green. The field is set up so that visitors can walk among the flags, reading dedications and reflecting upon their personal heroes.\r\n \r\n The Westerville Sunrise Rotary club invites you to join us to show support for your hero. Become a part of this community event by purchasing a flag that will stand proudly in the Field of Heroes. Online flag orders begin roughly in April. When purchasing a flag, there are three options to choose from:\r\n \r\n
\r\n
\r\n Purchase: After the Memorial Day weekend the flag is yours to keep, or you can ship the flag to your hero.\r\n
\r\n
\r\n Dedicate: Your purchased flag will return to our inventory so we can use the flag for new purchases next year. You will get to keep your dedication tag and certificate.\r\n
\r\n
\r\n Donate: At the end of the event, the flag you purchased will be donated to a charitable organization that supports active military, veterans, public safety personnel or their families. You will get to keep your dedication tag and certificate.\r\n
\r\n
\r\n \r\n No two years are ever the same! Flag dedications last only for the event year they are purchased in. Each year starts with all new dedication tags so the stories you read change year to year!\r\n \r\n \r\n \r\n This is an opportunity for us all to come together as a community to remember, to honor, and to heal.\r\n \r\n \r\n
\r\n \r\n Tentative Schedule \r\n
\r\n
\r\n Friday, May 24 8:30pm - Taps\r\n
\r\n
\r\n Saturday, May 25 Noon - Reading of Names on Dedicated Flags 6:00 pm - I’ll Be Seeing You performed by the Westerville Public Library 7:30 pm - Free Concert performed by the Westerville Community Band 8:30 pm - (following concert) Echo Taps 12 midnight - Flag Sales Close for the night\r\n
\r\n
\r\n Sunday, May 26 8:00 am - Field of Heroes 5K Run/Walk Noon - Reading of Names on Dedicated Flags 5:00 pm - Flag Retirement Ceremony presented by the Boy Scouts of America 7:00 pm - Memorial Ceremony (Welcome Home) 8:30 pm - Taps 12 midnight - Flag Sales Close for the Night\r\n
\r\n
\r\n Monday, May 27 Noon - Reading of Names on Dedicated Flags 12:30 pm - Closing Ceremony 1:00 - 3:30 - Flag Pick Up\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Program;","import React from 'react';\r\nimport FoHFoot from './Foot.js'\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nexport class Schedule extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \t\r\n Schedule of Events \r\n \t\r\n \t\r\n Friday, May 24 \r\n \t\r\n\r\n \t\r\n \t\r\n 6:00 P.M.\r\n \t\r\n \t\r\n Bagpipe Serenade\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 8:30 P.M.\r\n \t\r\n \t\r\n \"Taps\" | Field Illuminated Until Dawn\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 9:00 P.M.\r\n \t\r\n \t\r\n Flag and Challenge Coin sales close for the night\r\n \t\r\n \t\r\n\r\n \t\r\n Saturday, May 25 \r\n \t\r\n\r\n \t\r\n \t\r\n 12:00 P.M.\r\n \t\r\n \t\r\n Reading of Names on Dedicated Flags\r\n \t\r\n \t\r\n\r\n \r\n \r\n 1:00 P.M. to 4:00 P.M.\r\n \r\n \r\n Tours of the Hanby House **Located at: Hanby House Historic Site, 160 W. Main Street\r\n \r\n \r\n\r\n \t\r\n \t\r\n 7:00 P.M.\r\n \t\r\n \t\r\n Free Concert featuring the Westerville Symphony at Otterbein University\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 8:30 P.M.\r\n \t\r\n \t\r\n Echo \"Taps\" | Field Illuminated Until Dawn\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 9:00 P.M.\r\n \t\r\n \t\r\n Flag and Challenge Coin sales close for the night\r\n \t\r\n \t\r\n\r\n \t\r\n Sunday, May 26 \r\n \t\r\n\r\n \t\r\n \t\r\n 8:00 A.M.\r\n \t\r\n \t\r\n Field of Heroes 5K Run/Walk Presented by Ohio Health\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 12:00 P.M.\r\n \t\r\n \t\r\n Reading of Names on Dedicated Flags\r\n \t\r\n \t\r\n\r\n \r\n \r\n 2:00 P.M. - 4:30 P.M.\r\n \r\n \r\n Civil War Heroes and Underground Railroad Conductor Walk **Located at: Otterbein Cemetery, 175 S. Knox Street\r\n \r\n \r\n\r\n \t\r\n \t\r\n 3:45 P.M.\r\n \t\r\n \t\r\n Bagpipe Serenade prelude to Flag Retirement Ceremony\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 4:00 P.M.\r\n \t\r\n \t\r\n Flag Retirement Ceremony led by Troop 64\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 6:00 P.M.\r\n \t\r\n \t\r\n Ohio Village Muffins vs Westerville Sunrise Rotary & Co.\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 8:30 P.M.\r\n \t\r\n \t\r\n \"Taps\" | Field Illuminated Until Dawn\r\n \t\r\n \t\r\n\r\n \t\r\n \t\r\n 9:00 P.M.\r\n \t\r\n \t\r\n Flag and Challenge Coin sales close for the night\r\n \t\r\n \t\r\n\r\n \t\r\n Monday, May 27 \r\n \t\r\n\r\n \t\r\n \t\r\n 10:30 A.M.\r\n \t\r\n \t\r\n Flag Sales Close for Event\r\n \t\r\n \t\r\n\r\n \r\n \r\n 11:30 A.M.\r\n \r\n \r\n Reading of Names on Dedicated Flags\r\n \r\n \r\n\r\n \r\n \r\n 12:15 P.M.\r\n \r\n \r\n Memorial Day Ceremony\r\n \r\n \r\n\r\n \t\r\n \t\r\n 1:00 - 3:30 P.M.\r\n \t\r\n \t\r\n Flag Pick-Up\r\n \t\r\n \t\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Schedule;","import React from 'react';\r\nimport FoHFoot from './Foot.js'\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\n//import race from \"./img/race2019.jpg\";\r\nimport racepicture from \"./img/5kPage.jpg\";\r\nimport Button from '@material-ui/core/Button';\r\n\r\nexport class Fivek extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n The Field of Heroes 5k Run/Walk \r\n \r\n \r\n \r\n \r\n \r\n \r\n This family/friendly 5k Run/Walk offers unique opportunities to finish among 3,000 full size American flags!\r\n
\r\n Sign up for the Field of Heroes 5k Run/Walk for an active and alternative way to honor your heroes in a unique and breathtaking setting. This flat course is on paved recreation paths, against one of the most memorable backdrops you’ll ever experience!\r\n
\r\n This event is limited to 1,200 participants so register early to secure your spot!\r\n \r\n Date & Time: Sunday, May 26th, 2024 at 8:00 AM\r\n Location: Westerville Sports Complex (Cleveland Ave. & County Line Rd.)\r\n Price*:\r\n $20 + $3.95 sign-up fee Active & Veteran Military\r\n $35 + $4.95 sign-up fee\r\n \r\n \r\n \r\n Pre-race packet pick up:\r\n May 24th: 11:00am - 7:00pm at Fleet Feet Lewis Center, 1270 E. Powell\r\n May 25th: 10:00am - 6:00pm at Fleet Feet Lewis Center, 1270 E. Powell\r\n \r\n *The Westerville Sunrise Rotary Foundation is a 501(c)3 charitable organization, and therefore a portion of your registration may be tax deductible. The estimated value of goods provided is $12.00.\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Purchase - Pick up your flag and tribute tag at the end of the event on Monday from 1:00PM to 4:00PM.\r\n \r\n Donate – At the end of the event, this flag will be donated to a deserving organization. You can pick up your tribute tag on Monday from 1:00PM to 4:00PM.\r\n \r\n Dedicate - You can pick up your tribute tag on Monday from 1:00PM to 4:00PM. This flag will be placed back in inventory for a new purchaser at next year’s event.\r\n \r\n Ship to my address - Your flag and tribute tag will be shipped to the address you placed in the first part of this order.\r\n \r\n Ship to another address - Your flag and tribute tag will be shipped to another address, which you may enter when you select this option.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { parseInt(val[\"shiptype\"])===4 &&\r\n \r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n Flag Purchases are $35 Flag Dedications are $20 Flag Donations are $35 Purchasing Shipped Flags is $35 (each flag) as well as $7.50 shipping for up to two flags to the same address, with additional shipping for more\r\n
\r\n \r\n Failed to process payment:\r\n \r\n {props.errors.map(error => (\r\n {error}\r\n ))}\r\n \r\n
\r\n);\r\n\r\nconst WaitComponent = () => (\r\n
\r\n \r\n \r\n Waiting on response from Authorize.Net\r\n \r\n
\r\n);\r\n\r\nconst Header = props => (\r\n \r\n Authorize.Net payment\r\n \r\n);\r\n\r\nclass Payment extends Component<{}, State> {\r\n constructor(props){\r\n super(props);\r\n let {address} = props.getStore();\r\n let {flags} = props.getStore();\r\n let cost = 0;\r\n flags.map((val, idx)=>{\r\n if(flags[idx].shiptype===\"0\"||flags[idx].shiptype===\"2\"||flags[idx].shiptype===\"3\"||flags[idx].shiptype===\"4\"){\r\n cost = cost + 35;\r\n }else if(flags[idx].shiptype===\"1\"){\r\n cost = cost + 20;\r\n }else{\r\n throw new Error(\"Invalid shiptype, please try entering you information again\");\r\n }\r\n return \"\";\r\n })\r\n\r\n let extship = 0;\r\n\r\n var uniqship = {}\r\n flags.map((val, idx)=>{\r\n if(parseInt(flags[idx].shiptype)===4){\r\n if(flags[idx].flagaddress in uniqship){\r\n uniqship[flags[idx].flagaddress] = uniqship[flags[idx].flagaddress] + 1\r\n }else{\r\n uniqship[flags[idx].flagaddress] = 1\r\n }\r\n }\r\n return \"\";\r\n })\r\n\r\n flags.map((val, idx)=>{\r\n if(parseInt(flags[idx].shiptype)===3){\r\n if(address in uniqship){\r\n uniqship[address] = uniqship[address] + 1\r\n }else{\r\n uniqship[address] = 1\r\n }\r\n }\r\n return \"\";\r\n })\r\n\r\n function addZeroes( num2 ) {\r\n var num = Number(num2);\r\n if (String(num).split(\".\").length < 2 || String(num).split(\".\")[1].length<=2 ){\r\n num = num.toFixed(2);\r\n }\r\n return num;\r\n }\r\n\r\n for(var key in uniqship){\r\n var count = uniqship[key]\r\n extship = extship + (Math.ceil(count/2)*7.5)\r\n }\r\n cost = cost + extship\r\n cost = addZeroes(cost)\r\n\r\n this.state = {status:\"unpaid\",sampleStore:props.getStore(),orderid:null,cost:cost,transactionID:0,error:\"\"}\r\n }\r\n\r\n componentDidMount(){\r\n var orderid = null\r\n let self = this;\r\n axios.post(\"https://fohapi.groupeleven.com/OnlineInsert/\",qs.stringify(this.state.sampleStore)\r\n ).then(function(response){\r\n orderid = response.data.orderid\r\n self.setState({orderid:orderid});\r\n }).catch(function(error){\r\n alert(error);\r\n });\r\n }\r\n\r\n onErrorHandler = (response: any) => {\r\n this.setState({\r\n status: [\"failure\", response.messages.message.map(err => err.text)]\r\n });\r\n };\r\n\r\n onSuccessHandler = (response: any) => {\r\n let success = false;\r\n let error = \"\";\r\n let transactionID = 0;\r\n let self = this;\r\n axios.post(\"https://fohapi.groupeleven.com/Paid/\",qs.stringify({orderid:this.state.orderid,dataDescriptor:response[\"opaqueData\"][\"dataDescriptor\"],nonce:response[\"opaqueData\"][\"dataValue\"]})\r\n ).then(function(response){\r\n success = response.data.success\r\n transactionID = response.data.transactionid\r\n error = response.data.error\r\n if(success===true){\r\n self.setState({status:\"paid\"});\r\n self.setState({transactionID:transactionID});\r\n }else{\r\n self.setState({status:\"unpaid\"});\r\n self.setState({status:[\"failure\",[error]]});\r\n }\r\n });\r\n self.setState({status:\"waiting\"});\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.state.status === \"paid\" ? (\r\n \r\n Thank you for Supporting the Field of Heroes\r\n \r\n Your transaction id is {this.state.transactionID} and you will recieve an email shortly from authorize.net.\r\n \r\n ) : this.state.status === \"unpaid\" ? (\r\n \r\n ) : this.state.status[0] === \"failure\" ? (\r\n this.setState({ status: \"unpaid\" })}\r\n errors={this.state.status[1]}\r\n />\r\n ) : this.state.status === \"waiting\" ? (\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Payment;","import React from 'react';\r\n\r\nexport class Confirm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n firstname: props.getStore().firstname,\r\n lastname: props.getStore().lastname,\r\n organization: props.getStore().organization,\r\n address: props.getStore().address,\r\n city: props.getStore().city,\r\n state: props.getStore().state,\r\n zip: props.getStore().zip,\r\n phone: props.getStore().phone,\r\n email: props.getStore().email,\r\n behalf: props.getStore().behalf,\r\n notes:props.getStore().notes,\r\n flags:props.getStore().flags,\r\n }\r\n }\r\n\r\n render() {\r\n let {flags} = this.state\r\n let pickup = flags.filter(function(flag){return parseInt(flag.shiptype)===0}).length\r\n let dedicate = flags.filter(function(flag){return parseInt(flag.shiptype)===1}).length\r\n let donate = flags.filter(function(flag){return parseInt(flag.shiptype)===2}).length\r\n let myship = flags.filter(function(flag){return parseInt(flag.shiptype)===3}).length\r\n let ship = flags.filter(function(flag){return parseInt(flag.shiptype)===4}).length\r\n\r\n let extship = 0;\r\n\r\n var uniqship = {}\r\n flags.map((val, idx)=>{\r\n if(parseInt(flags[idx].shiptype)===4){\r\n if(flags[idx].flagaddress in uniqship){\r\n uniqship[flags[idx].flagaddress] = uniqship[flags[idx].flagaddress] + 1\r\n }else{\r\n uniqship[flags[idx].flagaddress] = 1\r\n }\r\n }\r\n return \"\";\r\n })\r\n\r\n for(var key in uniqship){\r\n var count = uniqship[key]\r\n extship = extship + (Math.ceil(count/2)*7.5)\r\n }\r\n\r\n function addZeroes( num2 ) {\r\n var num = Number(num2);\r\n if (String(num).split(\".\").length < 2 || String(num).split(\".\")[1].length<=2 ){\r\n num = num.toFixed(2);\r\n }\r\n return num;\r\n }\r\n\r\n return (\r\n
\r\n
Thanks for your order: {this.state.firstname}, the breakdown of your order is as follows:
\r\n { \r\n pickup>0 &&\r\n
{pickup} Flag(s) ordered for pickup at the end of the field for a total of ${addZeroes(pickup*35)}
\r\n }\r\n { \r\n dedicate>0 &&\r\n
{dedicate} Flag(s) dedicated to a hero which will return to our stock for a total of ${addZeroes(dedicate*20)}
\r\n }\r\n { \r\n donate>0 &&\r\n
{donate} Flag(s) donated to Honor Flight for a total of ${addZeroes(donate*35)}
\r\n }\r\n { \r\n myship>0 &&\r\n
{myship} Flag(s) Shipped to your mailing address for a total of ${addZeroes(myship*35)} with an additional ${addZeroes(Math.ceil(myship/2) * 7.5)} shipping
\r\n }\r\n { \r\n ship>0 &&\r\n
{ship} Flag(s) Shipped to a secondary mailing address for a total of ${addZeroes(ship*35)} with an additional ${addZeroes(extship)} shipping
\r\n )\r\n }\r\n}\r\n\r\nexport default Purchase","import React from 'react';\r\nimport FoHFoot from './Foot.js';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nexport class videos extends React.Component {\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n Page under construction\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default videos;","import React from 'react';\r\nimport FoHFoot from './Foot.js';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nexport class photos extends React.Component {\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n Page under construction\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default photos;","import React from 'react';\nimport ReactDOM from 'react-dom'\nimport { BrowserRouter, NavLink as RRNavLink,Route} from 'react-router-dom';\nimport MainPage from './MainPage.js'\nimport Support from './Support.js'\nimport Volunteer from './Volunteer.js'\nimport Program from './Program.js'\nimport Schedule from './Schedule.js'\nimport Fivek from './Fivek.js'\nimport Purchase from './Purchase.js'\n//import Virtual from './Virtual.js'\nimport videos from './Videos.js'\nimport pictures from './Pictures.js'\nimport './App.css';\nimport { Collapse,Navbar,NavbarToggler,NavbarBrand,Nav,NavItem,NavLink} from 'reactstrap';\nimport logo from './img/logo.png';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport Typography from '@material-ui/core/Typography';\nimport Hidden from '@material-ui/core/Hidden';\n\nexport class FoHNav extends React.Component {\n constructor(props) {\n super(props);\n\n document.body.classList.add('window');\n\n this.toggleNavbar = this.toggleNavbar.bind(this);\n this.state = {\n collapsed: true\n };\n }\n\n toggleNavbar() {\n this.setState({\n collapsed: !this.state.collapsed\n });\n }\n\n componentDidMount(){\n document.title = \"Field of Heroes\";\n }\n\n render() {\n return (\n
\n);\n\nexport default App;","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'core-js';\nimport 'raf/polyfill';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './css/index.css';\nimport './css/normalize.css';\nimport './css/prog-tracker.css';\nimport './css/leaflet.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nif (typeof Object.assign != 'function') {\n Object.assign = function(target) {\n if (target == null) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n\n target = Object(target);\n for (var index = 1; index < arguments.length; index++) {\n var source = arguments[index];\n if (source != null) {\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n }\n return target;\n };\n}\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}