\n
\n \n 
\n
\n \n
\n \n \n {article.title}\n
\n | \n | {t('activerecord.attributes.user.name')} | \n{t('activerecord.attributes.user.role')} | \n\n |
|---|
{notary.county_court}
\n {this.renderWorkingTime(placeOfPractice)}\n {this.notaryAbsence()}\n {placeOfPractice.address}\n {t('notaries.show.view_profile')}\n{notary.county_court}
\n {this.renderWorkingTime()}\n {this.renderNotaryAddressAndActions()}\n{t('activerecord.attributes.appointment.address')}: {placesOfPractice[0].address}
)\n }\n}\n\nconst handleTimeInputChange = function(obj) {\n let value = obj ? obj.value : ''\n this.setState({\n appointment: this.changedAppointment({ raw_time: value })\n })\n}\n\nconst handlePlaceOfPracticeChange = function({ value }) {\n const newPlaceOfPractice = this.props.placesOfPractice.find((pop) => pop.id == value)\n\n this.setState({\n selectedPlaceOfPractice: newPlaceOfPractice,\n appointment: this.changedAppointment({ address: newPlaceOfPractice.address })\n })\n}\n\nconst selectedWorkingTimeOptions = function() {\n const { selectedPlaceOfPractice, appointment } = this.state\n if (!selectedPlaceOfPractice || !appointment.date) {\n return []\n }\n\n const selectedWorkingTime = selectedPlaceOfPractice.working_times.find(wt => wt.weekday == appointment.date.isoWeekday())\n if (selectedWorkingTime) {\n return [...selectedWorkingTime.time_options]\n } else {\n return []\n }\n}\n\nconst timeOptions = function() {\n const { futureUnavailabilityIntervals = [], appointment: { date } } = this.state\n if (!date) return []\n\n let options = this.selectedWorkingTimeOptions()\n\n options.unshift('')\n\n return options.map(timeOption => {\n const [hour, minute] = timeOption.split('.')\n const timeSlotFrom = toRigaTimezone(moment(date)).set({ hour, minute })\n const timeSlotUntil = moment(timeSlotFrom).add(DEFAULT_DURATION_MINUTES * 60 - 1, 'seconds')\n\n const timeSlotOverlappedByUnavailability = some(futureUnavailabilityIntervals, ({ time_from, time_until }) =>\n timeSlotFrom <= time_until && timeSlotUntil >= time_from\n )\n\n return {\n value: timeOption,\n label: timeOption,\n isDisabled: timeSlotOverlappedByUnavailability\n }\n })\n}\n\nconst changedAppointment = function(changeset) {\n return Object.assign({}, this.state.appointment, changeset)\n}\n\nconst handleDateChange = function(date) {\n this.setState({\n appointment: this.changedAppointment({ date: moment(date, 'MM-DD-YYYY'), raw_time: '' })\n })\n}\n\nconst handleDateBlur = function({ target: { name, value } }) {\n const dateFormat = t('date.formats.moment')\n const parsedDate = moment(value, dateFormat)\n const date = parsedDate.isValid() ? parsedDate : null\n\n this.setState({\n appointment: this.changedAppointment({ [name]: date })\n })\n}\n\nconst appointmentStatusClass = function(appointment) {\n if (appointment.canceled)\n return 'status-red'\n else if (appointment.passed)\n return 'status-blue'\n else if (appointment.confirmed)\n return 'status-green'\n else if (!appointment.confirmed)\n return 'status-yellow'\n}\n\nconst appointmentStatus = function(appointment) {\n if (appointment.canceled)\n return t('components.user_appointments.canceled')\n else if (appointment.passed)\n return t('components.user_appointments.passed')\n else if (appointment.confirmed)\n return t('components.user_appointments.confirmed')\n else if (!appointment.confirmed)\n return t('components.user_appointments.not_confirmed')\n}\n\nconst appointmentCancelationWarning = function(appointment) {\n return t('components.user_appointments.cancelation_confirmation', {\n time: l('time.formats.extended', appointment.datetime),\n notary: t(`text_helpers.notary_gen_${appointment.notary.gender || 'male'}`),\n notary_name: appointment.notary.full_name_gen\n })\n}\n\nconst isDateAvailable = function(date, workingWeekdays) {\n const { futureUnavailabilityIntervals, selectedPlaceOfPractice } = this.state\n const weekday = date.isoWeekday()\n\n const isWorkingDay = includes(workingWeekdays, weekday)\n if (!isWorkingDay) return false\n\n const workingDayMidnight = date.startOf('day')\n const workingTime = find(selectedPlaceOfPractice.working_times, wt => wt.weekday === weekday)\n const workingTimeFrom = workingDayMidnight.clone().add(workingTime.time_from_minutes, 'minutes')\n const workingTimeUntil = workingDayMidnight.clone().add(workingTime.time_until_minutes, 'minutes')\n\n const wholeWorkingTimeUnavailable = some(futureUnavailabilityIntervals, ({ time_from, time_until }) =>\n time_from <= workingTimeFrom && workingTimeUntil <= time_until\n )\n\n return !wholeWorkingTimeUnavailable\n}\n\nconst fetchFutureUnavailabilityIntervals = function(excludeAppointmentId = null) {\n const { selectedPlaceOfPractice } = this.state\n let url = `/notaries/${this.state.appointment.notary_id}/future_unavailability_intervals`\n\n const params = {\n exclude_appointment_id: excludeAppointmentId,\n place_of_practice_id: selectedPlaceOfPractice.id\n }\n\n axios.get(url, { params }).then(({ data }) => {\n const futureUnavailabilityIntervals = map(data, interval => {\n const time_from = moment(interval.time_from)\n const time_until = moment(interval.time_until || '9999-12-31')\n\n return { time_from, time_until }\n })\n\n this.setState({ futureUnavailabilityIntervals })\n })\n}\n\nconst workingWeekdays = function(placeOfPractice) {\n if (!placeOfPractice) return []\n\n return filter(placeOfPractice.working_times, wt =>\n wt.time_from_minutes !== null && wt.time_until_minutes !== null\n ).map(wt => wt.weekday)\n}\n\nexport { renderAddressBlock, handleTimeInputChange, handlePlaceOfPracticeChange,\n selectedWorkingTimeOptions, changedAppointment, handleDateChange, handleDateBlur,\n timeOptions, appointmentStatusClass, appointmentStatus, appointmentCancelationWarning,\n isDateAvailable, workingWeekdays, fetchFutureUnavailabilityIntervals }\n","import React from 'react'\n\nconst TimeOptions = ({ timeOptions, selectOption, selectedOption }) => {\n\n const optionSelected = (option) => {\n return option.value === selectedOption\n }\n\n const selectTimeOption = (option) => {\n if(option.isDisabled) return\n selectOption(option)\n }\n\n const timeOption = (option) => {\n if (option.value) {\n return (\n\n {t(`components.appointments.profile_appointment_form.${translation}`)}\n
\n{t('notaries.show.sign_in_for_consultation')}
\n \n \n \n\n {absence_interval}\n
\n \n{emergency_notice}
\n{notary.county_court}
\n{`${t('notaries_map.index.working_times')}:`}
\n\n \n {`${minutesRemaining} min`}\n
\n }\n{name} {surname} {additionalText}
\n{conversation.other_parties.map(user => userNameWithRole(user)).join(', ')}
\n{conversation.text}
\n