{details.Title}
\r\n : null}\r\n{d}
)}\r\n{details.Title}
\r\n\r\n return (\r\n{details.Title}
\r\n : null}\r\n{d}
)}\r\n {ArcaHttpSystem.IsSmartphone\r\n ? \r\n \r\n\r\n : \r\n {index === 0\r\n ? \r\n : details.PhotoPosition === 'Left'\r\n ? \r\n \r\n : details.PhotoPosition === 'Right'\r\n ? \r\n \r\n : details.PhotoPosition === 'Top'\r\n ? < Fragment >\r\n \r\n \r\n }\r\n
\r\n }\r\n
\r\n Contact Us
\r\n {' '}07765 403 032\r\n {' admin@arcapets.co.uk'}
\r\n
Follow Us
\r\n\r\n
})
\r\n \r\n We love Bristol Barkers and we think you will too. Here you can find some fantastic walks to enjoy with your dog.
\r\n\r\n\r\n {this.state.isSmartphone\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 \r\n
\r\n \r\n }\r\n
\r\n\r\n })
\r\n : })
\r\n }\r\n \r\n );\r\n }\r\n}",null,null,"import React from 'react';\r\nimport { FaInfo } from 'react-icons/fa';\r\nimport { InputGroupText } from 'reactstrap';\r\nimport { ArcaComponent } from '../../pages/ArcaComponent';\r\n\r\nexport class PrePendText extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n let { prependWidth, mandatory, label, description, onClick } = this.props;\r\n\r\n return (\r\n /*\r\n {this.props.description}\r\n
\r\n : null}\r\n\r\n \r\n {fieldType === 'select'\r\n ? \r\n \r\n\r\n this.setState({ showHelp: !showHelp }))}\r\n />\r\n\r\n {/**/}\r\n */}\r\n \r\n\r\n }\r\n
\r\n \r\n {description}\r\n
\r\n : null}\r\n\r\n {\r\n this.props.message !== undefined && this.props.message !== null && this.props.message !== ''\r\n ? \r\n {this.props.message}\r\n \r\n : null\r\n }\r\n
\r\n : null}\r\n Enquire
\r\n \r\nEnquire
\r\n \r\n\r\n \r\n {/* Top */}\r\n
\r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Fragment } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { ArcaHttpClientPageDetails } from '../code/ArcaHttpClientPageDetails.js';\r\nimport { ArcaHttpSystem } from '../code/ArcaHttpSystem.js';\r\nimport { ArcaSecurity } from '../code/ArcaSecurity.js';\r\nimport { FirstItemOnPage } from './controls/PageDetails/FirstItemOnPage.jsx';\r\nimport { PageDetailsPanel } from './controls/PageDetails/PageDetailsPanel.jsx';\r\nimport { ContactPanel } from './controls/People/ContactPanel.jsx';\r\nimport { ArcaComponent } from './pages/ArcaComponent.js';\r\n\r\nexport class Home extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.logoff = this.logoff.bind(this);\r\n\r\n this.state = {\r\n showDescriptiveText: false,\r\n pageDetails: null,\r\n pageListDetails: null\r\n };\r\n }\r\n\r\n processDetails(details) {\r\n this.setState({ pageListDetails: details });\r\n ArcaHttpSystem.Log(\"Got details\")\r\n }\r\n\r\n logoff() {\r\n ArcaSecurity.Logoff();\r\n this.setState({\r\n\r\n });\r\n }\r\n\r\n getContainerClass() {\r\n\r\n return ArcaHttpSystem.IsSmartphone\r\n ? 'NoPadding'\r\n : 'NoPadding';\r\n }\r\n\r\n componentWillUnmount() {\r\n ArcaHttpSystem.ShowUserMenu = false;\r\n }\r\n\r\n componentDidMount() {\r\n ArcaHttpSystem.ShowUserMenu = true;\r\n ArcaHttpClientPageDetails.GetListAsync('Main',\r\n (details => this.processDetails(details)));\r\n }\r\n\r\n render() {\r\n const { pageListDetails } = this.state;\r\n ArcaHttpSystem.Log(`Home: container class ${this.getContainerClass()}`)\r\n\r\n return (\r\n\r\n !pageListDetails\r\n ? Services
\r\n\r\n
}\r\n \r\n
\r\n\r\n\r\n {/* - \r\n\r\n
\r\n Close
\r\n\r\n ArcaRedirect.Push('/'))} >\r\n
\r\n \r\n \r\n \r\n {this.props.children}\r\n \r\n : \r\n {this.props.children}\r\n }\r\n
\r\n );\r\n }\r\n}\r\n",null,null,null,null,null,null,"\r\nimport React, { Component, Fragment } from 'react';\r\nimport { InputField } from './InputField';\r\n\r\nexport class InputFieldArray extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n let { formState, onUpdate } = this.props;\r\n\r\n return (\r\n Email Viewer
\r\n\r\n this.setState({ emailEditorVisible: true })} />\r\n
\r\n\r\n {emailEditorVisible\r\n ? | \r\n | Date | \r\nSubject | \r\n
|---|---|---|
| {email.BeenSeen === 1 ? '' : '*' } | \r\n\r\n | \r\n {email.Subject} | \r\n
User list
\r\n| Name | \r\nAddress line 1 | \r\nPostcode | \r\nPet name | \r\nType | \r\n
|---|---|---|---|---|
| \r\n | \r\n {f.AddressLine1} | \r\n{f.Postcode} | \r\n{f.PetName} | \r\n{f.Type} | \r\n
\r\n {this.state.formState.Fields.map((f, k) =>\r\n
\r\n \r\n {title\r\n ? {title}\r\n \r\n : null}\r\n\r\n \r\n {text\r\n ? 
\r\n : null}\r\n\r\n \r\n \r\n {onConfirm\r\n ? \r\n \r\n
\r\n );\r\n }\r\n}","import React, { Fragment } from 'react';\r\nimport { FaClone, FaEdit, FaEye, FaNewspaper, FaSearch } from 'react-icons/fa';\r\nimport { MdDelete } from 'react-icons/md';\r\nimport { Table } from 'reactstrap';\r\nimport { ArcaHttpClientPageDetails } from '../../../code/ArcaHttpClientPageDetails';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { ArcaPageDetails } from '../../../code/Types/ArcaPageDetails';\r\nimport { ArcaComponent } from '../../pages/ArcaComponent';\r\nimport { ArcaLink } from '../Fields/ArcaLink';\r\nimport { InputField } from '../Fields/InputField';\r\nimport { StatusBar } from '../StatusBar';\r\nimport { PageDetailsPanel } from './PageDetailsPanel';\r\nimport { PageEditPanel } from './PageEditPanel';\r\nimport { ModalPopup } from '../ModalPopup';\r\n\r\nexport class PageEditorPanel extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n searchResults: null,\r\n pageDetails: null,\r\n statusText: null,\r\n isError: false,\r\n viewDetails: false,\r\n editDetails: false,\r\n showConfirmDelete: false,\r\n searchString: 'e'\r\n };\r\n }\r\n\r\n async componentWillMount() {\r\n await this.getAllItems()\r\n }\r\n\r\n async getAllItems() {\r\n await ArcaHttpClientPageDetails.SearchAsync('e',\r\n ((data) => this.setState({ searchResults: data, isError: false, statusText: null })),\r\n (() => this.setState({ isError: false, statusText: 'No items match your search!', searchResults: null })),\r\n ((err) => this.setState({ isError: true, statusText: err, searchResults: null }))\r\n )\r\n }\r\n\r\n render() {\r\n let { searchResults, isError, statusText, pageDetails, viewDetails, editDetails, showConfirmDelete } = this.state\r\n\r\n return (\r\n {text}
\r\n : null}\r\n\r\n {textArray?.map((txt, k) =>\r\n{txt}
\r\n )}\r\n\r\n {body\r\n ? { body }\r\n : null}\r\n\r\n {photo\r\n ?Page details editor
\r\nSearch for you item by entering 2 or more charactors which appear in the title, preamble or text. The first 10 matching items will be returned.
\r\n| View | \r\nGroup | \r\nTitle | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Preamble | \r\n : null}\r\n
|---|---|---|---|
| There may be more answers. You may need to modify the search | \r\n|||
| {p.GroupName} | \r\n{p.Title} | \r\n\r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{p.Preamble} | \r\n : null}\r\n|
\r\n
\r\n \r\n
\r\n\r\n Change
\r\n\r\n {this.props.personId === undefined\r\n ?\r\n Changes prior to:\r\n this.handleDateChange(e)} />\r\n
\r\n : null}\r\n\r\n\r\n | # | \r\nDescription | \r\n {ArcaHttpSystem.VatEnabled\r\n ?Value | \r\n : null}\r\n {ArcaHttpSystem.VatEnabled\r\n ?Vat | \r\n : null}\r\nTotal | \r\nActions | \r\n
|---|---|---|---|---|---|
| {k + 1} | \r\n\r\n | \r\n ||||
| {k + 1} | \r\n\r\n{e.Description} {e.Reason} | \r\n {ArcaHttpSystem.VatEnabled\r\n ? {invoice.CurrencySymbol + e.Value.toFixed(2)} | \r\n : null}\r\n {ArcaHttpSystem.VatEnabled\r\n ?{invoice.CurrencySymbol + e.Vat.toFixed(2)} | \r\n : null}\r\n{invoice.CurrencySymbol + (e.Value + e.Vat).toFixed(2)} | \r\n\r\n {e.Deleted\r\n ? null\r\n : | \r\n
| # | \r\nDescription | \r\nValue | \r\n {ArcaHttpSystem.VatEnabled\r\n ?Vat | \r\n : null}\r\nTotal | \r\n
|---|---|---|---|---|
| {k + 1} | \r\n{e.Description} {e.Reason} | \r\n {invoice.CurrencySymbol + e.Value.toFixed(2)} | \r\n {ArcaHttpSystem.VatEnabled\r\n ? < td > {invoice.CurrencySymbol + e.Vat.toFixed(2)}\r\n : null}\r\n{invoice.CurrencySymbol + (e.Value + e.Vat).toFixed(2)} | \r\n
\r\n \r\n {invoice.StatusCode === 'Invoiced' && ArcaSecurity.IsAdmin\r\n ? \r\n
\r\n let header = Payee: {invoice.InvoiceeName}
\r\nRef: {invoice.Id}
\r\nStatus: {invoice.StatusCode}
\r\nTotal: {invoice.CurrencySymbol + invoice.Total.toFixed(2)}
\r\n {ArcaHttpSystem.VatEnabled\r\n ?Vat: {invoice.CurrencySymbol + invoice.Vat.toFixed(2)}
\r\n : null}\r\n\r\n {wasSettled ?Invoice has been settled
: null}\r\n\r\n {isEdit ? null : topButtons}\r\n| \r\n {isEdit\r\n ? Payee: {invoice.InvoiceeName} \r\n : header}\r\n | \r\n \r\n \r\n | \r\n
By confirming this request, the customer will be emailed the invoice directly.\r\n
\r\n
\r\n Are you sure you wish to create the invoice?\r\n \r\n
| # | \r\nDate | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Status | \r\n :- | }\r\n {!ArcaHttpSystem.IsSmartphone && ArcaSecurity.IsAdmin\r\n ?Name | \r\n : null}\r\nTotal | \r\nLink | \r\n
|---|---|---|---|---|---|---|
| {i.Id} | \r\n{i.Date.DayAndMonthPretty} | \r\n {ArcaHttpSystem.IsSmartphone\r\n ?{i.StatusCode.substring(0, 1)} | \r\n :{i.StatusCode} | }\r\n {!ArcaHttpSystem.IsSmartphone && ArcaSecurity.IsAdmin\r\n ?{i.InvoiceeName} | \r\n : null}\r\n{i.CurrencySymbol + i.Total.toFixed(2)} | \r\n
Invoices
\r\n\r\n\r\n\r\n \r\n {item.State} - {item.Urgency} - {item.Count}\r\n
\r\n )\r\n : null\r\n }\r\n\r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { Fragment } from 'react';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { ArcaComponent } from '../../pages/ArcaComponent';\r\nimport { StatusBar } from '../StatusBar';\r\n\r\nexport class StatsPanel extends ArcaComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isError: false,\r\n statusText: '',\r\n statusItems: null\r\n };\r\n }\r\n\r\n resize() {\r\n this.setState({\r\n isSmartphone: ArcaHttpSystem.IsSmartphone\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.resize.bind(this));\r\n\r\n ArcaHttpSystem.GetOnboardingInfoAsync(\r\n (statusItems => this.setState({ statusItems })),\r\n (msg => this.setState({ isError: true, statusText: msg }))\r\n )\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.resize);\r\n }\r\n\r\n render() {\r\n let { isError, statusText, statusItems } = this.state;\r\n return (\r\n \r\n
\r\n\r\n \r\n {item.FirstName} {item.LastName} - {item.State} - {item.Urgency}\r\n
\r\n )\r\n\r\n }\r\n\r\n
\r\n )\r\n }\r\n}",null,null,"\r\nexport class ArcaUtil {\r\n\r\n public static AsCurrency(symbol: string, value: number): string {\r\n return `${symbol} ${value.toFixed(2)}`;\r\n }\r\n\r\n public static RandomString(length: number) {\r\n let result = '';\r\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n const charactersLength = characters.length;\r\n for (let i = 0; i < length; i++) {\r\n result += characters.charAt(Math.floor(Math.random() * charactersLength));\r\n }\r\n return result;\r\n }\r\n}","\r\nimport React, { Component, Fragment } from 'react';\r\nimport ImageUploading from 'react-images-uploading';\r\nimport { Button, Col, Container, Row } from 'reactstrap';\r\nimport { ArcaClientImageServer } from '../../../code/ArcaClientImageServer';\r\n\r\nexport class PhotoUploadPanel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n images: null,\r\n };\r\n }\r\n\r\n onChange(imageList, addUpdateIndex) {\r\n\r\n let { folder, name, imageUpdated, uploadStarted } = this.props\r\n\r\n // data for submit\r\n console.log(imageList, addUpdateIndex);\r\n this.setState({ imageList });\r\n\r\n uploadStarted()\r\n\r\n ArcaClientImageServer.SavePicture(\r\n imageList[0].data_url,\r\n folder,\r\n name,\r\n (() => { imageUpdated && imageUpdated(); }),\r\n ((msg) => alert(msg)));\r\n };\r\n\r\n render() {\r\n let { images, maxNumber } = this.state\r\n\r\n return (\r\n \r\n
\r\n this.setState({ isLoading: true })}\r\n imageUpdated={(() => this.setState({ imageKey: ArcaUtil.RandomString(5), isLoading: false }))} />\r\n
\r\n Image Uploader
\r\nSelect or drag images of interest onto this page
\r\n\r\n \r\n \r\n {images\r\n ? images.map((image, key) =>\r\n
\r\n \r\n\r\n
\r\n Existing images
\r\n\r\n {images?.some(x => x.ToDelete === true)\r\n ? this.deleteMarkedImages()}\r\n />\r\n : null}\r\n
\r\n\r\n \r\n this.toggleToDelete(image)}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n : null}\r\n\r\n Price modifiers
\r\n| Description | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Start date | \r\n : null}\r\nEnd date | \r\nParam. | \r\nFact. | \r\n
|---|---|---|---|---|
| {m.Description} | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{m.StartDate.ToDateString} | \r\n : null}\r\n{m.EndDate.ToDateString} | \r\n{m.Parameter} | \r\n{m.Factor} | \r\n
Edit price - {price.Name}
{this.state.formState?.Fields.map((f, k) =>\r\nPrice management
\r\n\r\n this.handleDateChange(e)} />\r\n
\r\n\r\n | Type | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Activity | : null}\r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Currency | : null}\r\nCost | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Start date | \r\n : null}\r\nEnd date | \r\nEdit | \r\n
|---|---|---|---|---|---|---|
| {p.ActivityType} | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{p.Name} | : null}\r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{p.Currency} | : null}\r\n{p.Value} | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{p.StartDate.ToDateString} | \r\n : null}\r\n{p.EndDate.ToDateString} | \r\n\r\n | \r\n
Pet Care Terms and Conditions
\r\n\r\nPlease thoroughly read through these terms and conditions. Your pet’s care is of the utmost importance to the ARCA Pet Care team. If you have any questions regarding the following please do get in touch using admin@arcapets.co.uk or 07765403032.
\r\n\r\n\r\nDog Walking and Walk Protocol
\r\n\r\nAs per The Control of Dogs Order 1992, it is mandatory that when your dog is out in public it must wear a tag including your surname, house number and address including postcode. Telephone number is optional but advisable. Please ensure your details are correct and the tag is in good working order. This tag must be attached to your dog’s collar or harness.
\r\nUnless agreed otherwise, all dogs are to be walked wearing a harness and this harness must be in good working order. We reserve the right to refuse to walk a dog that is without a harness should we believe it would be a risk to the dog, walker or a third party.
\r\nShould your dog’s off-lead behavior be deemed inappropriate for the safety of your dog or others, the individual will be walked on a lead or longline.
\r\nUnless we are advised otherwise or if a training protocol is in place, you are agreeing to your dog being walked off lead.
\r\nWe use food as a positive reinforcement to aid us when keeping dogs under control. Any issues in regards to food whether it be intolerances or behavioural need to be disclosed. In this case, alternative treats should be provided.
\r\nThe dog's health and safety is of key importance to us. As such, walks may be cut short if a member of the group becomes lame, unwell or injured on a walk. The same goes for any behaviour on walk that is giving us a cause for concern and we believe this to be a risk to the dogs, walker or a third party.
\r\nOn very hot days, we reserve the right to reduce walk times by 5-10 minutes to avoid heat stroke especially to brachycephalic (flat faced breeds).
\r\nIn very adverse weather conditions, we reserve the right to cut walks early or replace walks with home visits or solos where available or in very extreme cases, cancel. Adverse weather conditions include extreme storms and heavy snow making driving to location unsafe.
\r\nWe aim to clean all dogs after a walk however cannot guarantee them to be smell-free. All instances of excess dirt or a dog rolling in feaces will be reported to you and dogs can be contained somewhere suitable upon return where appropriate. Please bare in mind that dogs are cleaned at location using limited resources, therefore your dog won't be returned as if they have just come out of the grooming parlour!
\r\nIn the event of an injury that does not require vet attention, our team will apply canine first aid and report to you as soon as possible.
\r\nWe reserve the right to visit or collect your pet within 1 hour of your requested time in the event of unforeseen delays.
\r\nAll dogs are required to have had at least one full course of vaccinations.
\r\nWe reserve the right for a different walker to walk your dog without being formally introduced in the event of last minute changes due to circumstances beyond our control.
\r\nIn extreme circumstances, we reserve the right to remove your dog from a walk before the walk completion if they are deemed at risk to themselves or others.
\r\nAll walkers are insured through our Public Liability Insurance with Petplan.
\r\nEmergency
\r\nCustomers are required to give an emergency contact number preferably within a 10 mile radius of your home address.
\r\nClients are required to provide contact information for their preferred veterinary practice.
\r\nIf the client is on holiday and uncontactable, the client is required to provide a number for someone who is easily contactable and has the ability to make a decision on the client’s behalf regarding their pets treatment. Updates regarding this treatment will be sent to the client via email where applicable.
\r\nIn non life-threatening instances, your pet will be taken to your preferred veterinary practice.
\r\nIn life-threatening instances your pet will be taken to the nearest veterinary practice.
\r\nYou agree to pay 100% of the veterinary fees incurred if your pet is injured or becomes ill whilst in our care unless ARCA dog walking and pet services are directly responsible for the injury or illness.
\r\nIf your pet is uninsured or your pet insurance will not cover any fees incurred due to injury or illness, you agree to pay any veterinary or legal fees incurred.
\r\nBehaviour
\r\nClients are to disclose and update us on any behaviour problems or instances with their dog including fears and anxiety. This may also include any training protocols and information implemented by a qualified positive reinforcement, force free behaviourist/trainer.
\r\nWe reserve the right to refuse to walk any dogs that are perceived to be unpredictable and dangerous.
\r\nYour dog may be required to remain on the lead if their behaviour is considered inappropriate off-lead.
\r\n\r\nPayment
\r\nInvoices are generated within 7 days of your last booking to the week prior. We will send this by email.
\r\nPayments are to be made by bank transfer or cheque within 7 days. If you are unable to pay by either of these methods, please contact us directly.
\r\nIn the event of late payment, 10% of the invoice total will be added to your invoice. A further 10% of the invoice total will be added every 7 days that the invoice is overdue thereafter.
\r\nIf your invoice remains unpaid after 30 days a further fee of £150 will be added to the invoice on top of any previous overdue charges.
\r\nWe reserve the right to refuse pet care services to any client whose invoices remain unpaid for 30 days or more without prior communication.
\r\nSocial Media
\r\nWe reserve the right to post any images of your pets to our social media platforms, unless you have requested otherwise.
\r\nIf you do not wish for your dog to be featured on any online platforms you must contact us directly.
\r\nIf your pet has featured on our social media platforms and you request the image to be taken down, we reserve the right to remove this from all platforms within 48 hours.
\r\nNo personal details including the pets tag will be visible within these photos for your privacy.
\r\nCancellations
\r\nAll cancelations are to be made prior to 5pm the day before your booking to ensure no cancellation fees are incurred.
\r\nIf a cancellation is made after 5pm the day before your booking, a £5.00 fee will be added to your invoice if you are cancelling a dog walk. A £3.00 fee will be added to your invoice for cancelling puppy visits, home visits and holiday pet care.
\r\nIf we cannot gain access to your property due to circumstances beyond our control including faulty locks then a no-access fee of £7.00 will be charged.
\r\nIf we arrive to collect a dog and they are unable to walk due to sickness or injury we reserve the right to cancel their walk and will notify you immediately. Where possible we will replace this walk with a home visit depending on availability. If we are unable to replace this walk we reserve the right to charge 50% of the walk you had booked.
\r\n\r\nLogin
\r\nPlease enter your email address and password to login.
\r\n\r\n {this.state.formState.Fields.map((f, k) =>\r\nThis site uses cookies (well a session cookie) so that it can function. There will be no tracing, nor passing on of any data\r\n which you provide to the site. All data is for the use of running the business of looking after your pets effectively and will\r\n be used for no other purposes.
\r\n\r\n {/*\r\n\r\n {/*{groupFullPopup}*/}\r\n\r\n
| \r\n Selected - {this.state.selectedPets.length} of {this.props.maxNumberToSelect} slot(s)\r\n | \r\n
\r\n {this.state.selectedPets?.map((pet, key) =>\r\n \r\n \r\n | \r\n
| \r\n | \r\n
\r\n\r\n
Enter the details of the walk group.
\r\n\r\n {this.state.formState.Fields.map((f, k) =>\r\nWalk Groups #2
\r\n\r\n\r\n \r\n \r\n \r\n \r\n {this.state.formState.Fields.map((f, k) =>\r\n \r\n \r\n
\r\n\r\n Filters
\r\n| Act. | \r\nDogs | \r\nActions | \r\n
|---|---|---|
| {g.ActivityType} | \r\n{g.PetList.map((p, k) => | \r\n \r\n | \r\n
\r\n\r\n {!ArcaSecurity.IsLoggedIn\r\n ? this.handleDateChange(new Date()))} />\r\n : \r\n\r\n {ArcaSecurity.IsAdmin\r\n ? \r\n \r\n
\r\n\r\n \r\n {this.state.logs\r\n ? \r\n \r\n : null}\r\n \r\n : }\r\n
\r\n );\r\n }\r\n}\r\n","\r\nimport { ButtonGroup } from '@material-ui/core';\r\nimport React, { Fragment } from 'react';\r\nimport { ArcaHttpSystem } from '../../code/ArcaHttpSystem';\r\nimport { ArcaRedirect } from '../../code/ArcaRedirect';\r\nimport { ArcaSecurity } from '../../code/ArcaSecurity';\r\nimport { ArcaLink } from '../controls/Fields/ArcaLink';\r\nimport { EmailViewPanel } from '../controls/Messaging/EmailViewPanel';\r\nimport { PageEditorPanel } from '../controls/PageDetails/PageEditorPanel';\r\nimport { ChangeLogPanel } from '../controls/People/ChangeLogPanel';\r\nimport { InvoiceListByTypePanel } from '../controls/People/InvoiceListByTypePanel';\r\nimport { Stats2Panel } from '../controls/People/Stats2Panel';\r\nimport { StatsPanel } from '../controls/People/StatsPanel';\r\nimport { PhotoMultiUpload } from '../controls/PhotoPanel/PhotoMultiUpload';\r\nimport { ModifierPanel } from '../controls/PriceMangement/ModifierPanel';\r\nimport { PricePanel } from '../controls/PriceMangement/PricePanel';\r\nimport { LoginPanel } from '../controls/Security/LoginPanel';\r\nimport { StatusBar } from '../controls/StatusBar';\r\nimport { ArcaComponent } from './ArcaComponent';\r\nimport { GroupEditor2 } from './Groups/GroupEditor2';\r\nimport { Logging } from './Logging';\r\n\r\nexport class Admin extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n ArcaRedirect.History = this.props.history;\r\n\r\n this.state = {\r\n tab: 'Prices',\r\n showButtonText: true,\r\n showButtonImage: !ArcaHttpSystem.IsSmartphone,\r\n widthWide: ArcaHttpSystem.IsSmartphone ? '80px' : '150px',\r\n isLoggedOn: ArcaSecurity.IsLoggedIn\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.resize.bind(this));\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.resize);\r\n }\r\n\r\n resize() {\r\n this.setState({\r\n showButtonText: true,\r\n showButtonImage: !ArcaHttpSystem.IsSmartphone\r\n });\r\n }\r\n\r\n /*eslint-disable */\r\n render() {\r\n let { tab, widthWide, isLoggedOn } = this.state\r\n\r\n return (\r\n Logging
\r\n\r\n\r\n this.handleDateChange(e)} />\r\n
\r\n\r\n The days logs are below.
\r\n\r\n {this.state.logs?.map((log, key) =>\r\nPage is loading ...
}\r\n\r\n\r\n \r\n : \r\nAccess denied!
\r\n \r\n }\r\n\r\n {!isLoggedOn\r\n ? this.setState({ isLoggedOn: ArcaSecurity.IsLoggedIn }))} />\r\n : \r\n {ArcaSecurity.IsAdmin\r\n ? \r\n\r\n
\r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Fragment } from 'react';\r\nimport { FaSignInAlt } from 'react-icons/fa';\r\nimport { ArcaHttpClientLogin } from '../../code/ArcaHttpClientLogin';\r\nimport { ArcaHttpSystem } from '../../code/ArcaHttpSystem';\r\nimport { ArcaRedirect } from '../../code/ArcaRedirect';\r\nimport { ArcaSecurity } from '../../code/ArcaSecurity';\r\nimport { ArcaComponent } from './ArcaComponent';\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport class PeopleList extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isSmartphone: ArcaHttpSystem.IsSmartphone,\r\n };\r\n }\r\n\r\n resize() {\r\n this.setState({\r\n isSmartphone: ArcaHttpSystem.IsSmartphone\r\n });\r\n }\r\n\r\n //componentDidMount() {\r\n // window.addEventListener(\"resize\", this.resize.bind(this));\r\n // }\r\n\r\n //componentWillUnmount() {\r\n // window.removeEventListener('resize', this.resize);\r\n //}\r\n\r\n render() {\r\n let { people, isLoading, type, status } = this.props;\r\n let { isSmartphone } = this.state;\r\n\r\n return (\r\n \r\n \r\n this.setState({ tab: 'Prices' })} />\r\n\r\n this.setState({ tab: 'Modifiers' })} />\r\n this.setState({ tab: 'Logging' })} />\r\n this.setState({ tab: 'Emails' })} />\r\n \r\n \r\n this.setState({ tab: 'Pages' })} />\r\n this.setState({ tab: 'Groups' })} />\r\n this.setState({ tab: 'Invoices' })} />\r\n this.setState({ tab: 'ChangeLog' })} />\r\n \r\n \r\n this.setState({ tab: 'Photos' })} />\r\n this.setState({ tab: 'Stats' })} />\r\n this.setState({ tab: 'Stats2' })} />\r\n \r\n\r\n
\r\n {tab === 'Prices' ? \r\n
Links
\r\n Developer\r\n |Test\r\n |Live\r\n\r\nAccess denied!
\r\n }\r\n\r\n \r\n \r\n \r\n {this.props.description && showHelp ?\r\n \r\n
\r\n {label}
\r\n\r\n {this.state.items.map((item) =>\r\n
\r\n \r\n {this.props.description}\r\n
\r\n : null}\r\n \r\n {this.state.showMap\r\n ?
\r\n );\r\n }\r\n\r\n\r\n}","import React, { Component } from 'react';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';\r\nimport { MapPanel } from './MapPanel';\r\n\r\nexport class MapPopup extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n : \r\n\r\n this.setState({ viewport })}\r\n mapboxApiAccessToken={MAPBOX_TOKEN}>\r\n \r\n \r\n
\r\n \r\n
}\r\n A full postcode is needed for the map to be show
\r\n\r\n {\r\n \r\n \r\n {this.props.headerText}\r\n \r\n \r\n \r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n}","import { SkipNext, SkipPrevious } from '@material-ui/icons';\r\nimport React, { Fragment } from 'react';\r\nimport { FaBook, FaHourglassStart } from 'react-icons/fa';\r\nimport { MdFirstPage, MdSkipPrevious } from 'react-icons/md';\r\nimport { ArcaComponent } from '../../pages/ArcaComponent';\r\nimport { ArcaLink } from '../Fields/ArcaLink';\r\n\r\nexport class PeoplePanelButtons extends ArcaComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n let { moreItems, pageIndex} = this.props;\r\n let colourClass = 'primaryButtonIcon'\r\n let colourClass2 = 'secondaryButtonIcon'\r\n let isFirstItem = pageIndex === 0\r\n\r\n return (\r\n\r\n \r\n
\r\n\r\n {type} - {status}
\r\n\r\n {ArcaHttpSystem.Log(`searchString='${searchString}'`)}\r\n \r\n\r\n \r\n
\r\n | Name | \r\n\r\n {isSmartphone\r\n ?Postcode | \r\n :Address | }\r\n\r\n {type === 'Owner' ?Pets | : null}\r\n {isSmartphone\r\n ?\r\n : | Login as | }\r\n
|---|
\r\n
\r\n );\r\n }\r\n\r\n\r\n onUpdate(value, isValid, fieldName) {\r\n let { formState } = this.state\r\n formState.GetField(fieldName).Value = value;\r\n formState.GetField(fieldName).IsValid = isValid;\r\n\r\n var dataState = this.state.dataState\r\n dataState[fieldName] = value\r\n\r\n const fieldsMatch = formState.GetField('NewPassword1').Value === formState.GetField('NewPassword2').Value\r\n\r\n this.setState({\r\n dataState: dataState,\r\n disabled: false,\r\n formValid: this.state.formState.IsValid && fieldsMatch\r\n });\r\n }\r\n\r\n async onSubmit() {\r\n\r\n try {\r\n\r\n ArcaHttpClientLogin.ChangePasswordAsync(\r\n this.state.dataState,\r\n (user => {\r\n this.setState({\r\n formValid: false,\r\n statusText: \"Password change successful!\",\r\n isError: false,\r\n passwordChanged: true\r\n })\r\n })/*.bind(this)*/,\r\n (message => {\r\n this.setState({\r\n formValid: true,\r\n statusText: message,\r\n isError: true\r\n })\r\n })/*.bind(this)*/);\r\n\r\n this.setState({\r\n formValid: true,\r\n statusText: null,\r\n isError: false\r\n });\r\n }\r\n catch (error) {\r\n this.setState({\r\n formValid: true,\r\n statusText: error,\r\n });\r\n }\r\n }\r\n\r\n buildFields(data) {\r\n var formState = new ArcaPageFieldState();\r\n if (!ArcaSecurity.IsLoggedIn)\r\n formState.AddField(new ArcaField(\"Email Address\", \"Email\", data.Email, true, true, 'text', 'email'));\r\n formState.AddField(new ArcaField(\"Old password\", \"OldPassword\", data.OldPassword, false, true, 'text', 'password'));\r\n formState.AddField(new ArcaField(\"New password\", \"NewPassword1\", data.NewPassword1, false, true, 'text', 'password'));\r\n formState.AddField(new ArcaField(\"New password again\", \"NewPassword2\", data.NewPassword2, false, true, 'text', 'password'));\r\n\r\n return formState;\r\n }\r\n}\r\n","import React from 'react';\r\nimport { ContactPanel } from '../controls/People/ContactPanel';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class Enquire extends ArcaComponent {\r\n static displayName = Enquire.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n {formState.Fields.map((f, k) =>\r\n
\r\n Change Password
\r\nPlease enter your email address, old password and new password in order to change the password.
\r\n\r\n\r\n\r\n {formState.Fields.map((f, k) =>\r\n
\r\n
\r\n );\r\n }\r\n\r\n emailCallback(email, isValid) {\r\n this.setState({\r\n email: email,\r\n formValid: isValid\r\n });\r\n }\r\n\r\n async onSubmit() {\r\n try {\r\n const response = await fetch('person/Forgotten', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n email: this.state.email,\r\n })\r\n });\r\n\r\n /* eslint-disable default-case */\r\n switch (response.status) {\r\n case 200: {\r\n const msg = await response.json();\r\n this.setState({\r\n formValid: false,\r\n statusText: msg,\r\n });\r\n\r\n break;\r\n }\r\n\r\n case 400: {\r\n const message = await response.json();\r\n\r\n this.setState({\r\n formValid: false,\r\n statusText: message,\r\n });\r\n break;\r\n }\r\n }\r\n /*eslint-enable */\r\n }\r\n catch (error) {\r\n this.setState({\r\n isError: true,\r\n statusText: error,\r\n disabled: false\r\n });\r\n }\r\n }\r\n}\r\n","//eslint-disable\r\nimport React from 'react';\r\nimport { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';\r\nimport { ArcaField } from '../../../code/ArcaField';\r\nimport { ArcaHttpClientGroup } from '../../../code/ArcaHttpClientGroup';\r\nimport { ArcaPageFieldState } from '../../../code/ArcaPageFieldState';\r\nimport { ArcaGroup } from '../../../code/Types/ArcaGroup';\r\nimport { FieldEdit } from '../../controls/Fields/FieldEdit';\r\nimport { ArcaComponent } from '../ArcaComponent';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\n\r\nexport class GroupPanel extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n var group = this.props.group !== undefined\r\n ? this.props.group\r\n : new ArcaGroup()\r\n\r\n this.state = {\r\n formState: this.buildFields(group),\r\n formValid: false,\r\n group\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n Forgotten Account
\r\nPlease enter your email and if we find your account, we send a link to reset your account.
\r\n\r\n\r\n\r\n
Enter the details of the walk group.
\r\n\r\n {this.state.formState.Fields.map((f, k) =>\r\nWalk Groups
\r\n\r\n\r\n \r\n \r\n \r\n \r\n {this.state.formState.Fields.map((f, k) =>\r\n \r\n \r\n
\r\n\r\n Filters
\r\n| # | \r\nWalker | \r\nTime | \r\nAct. | \r\nSz | \r\nActions | \r\n
|---|---|---|---|---|---|
| {g.Id} | \r\n{g.Walker.Fullname} | \r\n{g.Session} | \r\n{g.ActivityType} | \r\n{g.Size}/{g.MaxGroupSize} | \r\n\r\n | \r\n
\r\n {ArcaSecurity.IsLoggedIn\r\n ? 'You are logged in!'\r\n : 'Please log in!'}\r\n
\r\n\r\n {(userType === 'Owner' || userType === 'Walker')\r\n ?\r\n
\r\n );\r\n }\r\n\r\n onCheck() {\r\n var checked = !this.state.checked;\r\n this.setState({\r\n checked: checked,\r\n formValid: this.state.emailValid && this.state.passwordValid && checked\r\n });\r\n }\r\n\r\n /*eslint-enable */\r\n\r\n\r\n async onLogin() {\r\n ArcaRedirect.Push('/Home');\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\nimport { UserLinksPanel } from '../controls/Navigation/UserLinksPanel';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class NoPermission extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n /*eslint-disable */\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Fragment } from 'react';\r\nimport { PeoplePanel } from '../controls/People/PeoplePanel';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class OwnerList extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n Permission denied
\r\nYou do not have the neccessary access to reach this page.
\r\n\r\n\r\n
\r\n )}\r\n\r\n Testimonials
\r\n {details\r\n ?\r\n \r\n\r\n {!accountWasDeleted && formState.IsValid && formState.HasChanged\r\n ? this.setState({ deletePopupOpen: true })} />\r\n : null}\r\n\r\n \r\n {showMandatoryWarning\r\n ?
\r\n\r\n return (\r\n \r\n {isLoading\r\n ? (
\r\n );\r\n }\r\n\r\n async onUpdate(value, isValid, fieldName) {\r\n\r\n let { person, formState } = this.state\r\n\r\n var field = formState.GetField(fieldName);\r\n\r\n field.Value = value\r\n field.IsValid = isValid\r\n person[fieldName] = value\r\n\r\n this.setState({\r\n person,\r\n });\r\n }\r\n\r\n async deletePerson() {\r\n ArcaHttpClientPerson.DeletePerson(\r\n this.state.person.Id,\r\n (message => this.setState({\r\n accountWasDeleted: false,\r\n statusText: \"This account has been deleted!\",\r\n isSaved: true,\r\n deletePopupOpen: false\r\n })),\r\n (message =>\r\n this.setState({\r\n isError: true,\r\n statusText: message,\r\n accountWasDeleted: false,\r\n deletePopupOpen: false\r\n })))\r\n }\r\n\r\n buildFields(person) {\r\n\r\n let formState = new ArcaPageFieldState()\r\n\r\n if (ArcaSecurity.IsAdmin) {\r\n formState.AddField(new ArcaField(\"State\", \"State\", person.State, true, true, 'select', 'UserState'));\r\n formState.AddField(new ArcaField(\"Type\", \"Type\", person.Type, true, true, 'select', 'UserType'));\r\n }\r\n\r\n formState.AddField(new ArcaField(\"First Name\", \"FirstName\", person.FirstName, true, true, 'text', 'name'));\r\n formState.AddField(new ArcaField(\"Middle Name\", \"MiddleName\", person.MiddleName, true, false, 'text', 'name'));\r\n formState.AddField(new ArcaField(\"Last Name\", \"LastName\", person.LastName, true, true, 'text', 'name'));\r\n\r\n formState.AddField(new ArcaField(\"Email Address\", \"Email\", person.Email, true, true, 'text', 'email'));\r\n formState.AddField(new ArcaField(\"2nd Email Address\", \"Email2\", person.Email2, true, false, 'text', 'email'));\r\n\r\n formState.AddField(new ArcaField(\"Address Line 1\", \"AddressLine1\", person.AddressLine1, person.AddressLine1 !== '', true, 'text', 'address'));\r\n formState.AddField(new ArcaField(\"Address Line 2\", \"AddressLine2\", person.AddressLine2, true, false, 'text', 'address'));\r\n formState.AddField(new ArcaField(\"Postcode\", \"Postcode\", person.Postcode, true, false, 'text', 'postcode'));\r\n\r\n formState.AddField(new ArcaField(\"Second Owner\", \"SecondOwner\", person.SecondOwner, true, false, 'text', 'name'));\r\n\r\n formState.AddField(new ArcaField(\"Mobile Number\", \"Mobile\", person.Mobile, true, false, 'text', 'phone'));\r\n formState.AddField(new ArcaField(\"Mobile Number 2\", \"Mobile2\", person.Mobile2, true, false, 'text', 'phone'));\r\n formState.AddField(new ArcaField(\"Home Number\", \"Home\", person.Home, true, false, 'text', 'phone'));\r\n\r\n if (person.Type === 'Walker') {\r\n formState.AddField(new ArcaField(\"Covered Postcodes\", \"CoveredPostcodes\", person.CoveredPostcodes, true, true, 'text', 'none'));\r\n }\r\n\r\n return formState;\r\n }\r\n}\r\n",null,null,null,null,"// eslint-disable-next-line\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Badge, Button, Card, CardBody, CardSubtitle, Form, FormGroup, Input, Label, Modal, ModalFooter, ModalHeader } from 'reactstrap';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { ModalPopup } from '../ModalPopup';\r\n\r\nexport class CalendarSession extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n let key = this.props.text + '-' + this.props.date.JavaScriptDate.toLocaleDateString()\r\n let slot = this.props.slots[key]\r\n\r\n this.state = {\r\n width: '75px',\r\n height: '30px',\r\n isLater: this.props.today.IsLater(this.props.date),\r\n isSameDay: this.props.today.IsSameDate(this.props.date),\r\n key,\r\n isPopupVisible: false,\r\n showWeekendPopup: false,\r\n text: this.getText(slot),\r\n slot,\r\n activities: this.props.activities,\r\n isWeekend: this.props.date.DayOfWeek === 'Saturday' || this.props.date.DayOfWeek === 'Sunday',\r\n };\r\n }\r\n\r\n getText(slot) {\r\n return slot === undefined\r\n ? this.props.text\r\n : slot.Activity !== null\r\n ? slot.Activity\r\n : slot.Slotname;\r\n }\r\n\r\n render() {\r\n let { isPopupVisible, isLater, isSameDay, width, height, isWeekend, showWeekendPopup } = this.state;\r\n let { date, slots, activities } = this.props;\r\n\r\n let slot = slots[this.state.key]\r\n let text = this.getText(slot);\r\n\r\n let colour = slot\r\n ? slot.Added\r\n ? \"success\"\r\n : slot.Removed\r\n ? \"danger\"\r\n : \"primary\"\r\n : isLater\r\n ? \"secondary\"\r\n : \"info\"\r\n\r\n if (slot !== undefined)\r\n ArcaHttpSystem.Log(`[${this.state.key}]selected: ${slot?.Selected}, added ${slot?.Added}, removed ${slot?.Removed} `)\r\n\r\n return (\r\n Loading...
)\r\n : (\r\n\r\n
)}\r\n {person?.FirstName} {person?.LastName}
\r\n {buttons}\r\n\r\n\r\n\r\n {deletePopupOpen\r\n ? this.setState({ deletePopupOpen: false })}\r\n title=\"Delete Account Completely\"\r\n text=\"Are you really sure you want to delete this account. There is not coming back.\" />\r\n : null}\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n {this.state.isLoading\r\n ?
\r\n );\r\n }\r\n\r\n getListText() {\r\n var text = new Array()\r\n this.state.listToCopy.map(i =>\r\n text.push(i.Date.DayAndMonthPretty + ' - ' + i.ActivityType + '(' + i.Session + ')')\r\n )\r\n\r\n return text\r\n }\r\n\r\n getListToCopy() {\r\n let { weekStart, calendarType } = this.state\r\n\r\n ArcaHttpClientCalendar.GetItemsToCopy(\r\n {\r\n entityId: this.props.id,\r\n weekStart: weekStart.ToISOString,\r\n entityType: calendarType\r\n },\r\n ((list) => this.gotListToCopySuccess(list)),\r\n ((message) => this.setState({ isError: true, statusText: message }))\r\n );\r\n\r\n }\r\n\r\n gotListToCopySuccess(list) {\r\n this.setState({\r\n confirmCopyPopupVisibile: true,\r\n listToCopy: list\r\n })\r\n }\r\n\r\n copyPreviousWeek() {\r\n let { weekStart, calendarType } = this.state\r\n\r\n ArcaHttpClientCalendar.CopyPreviousWeek(\r\n {\r\n entityId: this.props.id,\r\n weekStart: weekStart.ToISOString,\r\n entityType: calendarType\r\n },\r\n ((message) => this.copySuccess(message)),\r\n ((message) => this.setState({ isError: true, statusText: message }))\r\n );\r\n\r\n this.setState({\r\n confirmCopyPopupVisibile: false\r\n })\r\n }\r\n\r\n copySuccess(message) {\r\n this.getSlots(this.state.weekStart);\r\n this.setState({ isError: false, statusText: message })\r\n }\r\n}",null,null,null,"import React, { Component, Fragment } from 'react';\r\nimport { FaFileInvoice } from 'react-icons/fa';\r\nimport { Input, InputGroup } from 'reactstrap';\r\nimport { ArcaHttpClientAccount } from '../../../code/ArcaHttpClientAccount';\r\nimport { ArcaHttpClientInvoice } from '../../../code/ArcaHttpClientInvoice';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { ArcaSecurity } from '../../../code/ArcaSecurity';\r\nimport { ArcaDate } from '../../../code/Types/ArcaDate';\r\nimport { ArcaLink } from '../Fields/ArcaLink';\r\nimport { StatusBar } from '../StatusBar';\r\nimport { InvoiceModalPanel } from './InvoiceModalPanel';\r\n\r\nexport class AccountPanel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n var now = new Date();\r\n var today = new ArcaDate(now)\r\n\r\n\r\n this.state = {\r\n today,\r\n account: null,\r\n isError: false,\r\n statusText: null,\r\n invoice: null,\r\n amount: null,\r\n details: null\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await this.getAccountDetails()\r\n }\r\n\r\n async getAccountDetails() {\r\n ArcaHttpSystem.Log(`Get Account Details`)\r\n\r\n await ArcaHttpClientAccount.GetByHolderAsync(\r\n this.props.ownerId,\r\n ((account) => this.setState({ account, statusText: null, isError: false })),\r\n (msg => this.setState({ statusText: msg, isError: false })),\r\n (msg => this.setState({ statusText: msg, isError: true }))\r\n )\r\n }\r\n\r\n async onInvoiceClick(invoiceId) {\r\n await ArcaHttpClientInvoice.GetInvoice(\r\n invoiceId,\r\n (invoice => this.setState({ invoice })),\r\n (msg => this.setState({ statusText: msg, isError: true }))\r\n )\r\n }\r\n\r\n async processPayment(accountId, amount, details) {\r\n ArcaHttpSystem.Log(`${accountId} ${amount} ${details} `)\r\n\r\n await ArcaHttpClientAccount.TakePaymentAsync(\r\n accountId, parseFloat(amount), details,\r\n (() => {\r\n ArcaHttpSystem.Log(`Now refreshing `)\r\n this.getAccountDetails(this);\r\n }),\r\n ((msg) => this.setState({ isError: true, statusText: msg })),\r\n ((msg) => this.setState({ isError: true, statusText: msg }))\r\n )\r\n }\r\n\r\n handlePaymentChange(e) {\r\n this.setState({ amount: e.target.value })\r\n }\r\n\r\n handleDetailsChange(e) {\r\n this.setState({ details: e.target.value })\r\n }\r\n\r\n async settleBalance(accountId) {\r\n ArcaHttpSystem.Log(`Calling SettleBalance '${accountId}'`)\r\n\r\n await ArcaHttpClientAccount.SettleBalance(accountId,\r\n ((account) => this.setState({ account, statusText: null, isError: false })),\r\n ((msg) => this.setState({ isError: true, statusText: msg })),\r\n ((msg) => this.setState({ isError: true, statusText: msg }))\r\n );\r\n }\r\n\r\n async confirmSettleBalance(accountId) {\r\n if (window.confirm(`Please confirm a payment of '${this.state.account.CurrencySymbol}${this.state.account.Balance.toFixed(2)}' has been made`))\r\n this.settleBalance(accountId)\r\n else\r\n this.setState({ statusText: 'Settled payment attempt was cancelled', isError: false })\r\n }\r\n\r\n render() {\r\n let { account, statusText, isError, invoice } = this.state;\r\n\r\n return (\r\n Loading ...
\r\n :\r\n \r\n \r\n {weekStart.DaysInWeek.map((i, k) =>\r\n
\r\n \r\n \r\n\r\n {ArcaDate.Today.GetWeekStart.IsLater(weekStart)\r\n ? this.getListToCopy())}\r\n text='Copy previous week' />\r\n : null}\r\n \r\n\r\n this.setState({ confirmCopyPopupVisibile: false }))} />\r\n : null}\r\n\r\n {this.state.isSameDayRequest\r\n ? this.setState({ isSameDayRequest: false }))} />\r\n : null}\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n {this.state.popupOpen\r\n ? {weekStart.MonthOfYear} {weekStart.Year}
\r\nTo guarantee your booking for this week, please ensure you have submitted your request by midday on the Friday of the previous week\r\n
\r\nAccount details
\r\nBalance: {account?.CurrencySymbol} {account?.Balance?.toFixed(2)}
\r\n\r\n {ArcaSecurity.IsAdmin && account !== null\r\n ?| Date | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?Time | \r\n : null}\r\n\r\n {ArcaHttpSystem.IsSmartphone\r\n ?Amount | \r\n :Detail | \r\nCredit | \r\nDebit | \r\nBalance | \r\nInv | \r\n|
|---|---|---|---|---|---|---|---|---|
| {t.Date.DateShortPretty} | \r\n {!ArcaHttpSystem.IsSmartphone\r\n ?{t.Date.Time} | \r\n : null}\r\n{t.Details} | \r\n\r\n {ArcaHttpSystem.IsSmartphone\r\n ?{(t.Debit ? '(' + account.CurrencySymbol + t.Debit.toFixed(2) + ')' : account.CurrencySymbol + t.Credit.toFixed(2))} | \r\n :{(t.Credit ? account.CurrencySymbol + t.Credit.toFixed(2) : '-')} | \r\n{(t.Debit ? account.CurrencySymbol + t.Debit.toFixed(2) : '-')} | \r\n{account.CurrencySymbol + t.Balance?.toFixed(2)} | \r\n\r\n {t.InvoiceId !== null && t.InvoiceId !== 0\r\n ?\r\n | \r\n : - | }\r\n\r\n
Invoicing
\r\n\r\n \r\n \r\n
\r\n : null}\r\n\r\n {invoices\r\n ? Please upload a photograph you like of yourself
\r\n : folder === 'hint'\r\n ?Please upload a picture that may help the team locate your key safe or front door.
\r\n :Please upload a picture
\r\n\r\n return (\r\n\r\n this.setState({ isLoading: true })}\r\n imageUpdated={(() => this.setState({ imageKey: ArcaUtil.RandomString(5), isLoading: false }))} />\r\n\r\n {isLoading\r\n ?
\r\n );\r\n }\r\n}","import classnames from 'classnames';\r\nimport React, { Component, Fragment } from 'react';\r\nimport { ButtonGroup } from 'react-bootstrap';\r\nimport { Col, Form, Nav, NavItem, NavLink, Row, TabContent, TabPane } from 'reactstrap';\r\nimport { ArcaHttpClientList } from '../../code/ArcaHttpClientList';\r\nimport { ArcaHttpClientPet } from '../../code/ArcaHttpClientPet';\r\nimport { ArcaHttpClientQuestions } from '../../code/ArcaHttpClientQuestions';\r\nimport { ArcaSecurity } from '../../code/ArcaSecurity';\r\nimport { CalendarPanel } from './Calendar/CalendarPanel';\r\nimport { ArcaLink } from './Fields/ArcaLink';\r\nimport { ModalPopup } from './ModalPopup';\r\nimport { PhotoUploadAndShowPanel } from './PhotoPanel/PhotoUploadAndShowPanel';\r\nimport { StatusBar } from './StatusBar';\r\nimport { TableSimpleRow } from './TableSimpleRow';\r\n\r\nexport class PetPanel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n activeTab: this.props.person.State === 'Registered' ? 'Sessions' : 'Details',\r\n sessions: [],\r\n activities: null,\r\n imageFolder: `pets`,\r\n questions: null,\r\n fluff: Date.now(),\r\n deletePopupOpen: false,\r\n petDeletedLocally: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await ArcaHttpClientList.GetAsync(\r\n 'TimeslotType',\r\n this.receivedSesstionsSlots.bind(this))\r\n\r\n await ArcaHttpClientList.GetWithCodesAsync(\r\n 'ActivityType',\r\n this.receivedActivitiesList.bind(this))\r\n\r\n this.getTheQuestionsAsync(this.props.pet.Code)\r\n }\r\n\r\n\r\n\r\n async getTheQuestionsAsync(petType) {\r\n\r\n await ArcaHttpClientQuestions.GetByFormAsync(\r\n (petType === 'Dog' ? 'DogDetails' : 'PetDetails'),\r\n ((questions) => {\r\n this.setState({ questions });\r\n\r\n }),\r\n (txt) => this.setState({ isError: true, statusText: txt })\r\n );\r\n }\r\n\r\n receivedSesstionsSlots(list) {\r\n this.setState({ sessions: list });\r\n }\r\n\r\n receivedActivitiesList(list) {\r\n this.setState({ activities: list });\r\n }\r\n\r\n toggle(tab) {\r\n this.setState({ activeTab: tab });\r\n }\r\n\r\n render() {\r\n let { imageFolder, questions, activeTab, deletePopupOpen, statusText, isError, petDeletedLocally } = this.state;\r\n let { pet, person } = this.props;\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n async deletePet(pet) {\r\n await ArcaHttpClientPet.DeleteAsync(\r\n pet,\r\n (() => {\r\n this.setState({ isError: false, statusText: 'Your pet has been deleted', deletePopupOpen: false, petDeletedLocally : true });\r\n }),\r\n (() => this.setState({ isError: true, statusText: 'Could not delete your pet', deletePopupOpen: false}))\r\n );\r\n }\r\n}",null,null,null,null,"import React, { Component, Fragment } from 'react';\r\nimport { ArcaDate } from '../../../code/Types/ArcaDate';\r\nimport { ArcaHttpWalkplan } from '../../../code/ArcaHttpWalkplan';\r\nimport { Table } from 'reactstrap';\r\nimport { StatusBar } from '../StatusBar';\r\nimport { Link } from 'react-router-dom';\r\nimport { Phone } from '../ReactIcons/Phone';\r\nimport { ArcaSecurity } from '../../../code/ArcaSecurity';\r\n\r\nexport class OwnerSummaryPanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n today: new ArcaDate(new Date()),\r\n referenceDate: new ArcaDate(new Date()),\r\n weekPlan: null,\r\n statusText: null,\r\n isError: false,\r\n LoadingText: 'Panel is loading...'\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n ArcaHttpWalkplan.GetOwnerCalendarAsync(this.props.ownerId,\r\n this.state.today,\r\n (plan => this.setState({ weekPlan: plan }))/*.bind(this)*/,\r\n (status => {\r\n if (status === 404)\r\n this.setState({\r\n statusText: 'No bookings found',\r\n LoadingText: null,\r\n isError: false\r\n })\r\n else\r\n this.setState({\r\n statusText: 'Error retrieving plans',\r\n LoadingText: null,\r\n isError: true\r\n })\r\n })/*.bind(this)*/\r\n );\r\n }\r\n\r\n gotPlan(plan) {\r\n this.setState({ weekPlan: plan });\r\n }\r\n\r\n render() {\r\n var lastDate = null;\r\n return (\r\n Image Uploader
\r\n {message}\r\n\r\n\r\n \r\n \r\n
\r\n :
\r\n );\r\n }\r\n}","//eslint-disable\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Table } from 'reactstrap';\r\nimport { ArcaDate } from '../../../code/Types/ArcaDate';\r\nimport { ArcaHttpWalkplan } from '../../../code/ArcaHttpWalkplan';\r\nimport { MapPopup } from '../Mapping/MapPopup';\r\nimport { StatusBar } from '../StatusBar';\r\nimport { Phone } from '../ReactIcons/Phone';\r\nimport { ArcaLink } from '../Fields/ArcaLink';\r\nimport { FaAddressBook } from 'react-icons/fa';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { MdEmail } from 'react-icons/md';\r\n\r\nexport class WalkerSummaryPanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n today: new ArcaDate(new Date()),\r\n referenceDate: new ArcaDate(new Date()),\r\n weekPlan: null,\r\n statusText: null,\r\n isError: false,\r\n LoadingText: 'Panel is loading...',\r\n mapPetName: null,\r\n mapPopupOpen: false\r\n };\r\n }\r\n\r\n sendEmailSummary(date, walkerId) {\r\n ArcaHttpWalkplan.EmailWalkerCalendarAsync(walkerId,\r\n date,\r\n (() => this.setState({\r\n statusText: 'Email sent successfully',\r\n isError: false\r\n })),\r\n (err => this.setState({\r\n statusText: err,\r\n isError: true\r\n }))\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n ArcaHttpWalkplan.GetWalkerCalendarAsync(this.props.walkerId,\r\n this.state.today,\r\n (plan => this.setState({ weekPlan: plan })).bind(this),\r\n (status => {\r\n if (status === 404)\r\n this.setState({\r\n statusText: 'No bookings found',\r\n LoadingText: null,\r\n isError: false\r\n })\r\n else\r\n this.setState({\r\n statusText: 'Error retrieving plans',\r\n LoadingText: null,\r\n isError: true\r\n })\r\n }).bind(this)\r\n );\r\n }\r\n\r\n gotPlan(plan) {\r\n this.setState({ weekPlan: plan });\r\n }\r\n\r\n render() {\r\n let lastDate = null\r\n let latestGroup = 1\r\n let { walkerId } = this.props\r\n let { isError, statusText, today, LoadingText, mapPopupOpen, mapPetName, postcode } = this.state\r\n\r\n return (\r\n Your bookings for the next 7 days
\r\n \r\n| Name | \r\nActivity | \r\nSession | \r\n {ArcaSecurity.IsAdmin\r\n ?Walker | \r\n : null}\r\n
|---|---|---|---|
\r\n \r\n {slot.Date.DayAndMonthPretty}\r\n {slot.Date.IsSameDate(this.state.today)\r\n ? ' - Today'\r\n : null}\r\n\r\n | \r\n : null}\r\n |||
| {slot.Name} | \r\n{slot.Session} | \r\n{slot.ActivityType} | \r\n\r\n {ArcaSecurity.IsAdmin\r\n ?|
{this.state.LoadingText}
}\r\n\r\n\r\n \r\n \r\n
\r\n : this.setState({ mapPopupOpen: false })).bind(this)} />\r\n : null}\r\n
\r\n );\r\n }\r\n\r\n showMap(postcode, petName) {\r\n this.setState({\r\n mapPetName: petName,\r\n postcode: postcode,\r\n mapPopupOpen: true\r\n });\r\n }\r\n}","\r\nimport React, { Fragment } from 'react';\r\nimport { ArcaHttpClientPerson } from '../../../code/ArcaHttpClientPerson';\r\nimport { ArcaSecurity } from '../../../code/ArcaSecurity';\r\nimport { ArcaComponent } from '../../pages/ArcaComponent';\r\nimport { ArcaLink } from '../Fields/ArcaLink';\r\nimport { StatusBar } from '../StatusBar';\r\nimport { ArcaHttpSystem } from '../../../code/ArcaHttpSystem';\r\nimport { ArcaLogoHeader } from '../ReactIcons/ArcaLogoHeader';\r\n\r\nexport class CustomerStatusPanel extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n person: this.props.person,\r\n statusText: null,\r\n isError: false\r\n };\r\n }\r\n\r\n refresh(person) {\r\n this.setState({ person })\r\n }\r\n\r\n onPark() {\r\n this.setStatus('Parked')\r\n }\r\n\r\n setStatus(status) {\r\n let { person } = this.state;\r\n\r\n person.State = status\r\n\r\n ArcaHttpClientPerson.UpdateAsync(\r\n person,\r\n (this.refresh.bind(this, person)),\r\n (msg => this.setState({ isError: true, statusText: msg }))\r\n )\r\n }\r\n\r\n render() {\r\n let { person, statusText, isError } = this.state;\r\n\r\n let text = ''\r\n let buttonText = ''\r\n let promotedStatus = ''\r\n const width = ArcaHttpSystem.IsSmartphone ? '100%' : '45%'\r\n\r\n switch (person.State) {\r\n case 'Prospect':\r\n text = 'This prospect can be onboarded. Please promote if you are prepared to commit to onboarding.'\r\n buttonText = 'Begin on-boarding'\r\n promotedStatus = 'On-boarding'\r\n break;\r\n\r\n case 'On-boarding':\r\n text = 'This customer is undergoing the process of onboarding. Please promote to commit to a full customer when you are satisfied that the account is ready.'\r\n buttonText = 'Make full customer'\r\n promotedStatus = 'Registered'\r\n break;\r\n\r\n case 'Parked':\r\n text = 'The account is parked. Unpark to set back to a prospect.'\r\n buttonText = 'Unpark'\r\n promotedStatus = 'Prospect'\r\n break;\r\n\r\n case 'Registered':\r\n text = 'The customer has undergone the on-boarding process and can now book walks for pets.'\r\n buttonText = 'Unpark'\r\n promotedStatus = 'Prospect'\r\n break;\r\n }\r\n\r\n return (\r\n Your plan for the next 7 days
\r\nThis list can change, so please check before you leave home
\r\n\r\n| Name | \r\nSession | \r\nActivity | \r\nPostcode | \r\n\r\n {(latestGroup === 0) ? null : null}\r\n\r\n \r\n\r\n | \r\n : null}\r\n \r\n\r\n {latestGroup !== slot.GroupId\r\n ? ||
|---|---|---|---|---|---|---|
\r\n {'Days walk ' + (latestGroup = latestGroup + 1)}\r\n | \r\n ||||||
| {slot.Name} | \r\n {/*{slot.Name} | \r\n{slot.Session} | \r\n{slot.ActivityType} | \r\n {slot.Postcode.length > 5\r\n ?{slot.Postcode} | }\r\n\r\n||
{LoadingText}
}\r\n\r\n {mapPopupOpen\r\n ?\r\n\r\n {person.State === 'Registered'\r\n ?
: null}\r\n {person.EnquireNotes && person.State !== 'Registered'\r\n ?\r\n \r\n : null}\r\n
\r\n
\r\n\r\n {person.State !== 'Registered'\r\n ? this.setStatus(promotedStatus)} width={width} />\r\n : null}\r\n {ArcaHttpSystem.IsSmartphone ?
: null}\r\n\r\n {person.State !== 'Parked' && person.State !== 'Registered'\r\n ? this.onPark()} width={width} />\r\n : null}\r\n\r\n\r\n
\r\n {person.State}
\r\n :{person.State} - {person.CreatedDate.DateAndTimeShortPretty}
}\r\n{text}
\r\n\r\n {ArcaHttpSystem.IsSmartphone ?: null}\r\n {person.EnquireNotes && person.State !== 'Registered'\r\n ?
Enquiry Details
\r\n {ArcaHttpSystem.Log(person.EnqireNotes)}\r\n {person.EnquireNotes}\r\n\r\n
\r\n\r\n {person.State !== 'Registered'\r\n ?
: null}\r\n\r\n {person.State !== 'Parked' && person.State !== 'Registered'\r\n ?
\r\n \r\n \r\n \r\n
\r\n \r\n {person.Type === 'Owner' && (ArcaSecurity.IsOwner || ArcaSecurity.IsAdmin)\r\n ? \r\n {person.Pets.map(pet =>\r\n \r\n {activeTab === pet.Id\r\n ? \r\n \r\n
\r\n \r\n : null}\r\n \r\n )}\r\n \r\n : null}\r\n\r\n {person.Type === 'Owner' && (ArcaSecurity.IsWalker || ArcaSecurity.IsAdmin)\r\n ? \r\n {activeTab === \"Map\"\r\n ? \r\n \r\n : null}\r\n \r\n : null}\r\n\r\n {person.Type === 'Walker' && (ArcaSecurity.IsWalker || ArcaSecurity.IsAdmin)\r\n ? \r\n {activeTab === \"Group\"\r\n ? \r\n \r\n : null}\r\n \r\n : null}\r\n\r\n {person.Type === 'Owner' && (ArcaSecurity.IsOwner || ArcaSecurity.IsAdmin)\r\n ? \r\n {activeTab === \"OwnerWeekPlan\"\r\n ? \r\n : null}\r\n\r\n {person.Type === 'Owner' && ArcaSecurity.IsAdmin\r\n ? \r\n {activeTab === \"OwnerAccount\"\r\n ? this.setState({ invoiceKey: ArcaUtil.RandomString(5) })} />\r\n : null}\r\n \r\n : null}\r\n\r\n {person.Type === 'Owner' || ArcaSecurity.IsAdmin\r\n ? \r\n {activeTab === \"OwnerInvoice\"\r\n ? this.setState({ accountKey: ArcaUtil.RandomString(5) })} />\r\n : null}\r\n \r\n : null}\r\n\r\n \r\n {activeTab === \"UserEmail\"\r\n ? this.getMessageStatus()} />\r\n : null}\r\n \r\n\r\n {person.Type === 'Walker'\r\n ? \r\n {activeTab === \"WalkerWeekPlan\"\r\n ? \r\n : null}\r\n\r\n \r\n {activeTab === \"HintPicture\"\r\n ? \r\n\r\n {ArcaSecurity.IsAdmin\r\n ? \r\n {activeTab === \"ChangeLog\"\r\n ? \r\n : null\r\n }\r\n\r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n\r\n let { statusText, isError, personId, loading, person } = this.state;\r\n\r\n let content = loading\r\n ? {person.FirstName} {person.LastName}
\r\n\r\n \r\n\r\n \r\n this.passwordReset(this.state.personId)}\r\n text={isSmartphone ? 'Reset PW' : 'Reset Password'}\r\n width={buttonWidth} />\r\n : null}\r\n {person.State === 'Registered' && person.Type === 'Owner'\r\n ? this.emailPlannedWalks(this.state.personId)}\r\n text={isSmartphone ? 'Email' : 'Email Walks'}\r\n width={buttonWidth} />\r\n : null}\r\n\r\n \r\n
\r\n Holiday
\r\nLoading...
\r\n : this.renderPerson(person)\r\n ArcaHttpSystem.Log(`Person: ${personId}`)\r\n\r\n return (\r\n\r\n\r\n\r\n {this.state.isLoading\r\n ? (
\r\n );\r\n }\r\n\r\n async onUpdate(value, isValid, fieldName) {\r\n\r\n let { pet, formState } = this.state\r\n\r\n var field = formState.GetField(fieldName);\r\n field.IsValid = isValid;\r\n\r\n var lastValue = field.Value;\r\n field.Value = value;\r\n\r\n if (pet.Answers[fieldName] !== undefined)\r\n pet.Answers[fieldName] = value;\r\n else\r\n pet[fieldName] = value;\r\n\r\n if (fieldName === 'Code' && lastValue !== value) {\r\n await this.getTheQuestionsAsync(value);\r\n return;\r\n }\r\n\r\n this.setState({\r\n pet: pet,\r\n disabled: false,\r\n formValid: formState.IsValid,\r\n dataChanged: true\r\n });\r\n }\r\n\r\n buildFields() {\r\n let { questions, pet } = this.state;\r\n\r\n var formState = new ArcaPageFieldState();\r\n\r\n if (ArcaSecurity.IsAdmin || ArcaSecurity.IsWalker)\r\n formState.AddField(new ArcaField(\"Arca Notes\", \"ArcaNotes\", pet.ArcaNotes, true, false, 'textarea'));\r\n\r\n formState.AddField(new ArcaField(\"Pet's name\", \"FullName\", pet.FullName, true, true, 'text', 'name'));\r\n formState.AddField(new ArcaField(\"First line of address\", \"AddressLine1\", pet.AddressLine1, pet.AddressLine1 !== '', true, 'text', 'address'));\r\n formState.AddField(new ArcaField(\"Type of pet\", \"Code\", pet.Code, true, true, 'select', 'PetType'));\r\n formState.AddField(new ArcaField(\"Preferred Activity\", \"Activity\", pet.Activity, true, false, 'select', 'ActivityType'));\r\n formState.AddField(new ArcaField(\"Breed\", \"Breed\", pet.Breed, true, false, 'text'));\r\n\r\n questions.map((q, k) => {\r\n if (pet.Answers[q.Code] === undefined)\r\n pet.Answers[q.Code] = '';\r\n\r\n formState.AddField(new ArcaField(q.Label, q.Code, pet.Answers[q.Code], true, q.Mandatory, q.Type, q.Validation, q.Text))\r\n return;\r\n });\r\n\r\n return formState;\r\n }\r\n}\r\n","//eslint-disable\r\nimport React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport { ArcaSecurity } from '../../code/ArcaSecurity';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class Pets extends ArcaComponent {\r\n static displayName = Pets.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = { pets: [], loading: true };\r\n this.handleClick = this.handleClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getPetData();\r\n }\r\n\r\n handleClick(e) {\r\n }\r\n\r\n renderListOfPets(pets) {\r\n return (\r\n Loading...
)\r\n : (\r\n\r\n \r\n \r\n this.setState({ savePopupOpen: true })}\r\n disabled = {!formState.IsValid || !formState.HasChanged} />\r\n\r\n \r\n \r\n\r\n this.setState({ savePopupOpen: true })}\r\n disabled={!formState.IsValid} />\r\n\r\n\r\n {savePopupOpen\r\n ? \r\n \r\n Updating your pet`s details\r\n \r\n \r\n
\r\n this.setState({ saveConfirmButtonVisible: !saveConfirmButtonVisible })} />\r\n \r\n \r\n : Please click on this link to our terms and conditions and scroll through to confirm you have read them before saving.\r\n }\r\n
\r\n
\r\n this.setState({ saveConfirmButtonVisible: true })} />\r\n\r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n\r\n
\r\n )\r\n }\r\n {pet.FullName}
\r\n\r\nPlease read and confirms the terms and condition before saving.
\r\n {(petId !== 0 && petId !== undefined)\r\n ? \r\n\r\n this.setState({ saveConfirmButtonVisible: !saveConfirmButtonVisible })} />\r\n \r\n \r\n : Please click on this link to our terms and conditions and scroll through to confirm you have read them before saving.\r\n }\r\n
\r\n
\r\n
When saving pet details, please be aware that what you have declared has a bearing on our terms and details.
\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let contents = this.state.loading\r\n ? | Name | \r\nType | \r\nOwner | \r\nLink | \r\n
|---|---|---|---|
| {pet.fullName} | \r\n{pet.code} | \r\n{pet.ownerName} | \r\n\r\n Person\r\n | \r\n
Loading...
\r\n : this.renderListOfPets(this.state.pets);\r\n\r\n return (\r\n\r\n
\r\n );\r\n }\r\n\r\n async getPetData() {\r\n const response = await fetch('pet', {\r\n method: \"GET\",\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${ArcaSecurity.Token}`\r\n }\r\n });\r\n\r\n const data = await response.json();\r\n this.setState({ pets: data, loading: false });\r\n }\r\n}\r\n",null,"import React, { Component } from 'react';\r\nimport { Badge } from 'reactstrap';\r\nimport { Fragment } from 'react';\r\n\r\nexport class WalkSlot extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n let { walk } = this.props;\r\n\r\n return (\r\n Pets
\r\nThe pets registered in the system.
\r\n {contents}\r\n#{walk.GroupId} {walk.ActivityType + '(' + walk.Session + ')'}
\r\n{walk.Walker.FirstName} {walk.Walker.LastName + '(' + walk.Walker.CoveredPostcodes + ')'}
\r\n {walk.Pets.map((pet, key) =>\r\n{pet.FullName + ' - ' + pet.OwnerName + '(' + pet.Postcode + ')'}
\r\n \r\nPlanned groups
\r\n {plan?.Walks?.map((w, k) =>\r\nUnmatched requests
\r\n {plan?.UnmatchedRequests?.length === 0\r\n ?All requests have been met!
\r\n : null}\r\n\r\n {plan?.UnmatchedRequests?.map((u, k) =>\r\nWalker holidays
\r\n {plan?.WalkerHolidays.length === 0\r\n ?None requested
\r\n : null}\r\n {plan?.WalkerHolidays?.map((p, k) =>\r\n{`${p.Session} : ${p.Walker.FirstName} ${p.Walker.LastName}`}
\r\n{plan?.Date?.DayAndMonthPretty}
\r\n {isError\r\n ?\r\n \r\n\r\n {windowWidth < 1024\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 {this.state.showAssignPopup\r\n ? Unfortunately {unmatchedRequest.Pet.FullName}
has not been assigned to a group\r\n for {unmatchedRequest.ActivityType} {unmatchedRequest.Session}
. Your options are below.
Use and alternative for the day
\r\n {groups.filter(x =>\r\n this.sessionsMatch(x.Session, unmatchedRequest?.Session)\r\n && this.activityMatch(x.ActivityType, unmatchedRequest?.ActivityType)\r\n && !x.IsFull)\r\n .map((g, k) =>\r\n\r\n\r\n {matchedGroups && matchedGroups.length > 0\r\n ?
Assign your pet to this group permanately
\r\n {matchedGroups.filter(x => !x.IsFull).map((g, k) =>\r\n\r\n this.setState({ refresh: true }))} />\r\n : \r\n\r\n \r\n \r\n
}\r\n\r\n\r\n {this.state.mapPopupOpen\r\n ? \r\n this.setState({ mapPopupOpen: false })) /*.bind(this)*/\r\n } />\r\n : null}\r\n\r\n }\r\n
\r\n );\r\n }\r\n\r\n async getPeopleBySearch(searchString, valid) {\r\n\r\n if (valid && searchString.length < 3) {\r\n return;\r\n }\r\n\r\n ArcaHttpClientSearch.Search(\r\n searchString,\r\n (findings => this.setState({ searchResults : findings})),\r\n (msg => alert(msg))\r\n )\r\n }\r\n}\r\n","import qs from 'query-string';\r\nimport React, { Fragment } from 'react';\r\nimport { ArcaChangePassword } from '../../code/ArcaChangePassword';\r\nimport { ArcaField } from '../../code/ArcaField';\r\nimport { ArcaHttpClientLogin } from '../../code/ArcaHttpClientLogin';\r\nimport { ArcaHttpSystem } from '../../code/ArcaHttpSystem';\r\nimport { ArcaPageFieldState } from '../../code/ArcaPageFieldState';\r\nimport { ArcaRedirect } from '../../code/ArcaRedirect';\r\nimport { ArcaSecurity } from '../../code/ArcaSecurity';\r\nimport { ArcaLink } from '../controls/Fields/ArcaLink';\r\nimport { InputFieldArray } from '../controls/Fields/InputFieldArray';\r\nimport { LoginPanel } from '../controls/Security/LoginPanel';\r\nimport { StatusBar } from '../controls/StatusBar';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class SetAccount extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n const values = qs.parse(this.props.location.search);\r\n let registrationId = values.id\r\n\r\n ArcaHttpSystem.IsLogging = false;\r\n ArcaHttpSystem.Log(registrationId)\r\n\r\n if (registrationId !== undefined && registrationId !== null) {\r\n const data = new ArcaChangePassword()\r\n this.state = {\r\n registrationId,\r\n data,\r\n formState: this.buildFields(data),\r\n formValid: false,\r\n message: null,\r\n isError: false,\r\n passwordSet: false\r\n };\r\n }\r\n else {\r\n ArcaRedirect.Push('/Home');\r\n }\r\n }\r\n\r\n render() {\r\n let { formState, formValid, message, isError, passwordSet } = this.state\r\n let pass1 = formState.GetField(\"NewPassword1\").Value\r\n let pass2 = formState.GetField(\"NewPassword2\").Value\r\n\r\n return (\r\n Search
\r\n\r\n {!ArcaSecurity.IsLoggedIn\r\n ?Perform the search by typing names, address or pet names.
\r\n :\r\n | Name | \r\nCall | \r\nAddress Line | \r\nPostcode | \r\nPet Name | \r\n|
|---|---|---|---|---|---|
| \r\n {person.FirstName} {person.LastName}\r\n | \r\n\r\n {(person.Mobile || person.Home)\r\n ? | \r\n\r\n {person.AddressLine1} | \r\n\r\n {person.Postcode && person.Postcode.length > 4\r\n ?\r\n | \r\n : {person.Postcode} | }\r\n\r\nArcaRedirect.Push(\"/PetEdit?id=\" + person.PetId + '&personid=' + person.Id)}>\r\n\r\n {person.PetName}\r\n \r\n | \r\n
\r\n\r\n \r\n \r\n : null}\r\n\r\n this.setAccount(this.state.registrationId, pass1)} width='100%' disabled={!formValid} />\r\n }\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n async onLogin() {\r\n ArcaRedirect.Push('/Home');\r\n }\r\n\r\n async setAccount(registrationId, password) {\r\n await ArcaHttpClientLogin.SetAccountAsync(\r\n registrationId,\r\n password,\r\n (() => this.setState({ message: 'Your password has been set correctly', isError: false, passwordSet: true })),\r\n (() => this.setState({ message: 'Password reset failed', isError: false }))\r\n )\r\n\r\n }\r\n\r\n onUpdate(value, isValid, fieldName) {\r\n\r\n let { formState } = this.state;\r\n\r\n formState.GetField(fieldName).Value = value;\r\n formState.GetField(fieldName).IsValid = isValid;\r\n\r\n const formValid = \r\n formState.IsValid\r\n && (formState.GetField('NewPassword1').Value === formState.GetField('NewPassword2').Value)\r\n\r\n this.setState({\r\n formValid: formValid\r\n });\r\n }\r\n\r\n buildFields(data) {\r\n var formState = new ArcaPageFieldState();\r\n formState.AddField(new ArcaField(\"Your password\", \"NewPassword1\", data.NewPassword1, true, true, 'text', 'password'));\r\n formState.AddField(new ArcaField(\"Your password again\", \"NewPassword2\", data.NewPassword2, true, true, 'text', 'password'));\r\n\r\n return formState;\r\n }\r\n}\r\n","import React from 'react';\r\nimport { PeoplePanel } from '../controls/People/PeoplePanel';\r\nimport { ArcaComponent } from './ArcaComponent';\r\n\r\nexport class StaffList extends ArcaComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n Registration
\r\n\r\n {!passwordSet\r\n ?Please create your new password
\r\n\r\n\r\n \r\n {this.state.usefulText\r\n ? \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","\r\nimport React, { Component } from 'react';\r\nimport { Alert } from 'reactstrap';\r\nimport { ArcaCalendar } from '../../code/Types/ArcaCalendar';\r\nimport { ArcaDate } from '../../code/Types/ArcaDate';\r\nimport { ArcaTimeslot } from '../../code/ArcaTimeslot';\r\n\r\nexport class UnitTestArcaTimeslot extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n usefulText: null\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.ArcaTimeslot_DoubleSlotRewrites_Test();\r\n this.ArcaTimeslot_NewSlotAdds_Test();\r\n }\r\n\r\n ArcaTimeslot_DoubleSlotRewrites_Test() {\r\n var slot = new ArcaTimeslot(\r\n 'Midday',\r\n new ArcaDate((new Date(\"2020-5-6\")).getTime()),\r\n true);\r\n\r\n var arcaCalendar = new ArcaCalendar();\r\n arcaCalendar.AddTimeslot(slot);\r\n slot.Selected = false;\r\n arcaCalendar.AddTimeslot(slot);\r\n\r\n var resultSlot = arcaCalendar.Slots[slot.Key];\r\n\r\n var result = Object.keys(arcaCalendar.Slots).length === 1\r\n && !resultSlot.Selected\r\n && resultSlot.Slotname === 'Midday';\r\n\r\n this.setState({\r\n ArcaTimeslotDoubleSlotRewritesTestOk: result,\r\n usefulText: result ? 'OK' : resultSlot.Key\r\n });\r\n }\r\n\r\n ArcaTimeslot_NewSlotAdds_Test() {\r\n var slot = new ArcaTimeslot(\r\n 'Midday',\r\n new ArcaDate((new Date(\"2020-5-6\")).getTime()),\r\n true);\r\n\r\n var slot2 = new ArcaTimeslot(\r\n 'AM',\r\n new ArcaDate((new Date(\"2020-5-6\")).getTime()),\r\n false);\r\n\r\n var arcaCalendar = new ArcaCalendar();\r\n arcaCalendar.AddTimeslot(slot);\r\n arcaCalendar.AddTimeslot(slot2);\r\n\r\n var resultSlot = arcaCalendar.Slots[slot.Key];\r\n var resultSlot2 = arcaCalendar.Slots[slot2.Key];\r\n\r\n var result = Object.keys(arcaCalendar.Slots).length === 2\r\n && resultSlot.Selected\r\n && !resultSlot2.Selected\r\n && resultSlot2.Slotname === 'AM'\r\n && resultSlot.Slotname === 'Midday';\r\n\r\n this.setState({\r\n ArcaTimeslotNewSlotAddsTestOk: result,\r\n usefulText: result ? 'OK' : Object.keys(arcaCalendar.Slots).length\r\n });\r\n }\r\n\r\n\r\n /*eslint-disable */\r\n render() {\r\n return (\r\n {this.state.usefulText}
\r\n : \"blank\"}\r\n | ArcaDate | \r\nResult | \r\n|
|---|---|---|
| ArcaDate_AddMonth_Test | \r\n {this.state.ArcaDateAddMonthTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDayOfWeekTest | \r\n {this.state.ArcaDateDayOfWeekTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDaysInMonthTest | \r\n {this.state.ArcaDateDaysInMonthTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDayOfYearTest | \r\n {this.state.ArcaDateDayOfYearTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDayTest | \r\n {this.state.ArcaDateDayTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateMonthTest | \r\n {this.state.ArcaDateMonthTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateYearTest | \r\n {this.state.ArcaDateYearTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDaysInMonthListTest | \r\n {this.state.ArcaDateDaysInMonthListTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDateDaysInMonthListTest | \r\n {this.state.ArcaDateDaysInMonthListTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaIsLaterTest | \r\n {this.state.ArcaIsLaterTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaDate_GetWeekStart_Test | \r\n {this.state.ArcaDateGetWeekStartTestOk\r\n ?OK | \r\n :Broke | }\r\n
\r\n \r\n {this.state.usefulText\r\n ? \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport 'react-dates/initialize';\r\nimport { Route } from 'react-router';\r\nimport { ServiceInformationPanel } from './components/controls/People/ServiceInformationPanel';\r\nimport { Home } from './components/Home';\r\nimport { Layout } from './components/Layout';\r\nimport { Admin } from './components/pages/Admin';\r\nimport { AdminList } from './components/pages/AdminList';\r\nimport { ChangePassword } from './components/pages/ChangePassword';\r\nimport { Enquire } from './components/pages/Enquire';\r\nimport { Forgotten } from './components/pages/Forgotten';\r\nimport { GroupEditor } from './components/pages/Groups/GroupEditor';\r\nimport { Logging } from './components/pages/Logging';\r\nimport { Login } from './components/pages/Login';\r\nimport { NoPermission } from './components/pages/NoPermission';\r\nimport { OwnerList } from './components/pages/OwnerList';\r\nimport { EditPageDetails } from './components/pages/PageDetails/EditPageDetails';\r\nimport { Equipment } from './components/pages/PageDetails/Equipment';\r\nimport { MeetTheTeam } from './components/pages/PageDetails/MeetTheTeam';\r\nimport { OurServices } from './components/pages/PageDetails/OurServices';\r\nimport { Testimonials } from './components/pages/PageDetails/Testimonials';\r\nimport { PersonEdit } from './components/pages/PersonEdit';\r\nimport { PersonView } from './components/pages/PersonView';\r\nimport { PetEdit } from './components/pages/PetEdit';\r\nimport { Pets } from './components/pages/Pets';\r\nimport { Planning } from './components/pages/Planning';\r\nimport { Prospects } from './components/pages/Prospects';\r\nimport { Onboarding } from './components/pages/Onboading';\r\nimport { SearchDb } from './components/pages/SearchDb';\r\nimport { SetAccount } from './components/pages/SetAccount';\r\nimport { StaffList } from './components/pages/StaffList';\r\nimport { WalkerList } from './components/pages/WalkerList';\r\nimport { UnitTestArcaDate } from './components/tests/UnitTestArcaDate';\r\nimport { UnitTestArcaTimeslot } from './components/tests/UnitTestArcaTimeslot';\r\nimport './custom.css';\r\n\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n\r\n render() {\r\n return (\r\n {this.state.usefulText}
\r\n : \"blank\"}\r\n | ArcaDate | \r\nResult | \r\n|
|---|---|---|
| ArcaTimeslot_DoubleSlotRewrites_Test | \r\n {this.state.ArcaTimeslotDoubleSlotRewritesTestOk\r\n ?OK | \r\n :Broke | }\r\n
| ArcaTimeslot_NewSlotAdds_Test | \r\n {this.state.ArcaTimeslotNewSlotAddsTestOk\r\n ?OK | \r\n :Broke | }\r\n