\n \n \n \n \n
\n \n \n \n
\n \n \n
\n )\n }\n}\n\nexport default connect(Forms)\n","import React from 'react'\nimport connect from './modal_window_connect'\nimport Spinner from 'components/shared/spinner'\nimport Forms from './forms'\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\n\nconst I18n = window.I18n\n\nclass ModalWindow extends React.Component {\n render () {\n const { isFetching } = this.props\n\n return (\n \n \n
\n \n \n
\n )\n}\n","import { connect } from 'react-redux'\nimport { types, updateAttachable } from 'actions/uploader_actions'\nimport { createLoadingSelector } from 'libs/requests_status_handlers'\n\nimport { VCSpinner } from 'components/shared/spinner'\nimport Uploader from 'components/uploader_v2_app/uploader'\nimport FilesThrower from './files_thrower'\n\nconst I18n = window.I18n\n\nconst ProjectUploads = (props) => {\n\n const { buttonId, targetKey, updateAttachable, isReqStateInProgress } = props\n\n const onClick = () => updateAttachable(buttonId, targetKey)\n\n return (\n \n \n
\n
\n
\n )\n}\n\nconst isReqStateInProgress = createLoadingSelector([types.UPDATE_ATTACHABLE])\n\nexport default connect((state, props) => {\n const uploaderData = state.getIn(['uploader', props.buttonId])?.toJS() || {}\n return ({\n isReqStateInProgress: isReqStateInProgress(state) || uploaderData.state == 'uploading',\n ...(state.getIn(['uploader', props.buttonId])?.toJS() || {})\n })\n}, { updateAttachable })(ProjectUploads)\n","import { connect } from 'react-redux'\nimport { types, updateAttachable } from 'actions/uploader_actions'\nimport { createLoadingSelector } from 'libs/requests_status_handlers'\n\nimport { VCSpinner } from 'components/shared/spinner'\nimport Uploader from 'components/uploader_v2_app/uploader'\nimport FilesThrower from './files_thrower'\n\nconst I18n = window.I18n\n\nconst SharedUploads = (props) => {\n\n const { buttonId, targetKey, updateAttachable, isReqStateInProgress } = props\n\n const onClick = () => updateAttachable(buttonId, targetKey)\n\n return (\n \n
\n \n
\n \n
\n
\n
\n )\n}\n\nconst isReqStateInProgress = createLoadingSelector([types.UPDATE_ATTACHABLE])\n\nexport default connect((state, props) => {\n const uploaderData = state.getIn(['uploader', props.buttonId])?.toJS() || {}\n return ({\n isReqStateInProgress: isReqStateInProgress(state) || uploaderData.state == 'uploading',\n ...(state.getIn(['uploader', props.buttonId])?.toJS() || {})\n })\n}, { updateAttachable })(SharedUploads)\n","import React, { useEffect } from 'react'\nimport { initUploader } from 'actions/uploader_actions'\nimport store from 'store'\nimport { Provider } from 'react-redux'\n\nimport ProjectUploads from './project_uploads'\nimport SharedUploads from './shared_uploads'\n\nconst MspSharedUploadsApp = ({ projectUploader, mspProjectUploader }) => {\n\n store.dispatch(initUploader(projectUploader.buttonId, projectUploader))\n store.dispatch(initUploader(mspProjectUploader.buttonId, mspProjectUploader))\n\n return (\n \n
\n \n
\n
\n \n
\n \n
\n \n \n
\n )\n}\n\nexport default DuplicateForm\n","\nimport * as React from 'react'\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap'\nimport DuplicateForm from './duplicate_form'\n\ninterface ModalWindowProps {\n projectId: number\n isOpen: boolean\n toggle: () => void\n toggleModal: () => void\n windowTitle: string\n projectGroupId: number\n projectGroups: any\n}\n\nfunction ModalWindow({\n projectId,\n isOpen,\n toggle,\n toggleModal,\n windowTitle,\n projectGroupId,\n projectGroups,\n}: ModalWindowProps) {\n return (\n \n \n
\n \n
\n )\n}\n","import * as React from 'react'\nimport { Button, Form, Input, Label } from 'reactstrap'\nimport SelectedLocationsInfo from './selected_locations_info'\n\nconst { I18n, $ } = window as any\n\ntype SendLinksFormProps = {\n actionUrl: string\n toggleModal: () => void\n selectedProjects: number[]\n setCurrentStep: (step: number) => void\n availableProjects: any[]\n}\n\nfunction SendLinksForm(props: SendLinksFormProps) {\n const { actionUrl, toggleModal, selectedProjects, setCurrentStep, availableProjects } = props\n const token = $('meta[name=csrf-token]').attr('content')\n\n const defaultSubject = I18n.t('project_groups.send_links.default_subject')\n const defaultMessage = I18n.t('project_groups.send_links.default_message')\n\n return (\n \n \n {`${projectsCountHint}:`}\n
\n - \n {selectedLocationNames.map((locationName) => (\n
- {locationName} \n ))}\n
\n \n
\n )\n}\n\nexport default SendLinksForm\n","import React from 'react'\n\nconst { I18n } = window\n\nfunction SelectProjects({ availableProjects, selectedProjects, setSelectedProjects }) {\n const defaultSelected = availableProjects.map((p) => p.get('id')).toJS()\n const allSelected = selectedProjects.sort().toString() === defaultSelected.sort().toString()\n const toggleAll = () => {\n if (allSelected) {\n setSelectedProjects([])\n } else {\n setSelectedProjects(defaultSelected)\n }\n }\n const toggleOne = (id) => {\n if (selectedProjects.includes(id)) {\n setSelectedProjects(selectedProjects.filter((e) => e !== id))\n } else {\n setSelectedProjects([...selectedProjects, id])\n }\n }\n\n return (\n \n \n \n
\n
\n )\n}\n\nexport default SelectProjects\n","import { connect } from 'react-redux'\nimport { loadProjects, types } from 'actions/projects/send_links_button_actions'\nimport { createLoadingSelector } from 'libs/requests_status_handlers'\n\nconst loadingSelector = createLoadingSelector([types.LOAD_PROJECTS])\n\nexport default connect(\n (state) => ({\n isFetching: loadingSelector(state),\n availableProjects: state.getIn(['projects', 'send_links', 'availableProjects']),\n }),\n (dispatch, ownProps) => ({\n loadProjects: (ids) => dispatch(loadProjects(ownProps.projectsUrl, ids)),\n })\n)\n","import * as React from 'react'\nimport { useState, useEffect } from 'react'\nimport { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'\nimport SpinnerOverlay from '../../shared/spinner_overlay'\nimport SendLinksForm from './send_links_form'\nimport SelectProjects from './select_projects'\nimport connect from './connect'\n\nconst { I18n, $ } = window as any\n\ntype ModalWindowProps = {\n isOpen: boolean\n toggle: () => void\n toggleModal: () => void\n windowTitle: string\n // projectGroupId: number\n actionUrl: string\n loadProjects: (projectIds: number[]) => void\n isFetching: boolean\n availableProjects: any[]\n}\n\nfunction ModalWindow(props: ModalWindowProps) {\n const {\n isOpen,\n toggle,\n toggleModal,\n windowTitle,\n // projectGroupId,\n actionUrl,\n loadProjects,\n isFetching,\n availableProjects,\n } = props\n const [currentStep, setCurrentStep] = useState(0)\n const availableProjectIds = $('.projects-table tbody tr')\n .map(function () {\n return parseInt(this.id.replace(/^project_/, ''), 10)\n })\n .get()\n useEffect(() => {\n loadProjects(availableProjectIds)\n }, [])\n const [selectedProjects, setSelectedProjects] = useState(availableProjectIds)\n return (\n | \n toggleAll()} />\n | \n{I18n.t('activerecord.attributes.project_ticket.id')} | \n{I18n.t('activerecord.attributes.project_ticket.location')} | \n
|---|---|---|
| \n toggleOne(id)} />\n | \n#{id} | \n{project.get('location_name')} | \n
\n \n \n \n {I18n.t('project_tickets.titles.assign_handover_form_modal_window')}\n {isReqInProgress && \n \n \n \n \n
\n )\n}\n\nAssignHandoverFormButton.defaultProps = {\n handoverForms: [],\n formId: ''\n}\n\nexport default AssignHandoverFormButton\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport Select from 'components/shared/base_react_select'\n\nconst { I18n } = window\n\nconst RecipientList = ({ recipients, onChangeClick }) => (\n <>\n {`${I18n.t('comments.will_be_emailed_to')}:`}\n \n \n {recipients.map(r => r.label).join(', ')}\n \n { recipients.map(r => (\n
\n { !editing && setEditing(true)} /> }\n { editing &&
\n )\n}\n\nCommentRecipients.propTypes = {\n recipients: PropTypes.array.isRequired,\n users: PropTypes.array.isRequired,\n}\nexport default CommentRecipients\n","import * as React from 'react'\nimport { useState } from 'react'\nimport DateTimeInput from '../../shared/date_time_input'\n\nconst { I18n } = window as any\ntype RescheduleButtonProps = {\n date: string\n authenticityToken: string\n timeZone: string\n}\n\nexport default function RescheduleButtonApp(props: RescheduleButtonProps) {\n const { date, authenticityToken, timeZone } = props\n const [showForm, setShowForm] = useState(false)\n const label = date ? I18n.t('project_tickets.actions.reschedule') : I18n.t('project_tickets.actions.schedule')\n return (\n \n {date && {date}}\n {!showForm && (\n {\n setShowForm(true)\n }}\n >\n {label}\n \n )}\n {showForm && (\n
\n )\n}\n","import * as React from 'react'\nimport axios, { Method, ResponseType } from 'axios'\nimport Select, { Async } from '../../shared/base_react_select'\n\ntype CompanyShape = {\n id: number\n name: string\n}\n\ninterface SelectProjectProps {\n companies: CompanyShape[]\n projectsIndexUrl: string\n selectedCompany: {\n id: number\n name: string\n }\n selectedProject: {\n id: number\n companyId: number\n location_name: string\n title: string\n }\n}\n\nfunction loadProjectOptions(url, filter, callback) {\n const ajaxParams = {\n method: 'get' as Method,\n responseType: 'json' as ResponseType,\n params: { ...filter },\n }\n axios(url, ajaxParams).then((response) => {\n const { data } = response\n if (data) {\n const options = data.map((project) => {\n return { label: `${project.id} - ${project.location_name} - ${project.title}`, value: project.id, project }\n })\n callback(options)\n } else {\n callback([])\n }\n })\n}\n\nexport default function SelectProject(props: SelectProjectProps) {\n const { companies, selectedProject, selectedCompany, projectsIndexUrl } = props\n const companyOptions = companies.map((c) => ({ value: c.id, label: c.name }))\n const selectedCompanyOption = selectedCompany ? companyOptions.find((c) => c.value === selectedCompany.id) : null\n const defaultCompany = selectedProject ? companyOptions.find((c) => c.value === selectedProject.companyId) : selectedCompanyOption\n const [company, setCompany] = React.useState(defaultCompany)\n const defaultProject = selectedProject\n ? { value: selectedProject.id, label: `${selectedProject.id} - ${selectedProject.location_name} - ${selectedProject.title}` }\n : null\n const [project, setProject] = React.useState(defaultProject)\n const { I18n } = window as any\n return (\n \n \n
\n )}\n - \n
- \n \n \n\n \n {company && (\n
- \n \n \n {project && }\n\n \n )}\n
- \n \n\n \n
\n
\n )\n}\n","import { connect } from 'react-redux'\nimport { assignInstallers } from '../../../../actions/project_ticket_actions'\n\nconst mapStateToProps = (state) => {\n return {\n errors: state.getIn(['projects', 'bulk_assign_installers', 'errors']),\n ready_to_reload_page: state.getIn(['projects', 'bulk_assign_installers', 'ready_to_reload_page']),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n assignInstallers: (projectTicketIds, installerIds) => dispatch(assignInstallers(projectTicketIds, installerIds)),\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)\n","import SelectProjectTicket from './select_project_ticket'\nimport connect from './connect'\n\nexport default connect(SelectProjectTicket)\n","import MspStepButtonApp from './msp_step_button_app'\nimport MspSharedUploadsApp from './msp_shared_uploads_app'\nimport DuplicateButtonApp from './duplicate_button_app'\nimport SendLinksButtonApp from './send_links_button_app'\nimport AssignHandoverFormButton from './assign_handover_form_button'\nimport CommentRecipients from './comment_recipients'\nimport RescheduleButtonApp from './reschedule_button_app'\nimport SelectProjectApp from './select_project_app'\nimport SelectProjectTicketApp from './select_project_ticket_app'\nimport FileCollaborationToolApp from './file_collaboration_tool_app'\n\nexport default {\n MspStepButtonApp,\n MspSharedUploadsApp,\n DuplicateButtonApp,\n SendLinksButtonApp,\n AssignHandoverFormButton,\n CommentRecipients,\n RescheduleButtonApp,\n SelectProjectApp,\n SelectProjectTicketApp,\n FileCollaborationToolApp,\n}\n","import * as React from \"react\"\nimport SelectProject from \"./select_project\"\n\nexport default function SelectProjectApp(props) {\n return \n \n {selectedProjectTickets.length > 0 && (\n <>\n
\n \n
\n \n \n )}\n \n { collection.map((item) => (\n
\n )\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\nimport { RadioButtonCollection } from '../service_parts'\n\nconst I18n = window.I18n\n\nexport default class HeaderSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n isChecked = (val) => (this.props.item.size || '').toString() == val\n\n render () {\n const { caption } = this.props.item\n const collection = [\n { caption: 'H1', value: '1' },\n { caption: 'H2', value: '2' },\n { caption: 'H3', value: '3' },\n { caption: 'H4', value: '4' },\n { caption: 'H5', value: '5' },\n { caption: 'H6', value: '6' }\n ]\n\n return (\n \n \n
\n )\n )}\n \n
\n )\n }\n\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class ParagraphSettings extends React.Component {\n\n onChange = (e) => {\n const { path, handlers, item } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n updateStyles = (e) => {\n const { name, value, checked } = e.target\n const styles = Object.assign({}, this.props.item.styles || {}, { [name]: (checked ? value : 0) })\n const target = { name: 'styles', value: styles }\n this.onChange({ target })\n }\n\n render () {\n const { text, styles } = this.props.item\n const checkedBoldStyle = (styles?.bold && styles.bold == 'bold' ? true : false)\n const checkedItalicStyle = (styles?.italic && styles.italic == 'italic' ? true : false)\n\n return (\n \n \n \n
\n \n
\n )\n }\n\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class ImageSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { src, width, height } = this.props.item\n\n return (\n \n \n \n
\n \n
\n \n \n \n
\n\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class DatePickerSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { begin, end, label } = this.props.item\n\n return (\n \n \n \n
\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nexport default class SignatureSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { caption } = this.props.item\n\n return (\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class TextInputSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { label, placeholder } = this.props.item\n\n return (\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class CheckboxInputSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, this.props.path)\n }\n\n render () {\n const { label, value } = this.props.item\n\n return (\n \n \n \n
\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nconst RadioBtnSettings = ({ index, label, value, onChange, onClickDelete }) => {\n\n return (\n \n )\n}\n\nexport default class RadioButtonsSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, this.props.path)\n }\n\n getCollection = () => {\n return this.props.item.collection\n }\n\n addNewRadioBtn = () => {\n let collection = this.getCollection()\n collection.push({ label: '', value: '' })\n const target = { name: 'collection', value: collection }\n\n this.onChange({ target })\n }\n\n updateRadioBtnSettings = (e) => {\n const [_, name, index] = /(.+)\\[(\\d+)\\]/.exec(e.target.name)\n const value = e.target.value\n const collection = this.getCollection().reduce((result, itemSettings, collectionItemIndex) => {\n if (index == collectionItemIndex) {\n result.push(Object.assign({}, itemSettings, { [name]: value }))\n }\n else { result.push(itemSettings) }\n return result\n }, [])\n const target = { name: 'collection', value: collection }\n this.onChange({ target })\n }\n\n deleteRadioBtn = (index) => {\n const collection = this.getCollection()\n collection.splice(index, 1)\n const target = { name: 'collection', value: collection }\n this.onChange({ target })\n }\n\n handleChkValue = (e) => {\n const { name, value, checked } = e.target\n const target = { name, value: (checked ? value : 0) }\n this.onChange({ target })\n }\n\n render () {\n const { header, defaultValue, display } = this.props.item\n const collection = this.getCollection()\n\n return (\n \n \n \n
\n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class TextareaSettings extends React.Component {\n\n onChange = (e) => {\n const { item, path, handlers } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { label, placeholder, hint } = this.props.item\n\n return (\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n
\n \n { collection.map((itemSettings, collectionItemIndex) => (\n
\n \n \n
\n \n
\n )\n }\n\n}\n","import React from 'react'\nimport ItemTypes from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nexport default class SubmitBtnSettings extends React.Component {\n\n onChange = (e) => {\n const { path, handlers, item } = this.props\n handlers.updateItemAttr(e, item, ItemTypes.ELEMENT.type, path)\n }\n\n render () {\n const { caption } = this.props.item\n\n return (\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n )\n }\n\n}\n","import React from 'react'\n\nimport HeaderSettings from './header_settings'\nimport ParagraphSettings from './paragraph_settings'\nimport ImageSettings from './image_settings'\nimport DatePickerSettings from './date_picker_settings'\nimport SignatureSettings from './signature_settings'\nimport TextInputSettings from './text_input_settings'\nimport CheckboxInputSettings from './checkbox_input_settings'\nimport RadioButtonsSettings from './radio_buttons_settings'\nimport TextareaSettings from './textarea_settings'\nimport SubmitBtnSettings from './submit_btn_settings'\n\nexport default {\n HeaderSettings,\n ParagraphSettings,\n ImageSettings,\n DatePickerSettings,\n SignatureSettings,\n TextInputSettings,\n CheckboxInputSettings,\n RadioButtonsSettings,\n TextareaSettings,\n SubmitBtnSettings\n}\n","import React from 'react'\nimport SignaturePad from 'signature_pad'\nimport uuidv4 from 'uuid'\n\nexport default class Signature extends React.Component {\n\n state = { value: '' }\n\n onChange = (e) => {\n this.setState({ value: this._signature.toDataURL() })\n }\n\n\n componentDidMount () {\n const container = window.document.getElementById(this.uniqContinerId)\n if (!container) { return }\n\n const canvas = container.querySelector(\"canvas\")\n this._signature = new SignaturePad(canvas, {\n onEnd: this.onChange\n })\n if (this.props.element?.fieldAnswer) {\n this._signature.fromDataURL(this.props.element.fieldAnswer)\n }\n }\n\n get uniqContinerId () { return `signature_for_${this.props.element?.id || uuidv4()}` }\n\n render () {\n const { caption, id } = this.props.element\n const mode = this.props.mode\n\n if (this.props.mode.isReadOnly()) {\n return (\n \n \n \n
\n \n 
\n
\n )\n }\n\n return (\n \n \n
\n )\n }\n}\n","import React from 'react'\nimport classNames from 'classnames'\n\nconst RadioBtn = ({ item, index, elementIndex, isChecked, display, mode, onChange }) => {\n const inputId = `radio-btn-${elementIndex}-${index}`\n const { value, label } = item\n\n let mainWrapperClassNames = 'form-check'\n if (display == 'inline') {\n mainWrapperClassNames = classNames([mainWrapperClassNames, 'form-check-inline'])\n }\n\n return (\n \n
\n \n \n \n \n
\n \n \n { label && }\n
\n )\n}\n\nclass RadioButtons extends React.Component {\n state = { value: '' }\n\n onChange = (e) => {\n if (e.target.checked) {\n this.setState({ value: e.target.value })\n }\n }\n\n isAnswerChecked = (val) => {\n const { fieldAnswer } = this.props\n return ((fieldAnswer || fieldAnswer == 0) && val == fieldAnswer)\n }\n\n isDefaultChecked = (val) => {\n const { defaultValue } = this.props\n return (defaultValue && val == defaultValue)\n }\n\n render () {\n const { display, fieldAnswer, elementIndex, defaultValue, collection, mode } = this.props\n\n const isChecked = (fieldAnswer || fieldAnswer == 0) ? this.isAnswerChecked : this.isDefaultChecked\n\n return (\n \n { header &&
\n )\n}\n","import React from 'react'\n\nexport default ({ element, mode }) => {\n const { caption } = element\n \n if (mode.isReadOnly()) {\n return null\n }\n\n return (\n {header}
}\n\n { textLines.map((line, index) => (\n
}\n
\n { label && }\n
\n )\n}\n","import React from 'react'\n\nexport default ({ element, path, mode }) => {\n const { label, placeholder, id, fieldAnswer } = element\n const inputId = `text-input-${id || path.slice(-1)}`\n\n return (\n \n
\n \n { label && }\n
\n )\n}\n","import React from 'react'\n\nexport default ({ element, path, mode }) => {\n const { label, value, id, fieldAnswer } = element\n\n const inputId = `chk-${id || path.slice(-1)}`\n const isChecked = (fieldAnswer && value == fieldAnswer ? true : false)\n\n return (\n \n \n \n
\n \n \n \n { label && }\n
\n )\n}\n","import React from 'react'\n\nexport default ({ element, path, mode }) => {\n const { label, placeholder, hint, id, fieldAnswer } = element\n const inputId = `textarea-input-${id || path.slice(-1)}`\n\n return (\n \n { label && }\n
\n )\n}\n","class ItemType {\n constructor (type, name, initStruct, options = {}) {\n this.type = type\n this._name = name\n this.init = initStruct\n this.options = options\n }\n\n name = (index = '-') => `${this._name} ${index}`\n}\n\nconst ELEMENT_VARIANTS = {\n HEADER: 'header',\n PARAGRAPH: 'paragraph',\n IMAGE: 'image',\n DATE_PICKER: 'date-picker',\n SIGNATURE: 'signature',\n TEXT_INPUT: 'text-input',\n CHECKBOX_INPUT: 'checkbox-input',\n RADIO_BUTTONS: 'radio-buttons',\n TEXTAREA: 'textarea',\n SUBMIT_BTN: 'submit-btn'\n}\n\nconst INVERT_ELEMENT_VARIANTS = Object.keys(ELEMENT_VARIANTS).reduce((result, key) => {\n result[ELEMENT_VARIANTS[key]] = key\n return result\n}, {})\n\nconst ELEMENT_DEFAULT_OPTIONS = {\n [ELEMENT_VARIANTS.HEADER]: { caption: 'Header', size: '3' },\n [ELEMENT_VARIANTS.PARAGRAPH]: { },\n [ELEMENT_VARIANTS.IMAGE]: { },\n [ELEMENT_VARIANTS.DATE_PICKER]: { },\n [ELEMENT_VARIANTS.SIGNATURE]: { },\n [ELEMENT_VARIANTS.TEXT_INPUT]: { },\n [ELEMENT_VARIANTS.CHECKBOX_INPUT]: { },\n [ELEMENT_VARIANTS.TEXTAREA]: { },\n [ELEMENT_VARIANTS.RADIO_BUTTONS]: { header: '', collection: [{ label: 'Yes', value: '1' }, { label: 'No', value: '0' }] },\n [ELEMENT_VARIANTS.SUBMIT_BTN]: { caption: 'Save button' },\n}\n\nexport const getElementDefaultOptionByType = (elementType) => {\n return ELEMENT_DEFAULT_OPTIONS[elementType]\n}\n\nexport const getElementDefaultName = (elementType) => {\n const elementKey = INVERT_ELEMENT_VARIANTS[elementType]\n return elementKey\n}\n\nimport AllElementsSettings from '../settings_bar/elements'\n\nexport const getElementSettingsComponentByType = (elementType) => {\n switch (elementType) {\n case ELEMENT_VARIANTS.HEADER:\n return AllElementsSettings.HeaderSettings\n case ELEMENT_VARIANTS.PARAGRAPH:\n return AllElementsSettings.ParagraphSettings\n case ELEMENT_VARIANTS.IMAGE:\n return AllElementsSettings.ImageSettings\n case ELEMENT_VARIANTS.DATE_PICKER:\n return AllElementsSettings.DatePickerSettings\n case ELEMENT_VARIANTS.SIGNATURE:\n return AllElementsSettings.SignatureSettings\n case ELEMENT_VARIANTS.TEXT_INPUT:\n return AllElementsSettings.TextInputSettings\n case ELEMENT_VARIANTS.CHECKBOX_INPUT:\n return AllElementsSettings.CheckboxInputSettings\n case ELEMENT_VARIANTS.RADIO_BUTTONS:\n return AllElementsSettings.RadioButtonsSettings\n case ELEMENT_VARIANTS.TEXTAREA:\n return AllElementsSettings.TextareaSettings\n case ELEMENT_VARIANTS.SUBMIT_BTN:\n return AllElementsSettings.SubmitBtnSettings\n }\n}\n\nimport AllElementsItems from '../items/elements'\nexport const getElementItemComponentByType = (elementType) => {\n switch (elementType) {\n case ELEMENT_VARIANTS.HEADER:\n return AllElementsItems.Header\n case ELEMENT_VARIANTS.PARAGRAPH:\n return AllElementsItems.Paragraph\n case ELEMENT_VARIANTS.IMAGE:\n return AllElementsItems.Image\n case ELEMENT_VARIANTS.DATE_PICKER:\n return AllElementsItems.DatePicker\n case ELEMENT_VARIANTS.SIGNATURE:\n return AllElementsItems.Signature\n case ELEMENT_VARIANTS.TEXT_INPUT:\n return AllElementsItems.TextInput\n case ELEMENT_VARIANTS.CHECKBOX_INPUT:\n return AllElementsItems.CheckboxInput\n case ELEMENT_VARIANTS.RADIO_BUTTONS:\n return AllElementsItems.RadioButtons\n case ELEMENT_VARIANTS.TEXTAREA:\n return AllElementsItems.Textarea\n case ELEMENT_VARIANTS.SUBMIT_BTN:\n return AllElementsItems.SubmitBtn\n }\n}\n\nconst ItemTypes = {\n ROW: new ItemType('row-item', 'Row', { cells: [{}] }),\n CELL: new ItemType('cell-item', 'Cell', { elements: [] }),\n ELEMENT: new ItemType('element-item', 'ELEMENT', {}, { variants: ELEMENT_VARIANTS })\n}\n\nexport default ItemTypes\n","import { connect } from 'react-redux'\nimport { deleteCellItem, updateCellItem, deleteElementItem, updateElementItem,\n moveElementItem\n} from 'actions/form_builder_actions'\n\nexport default connect((state) => ({\n}), { deleteCellItem, updateCellItem, deleteElementItem, updateElementItem, moveElementItem })\n","import React from 'react'\nimport classNames from 'classnames'\n\nimport ItemTypes from '../lib/item_types'\n\nexport default (({ element, path, selectedItem, onClickGear, onClickDelete }) => {\n const index = path.slice(-1)\n const name = element.label || element.caption || element.type\n\n const elementClasses = ['element-item']\n if (element == selectedItem) { elementClasses.push('selected') }\n\n return (\n \n \n \n { hint && {hint} }\n
\n \n {name}\n
\n )\n})\n","import React, { useRef } from 'react'\nimport { useDrag, useDrop } from 'react-dnd'\nimport classNames from 'classnames'\n\nimport ItemTypes from '../lib/item_types'\nimport ElementItem from './element_item'\n\nexport default (props) => {\n\n const ref = useRef(null)\n\n const index = props.path[props.path.length - 1]\n\n const [{ isOver, canDrop }, drop] = useDrop({\n accept: ItemTypes.ELEMENT.type,\n drop: (item) => { props.moveElementItem(item.path, item.toPath) },\n canDrop: (item) => item.path && item.path.length == 3 && item.toPath && item.toPath.length == 3,\n hover: (item, monitor) => {\n if (!ref.current) { return; }\n if (props.path.length == item.path.length && props.path.every(i => item.path.includes(i))) {\n return;\n }\n item.toPath = props.path\n },\n collect: monitor => ({\n isOver: !!monitor.isOver(),\n canDrop: !!monitor.canDrop(),\n }),\n })\n\n const [{isDragging}, drag] = useDrag({\n item: { id: props.element.id, type: ItemTypes.ELEMENT.type, path: props.path, index: index },\n\t\tcollect: monitor => ({\n\t\t\tisDragging: !!monitor.isDragging(),\n\t\t}),\n })\n\n const dragElementStyles = {}\n\n const elementClasses = ['draggable-element']\n if (isOver && canDrop) { elementClasses.push('dnd-target-is-ready-to-accept') }\n\n drag(drop(ref))\n return (\n \n onClickGear(ItemTypes.ELEMENT.type, path)}>\n onClickDelete(path) }>\n
\n \n
\n )\n}\n","import React from 'react'\nimport { findDOMNode } from 'react-dom'\nimport classNames from 'classnames'\nimport { useDrop } from 'react-dnd'\nimport { flow } from 'lodash'\n\nimport ItemTypes from '../lib/item_types'\nimport connect from './cell_connect'\nimport ElementItem from './draggable_element'\n\nconst canMoveElement = (path) => {\n return path && path.length == 2\n}\n\nconst CellItem = (\n { path, cell, selectedItem, deleteAllowed, deleteCellItem, updateCellItem, deleteElementItem, moveElementItem, onClickGear }\n) => {\n\n const index = path[path.length - 1]\n\n const [{ isOver, canDrop }, drop] = useDrop({\n accept: ItemTypes.ELEMENT.type,\n drop: (item) => { moveElementItem(item.path, path) },\n canDrop: (item) => !item.toPath,\n collect: monitor => ({\n isOver: !!monitor.isOver(),\n canDrop: !!monitor.canDrop(),\n }),\n })\n\n const cellClasses = ['col', 'cell-item']\n if (cell == selectedItem) { cellClasses.push('selected') }\n\n const elements = (cell.elements || []).reduce((result, element, index) => {\n if (element._destroy) { return result }\n result.push(\n \n
\n )\n}\n\n\nexport default connect(CellItem)\n","import React, { Fragment } from 'react'\nimport { findDOMNode } from 'react-dom'\nimport classNames from 'classnames'\nimport { DragSource, DropTarget } from 'react-dnd'\nimport { flow } from 'lodash'\n\nimport ItemTypes from '../lib/item_types'\nimport CellItem from './cell_item'\n\nconst RowSource = {\n beginDrag (props) {\n return { action: 'beginDrag', index: props.index }\n },\n endDrag (props, monitor) {\n props.moveRowItem(props.index, monitor.getItem().index);\n return { action: 'endDrag', index: props.index }\n }\n}\n\nconst RowTarget = {\n drop(props, monitor, component) { },\n hover(props, monitor, component) {\n if (!component) { return null }\n\n const node = findDOMNode(component)\n if (!node) { return null }\n\n const dragIndex = monitor.getItem().index\n const hoverIndex = props.index\n if (dragIndex === hoverIndex) { return }\n\n const hoverBoundingRect = node.getBoundingClientRect();\n\n const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n\n const clientOffset = monitor.getClientOffset();\n\n const hoverClientY = (clientOffset).y - hoverBoundingRect.top;\n\n if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {\n return;\n }\n\n if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {\n return;\n }\n\n monitor.getItem().index = hoverIndex;\n },\n}\n\nconst RowItemControls = ({ index, onClickGear, onClickDelete, connectDragSource }) => {\n return (\n \n onClickGear(ItemTypes.CELL.type, path)}>\n {ItemTypes.CELL.name(index)}\n {deleteAllowed && deleteCellItem(path)}>}\n
\n {elements}\n \n { connectDragSource(\n
\n )\n}\n\nclass DraggableRow extends React.Component {\n\n onClickGear = () => {\n this.props.showSettings(ItemTypes.ROW.type, [this.props.index])\n }\n\n onClickDelete = () => {\n this.props.deleteRowItem(this.props.index)\n }\n\n rowClasses = (row, selectedItem) => {\n const cssClasses = ['row', 'row-item']\n if (row == selectedItem) { cssClasses.push('selected') }\n return classNames(cssClasses)\n }\n\n render () {\n const { connectDragSource, isDragging, connectDragPreview, connectDropTarget,\n row, selectedItem\n } = this.props\n\n const rowClasses = ['row', 'row-item']\n if (row == selectedItem) { rowClasses.push('selected') }\n if (isDragging) { rowClasses.push('is-gragging') }\n\n let path = [this.props.index]\n\n const cells = row.cells.reduce((result, cell, index) => {\n if (cell._destroy) { return result }\n result.push(\n \n \n {ItemTypes.ROW.name(index)}\n
\n )\n }\n \n \n \n {cells}\n
\n ))\n )\n }\n}\n\nexport default flow(\n DragSource(\n ItemTypes.ROW.type,\n RowSource,\n (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n }),\n ),\n DropTarget(ItemTypes.ROW.type, RowTarget, (connect) => ({\n connectDropTarget: connect.dropTarget(),\n }))\n)(DraggableRow)\n","import { createSelector } from 'reselect'\nimport { snakeCase, nestedKeysAsSnakeCase } from 'libs/helpers'\n\nexport const prepareDataForSend = (data, keyIndex = 0) => {\n const KEYS = ['cells', 'elements']\n const key = KEYS[keyIndex]\n\n return data.reduce((itemsResult, item, index) => {\n const preparedItem = { }\n if (item.id) { preparedItem.id = item.id }\n if (item._destroy) { preparedItem._destroy = item._destroy }\n preparedItem.position = index\n \n const additionalItemAttrs = Object.keys(item).reduce((itemOptions, optionKey) => {\n if (!['id', 'position', '_destroy', 'options', key].includes(optionKey)) {\n itemOptions[snakeCase(optionKey)] = item[optionKey]\n }\n return itemOptions\n }, {}) || {}\n\n preparedItem.options = nestedKeysAsSnakeCase(\n Object.assign({}, item.options || {}, additionalItemAttrs)\n )\n\n if (key && item[key]) {\n preparedItem[`${key}_attributes`] = prepareDataForSend(item[key], keyIndex + 1)\n }\n itemsResult.push(preparedItem)\n return itemsResult\n }, [])\n}\n\nconst getRows = data => data.rows\nconst getPath = data => data.path\nconst isCorrectIndex = (idx) => idx != undefined && idx != null && (parseInt(idx) || idx == 0)\n\nexport const itemByPath = createSelector(\n [getRows, getPath],\n (rows, path) => {\n const [rowIndex, cellIndex, elementPosition] = path || []\n if (!rows) { return null }\n if (isCorrectIndex(rowIndex) && !isCorrectIndex(cellIndex)) { return rows[rowIndex] }\n if (isCorrectIndex(rowIndex) && isCorrectIndex(cellIndex) && !isCorrectIndex(elementPosition)) {\n return rows[rowIndex].cells[cellIndex]\n }\n if (isCorrectIndex(rowIndex) && isCorrectIndex(cellIndex) && isCorrectIndex(elementPosition)) {\n return rows[rowIndex].cells[cellIndex].elements[elementPosition]\n }\n\n return null\n }\n)\n","const I18n = window.I18n\n\nexport default ({ counters, isPreview, onClickAddRow, toggleWorkAreaMode, onClickSave, undoChange, redoChange }) => {\n\n const { past, future } = counters\n\n return (\n \n
\n \n
\n )\n}\n","import { RadioButtonCollection } from '../service_parts'\n\nconst I18n = window.I18n\n\nconst getCaptionTrans = (key) => I18n.t(`handover_forms.cells_settings.text_aligment.options.${key}`)\n\nconst COLLECTION = [\n { caption: getCaptionTrans('center'), value: 'text-center' },\n { caption: getCaptionTrans('left'), value: 'text-left' },\n { caption: getCaptionTrans('right'), value: 'text-right' },\n { caption: getCaptionTrans('justify'), value: 'text-justify' }\n]\n\nexport default function ({ name, onChange, value }) {\n\n const isChecked = (val) => val == value\n\n return (\n \n { !isPreview &&\n \n {I18n.t('handover_forms.actions.add_new_row')}\n \n }\n { isPreview &&\n \n }\n { !isPreview &&\n \n }\n \n \n \n
\n \n \n
\n )\n}\n","import React from 'react'\nimport TextAligment from './text_aligment'\n\nconst LIST = {\n textAligment: TextAligment\n}\n\nconst Control = (props) => {\n const TypedView = LIST[props.name]\n return \n
\n Styles
\n { controls.map(name =>\n
\n
\n )\n }\n}\n","import Select from 'components/shared/base_react_select'\nimport ItemTypes, { getElementDefaultName } from '../../lib/item_types'\n\nconst I18n = window.I18n\n\nconst AVAILABLE_ELEMENTS = Object.keys(ItemTypes.ELEMENT.options.variants)\n\nexport default ({ addElement }) => {\n\n const options = AVAILABLE_ELEMENTS.map((key) => {\n let elementType = ItemTypes.ELEMENT.options.variants[key]\n return { id: elementType, label: getElementDefaultName(elementType) || key }\n })\n\n return (\n \n \n
\n \n \n
\n \n showSettings(ItemTypes.ELEMENT.type, path)}>\n deleteElementItem(path)}>\n
\n - \n { list.map((element, index) => (\n
\n
\n )\n }\n}\n","import React from 'react'\n\nimport ItemTypes, { getElementSettingsComponentByType } from '../lib/item_types'\nimport Elements from './elements'\n\nexport default class ElementSettings extends React.Component {\n\n static type = ItemTypes.ELEMENT\n\n render () {\n const element = this.props.item\n const { path, handlers } = this.props\n const ElementItemSettings = getElementSettingsComponentByType(element.type)\n return (\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n )\n }\n}\n","import ItemTypes from '../lib/item_types'\nimport CssCollector from './css_collector'\nimport RowSettings from './row_settings'\nimport CellSettings from './cell_settings'\nimport ElementSettings from './element_settings'\n\nconst determinateItemSettingsComponent = (type) => {\n switch(type) {\n case ItemTypes.ROW.type:\n return RowSettings\n case ItemTypes.CELL.type:\n return CellSettings\n case ItemTypes.ELEMENT.type:\n return ElementSettings\n }\n}\n\nexport default ({ type, item, path, handlers }) => {\n const ItemSettings = determinateItemSettingsComponent(type)\n\n if (!item) { return null }\n\n const [index] = path.slice(-1)\n\n const header = `Settings ${ItemSettings.type.name(path.join(' | '))}`\n\n return (\n \n
\n )\n}\n","import React from 'react'\n// preview || readyForFill || readOnly\nexport class FormMode {\n constructor(initMode) {\n if (!['readOnly', 'preview', 'readyForFill'].includes(initMode)) {\n throw `${initMode} - is not supported mode!`\n }\n this._mode = initMode\n }\n\n get mode () { return this._mode }\n\n isReadOnly = () => this._mode == 'readOnly'\n isPreview = () => this._mode == 'preview'\n isReadyForFill = () => this._mode == 'readyForFill'\n\n}\nconst FormModeContext = React.createContext({ mode: new FormMode('readOnly') })\nexport default FormModeContext\n","import React from 'react'\nimport FormModeContext from './form_mode_context'\nimport { getElementItemComponentByType } from '../lib/item_types'\n\nexport default class Element extends React.Component {\n static contextType = FormModeContext\n\n render () {\n const { element, path } = this.props\n const ElementItem = getElementItemComponentByType(element.type)\n \n return (\n \n {header}\n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n { elements.map((element, index) =>\n
\n )\n}\n","import Cell from './cell'\n\nexport default ({ row, path, fieldsAnswers }) => {\n const cells = row.cells.reduce((result, cell) => {\n if (cell._destroy) { return result }\n result.push(cell)\n return result\n }, [])\n\n return (\n \n { cells.map((cell, index) =>\n | \n )\n }\n
\n )\n}\n","import React from 'react'\n\nimport Row from './row'\nimport FormModeContext, { FormMode } from './form_mode_context'\n\nexport default class FormContent extends React.Component {\n\n renderRows = (rows) => {\n return rows.reduce((result, row, index) => {\n if (row._destroy) { return result }\n result.push(\n \n
\n )\n }\n}\n","import React, { Fragment } from 'react'\nimport { findDOMNode } from 'react-dom'\nimport classNames from 'classnames'\nimport DraggableRow from './builder_items/draggable_row'\nimport { DropTarget } from 'react-dnd'\n\nimport ItemTypes from './lib/item_types'\nimport { itemByPath } from './lib/helpers'\nimport MainButtons from './main_buttons'\nimport SettingsBar from './settings_bar'\nimport Preview from './preview'\nimport { prepareDataForSend } from './lib/helpers'\n\nconst I18n = window.I18n\n\nconst BuilderTarget = {}\nconst BUILDER_INIT_STATE = Object.freeze({ mode: '', type: '', path: [] })\n\nclass Builder extends React.Component {\n state = BUILDER_INIT_STATE\n\n toggleWorkAreaMode = (mode) => {\n this.setState(prevState => Object.assign({}, prevState, { mode }))\n }\n\n showSettings = (type, path) => {\n this.setState({ type, path })\n }\n\n hideSettings = () => {\n this.setState(BUILDER_INIT_STATE)\n }\n\n updateFormAttr = (e) => {\n const attrs = Object.assign({}, this.props.data.attrs, { [e.target.name]: e.target.value })\n this.props.updateFormAttrs(attrs)\n }\n\n updateItemAttr = (e, item, type, path) => {\n const data = Object.assign({}, item, { [e.target.name]: e.target.value })\n this.updateItem(type, data, path)\n }\n\n updateItem = (type, data, path) => {\n // this.setState(prevState => Object.assign(prevState, { item: data }))\n switch (type) {\n case ItemTypes.ROW.type:\n this.props.updateRowItem(data, path)\n break\n case ItemTypes.CELL.type:\n this.props.updateCellItem(data, path)\n case ItemTypes.ELEMENT.type:\n this.props.updateElementItem(data, path)\n break\n }\n }\n\n handleSave = () => {\n const data = { name: this.props.data.attrs.name }\n data['rows_attributes'] = prepareDataForSend(this.props.data.rows)\n this.props.saveForm(this.props.url, data)\n }\n\n addRowItem = () => {\n this.props.addRowItem(ItemTypes.ROW.init)\n }\n\n renderRows = (rows) => {\n const { moveRowItem, updateRowItem, deleteRowItem } = this.props\n\n return rows.reduce((result, row, index) => {\n if (row._destroy) { return result }\n result.push(\n \n
\n )\n }\n}\n\nexport default DropTarget(ItemTypes.ROW.type, BuilderTarget, connect => ({\n connectDropTarget: connect.dropTarget(),\n}))(Builder)\n","import React from 'react'\nimport FormContent from './items'\nimport { FormMode } from './items/form_mode_context'\nimport SubmitButton from './items/elements/submit_btn'\n\n\nconst I18n = window.I18n\n\nconst defaultSubmitButtonElement = { caption: I18n.t('application.actions.save') }\n\nexport default class FinalForm extends React.Component {\n render () {\n const { url, authenticityToken, data } = this.props\n const mode = (this.props.readOnly ? 'readOnly' : 'readyForFill')\n return (\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n { isPreview &&
\n { connectDropTarget(\n {this.renderRows(rows)}
\n )\n }\n \n
\n \n \n
\n )\n }\n}\n","import React from 'react'\nimport store from 'store'\nimport { Provider } from 'react-redux'\nimport { DndProvider } from 'react-dnd'\nimport HTML5Backend from 'react-dnd-html5-backend'\n\nimport connect from './connect'\nimport { initForm } from 'actions/form_builder_actions'\n\nimport Builder from './builder'\nconst BuilderWithData = connect(Builder)\n\nimport FinalForm from './final_form'\nconst FinalFormWithData = connect(FinalForm)\n\nclass BuilderApp extends React.Component {\n\n constructor (props) {\n super(props)\n store.dispatch(initForm(this.props))\n }\n\n render () {\n return (\n \n \n \n \n {CREATE_CAPTION}\n {isReqInProgress && \n \n \n \n \n \n \n
\n )\n}\n\nexport default CreateButton\n","import Select from 'components/shared/base_react_select'\n\nconst I18n = window.I18n\n\nexport default ({options, selected, handleChange}) => {\n const onChange = (opts) => handleChange('locations', opts)\n\n return (\n \n \n
\n \n \n
\n )\n}","import Select from 'components/shared/base_react_select'\n\nI18n = window.I18n\n\nexport default ({options, selected, handleChange}) => {\n const onChange = (opts) => handleChange('statuses', opts)\n\n return (\n \n \n
\n )\n}","import PropTypes from 'prop-types'\nimport LocationFilter from './location_filter'\nimport StatusFilter from './status_filter'\n\nconst Header = ({name, filtersData, selectedFilters, handleChangeFilter, colSize}) => {\n return (\n <>\n \n
\n \n )\n}\n\nHeader.propTypes = {\n name: PropTypes.string,\n filtersData: PropTypes.object,\n selectedFilters: PropTypes.object,\n handleChangeFilter: PropTypes.func.isRequired,\n colSize: PropTypes.number,\n}\n\nexport default Header\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nconst { I18n } = window\n\nconst ProjectItem = ({ item }) => {\n const { projectGroup, title, href, statusName, statusCssClass, deadline } = item\n\n const statusClasses = classNames(['status_tag', 'badge', statusCssClass])\n\n return (\n \n
\n {name}
\n\n
\n \n
\n \n
\n )\n}\n\nProjectItem.propTypes = {\n item: PropTypes.object.isRequired,\n}\n\nexport default ProjectItem\n","import PropTypes from 'prop-types'\nimport ProjectItem from './project_item'\n\nconst Projects = ({items}) => {\n\n return (\n <>\n {items.map(project => (\n \n
\n \n \n {title}\n \n
\n\n {statusName}\n
\n\n {I18n.t('activerecord.models.project_group.one')}\n \n {projectGroup.name}\n \n
\n\n \n {deadline}\n
\n\n \n { I18n.t('multi_step.empty_multi_step_projects')}:\n
\n )}\n - \n {emptyMultiStepProjects.map((msp) => {\n return (\n
- \n {msp.name}\n \n )\n })}\n
| \n {steps.map((step, i) => (\n | \n {step.name}\n | \n ))}\n
|---|
\n\n
\n )\n}","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Header from './header'\nimport MainArea from './main_area'\nimport Footer from './footer'\nimport connect from './connect'\n\nconst Board = ({ name, steps, stepsProjects, filtersData, selectFilterOption, emptyMultiStepProjects }) => {\n\n const selectedFilters = Object.keys(filtersData).reduce((result, type) => {\n result[type] = filtersData[type].filter(item => item.selected)\n return result\n }, { locations: [], statuses: [] })\n\n const colSize = steps.length ? Math.round(12 / steps.length) : 0\n\n return (\n \n
\n )\n}\n\nBoard.propTypes = {\n name: PropTypes.string,\n steps: PropTypes.array,\n stepsProjects: PropTypes.object,\n filtersData: PropTypes.object,\n emptyMultiStepProjects: PropTypes.array,\n selectFilterOption: PropTypes.func.isRequired\n}\n\nexport default connect(Board)\n","import { connect } from 'react-redux'\nimport { selectFilterOption } from 'actions/multi_step/workflow_overview_board_actions'\n\nexport default connect(\n (state) => {\n return state.getIn(['multiStep', 'workflowOverviewBoard']).toJS()\n },\n { selectFilterOption },\n)\n","import CreateButton from './create_button'\nimport OverviewBoardApp from './overview_board_app'\n\nexport default {\n CreateButton, OverviewBoardApp\n}\n","import React from 'react'\nimport store from 'store'\nimport { Provider } from 'react-redux'\nimport { initOverviewData } from 'actions/multi_step/workflow_overview_board_actions'\nimport OverviewBoard from './board'\n\nexport default (props) => {\n store.dispatch(initOverviewData(props))\n\n return (\n \n \n
\n )\n}\n","import React, { useState } from 'react'\nimport SmModalWindow from 'components/shared/modal_window'\nimport Spinner from 'components/shared/spinner'\nimport ResourceUrl from './resource_url'\nimport { format } from 'date-fns'\n\nconst { I18n } = window\n\nexport default function SharingLinkModal({\n dialogOpened,\n windowTitle,\n resourceUrlTitle,\n toggleDialog,\n isFetching,\n currentLink,\n expiresAtFieldTitle,\n expiresAtFieldHint,\n usernameFieldTitle,\n saveSharingLink,\n deleteSharingLink,\n successMessage,\n errorMessage,\n createSharingLinkTitle,\n updateSharingLinkTitle,\n}) {\n const initialExpiresAt = format(currentLink.expiresAt, 'yyyy-MM-dd')\n const saveSharingLinkUrl = currentLink.saveUrl\n const [expiresAt, setExpiresAt] = useState(initialExpiresAt)\n const [username, setUsername] = useState(currentLink.user.name)\n\n const saveButtonTitle = currentLink.id ? updateSharingLinkTitle : createSharingLinkTitle\n\n const modalContent = (\n \n
\n \n {successMessage && (\n
\n )\n const sharingLinksData = {\n sharing_link: {\n expires_at: expiresAt,\n user_attributes: {\n name: username,\n id: currentLink.user.id,\n },\n },\n }\n const modalButtons = (\n \n {successMessage}\n
\n )}\n {errorMessage && (\n \n {errorMessage}\n
\n )}\n \n \n setUsername(e.target.value)}\n type=\"text\"\n className=\"form-control\"\n id=\"sharing-link-user-name\"\n />\n
\n \n \n setExpiresAt(e.target.value)}\n type=\"date\"\n className=\"form-control\"\n id=\"sharing-link-expires-at\"\n />\n
\n \n \n {currentLink.id && (\n \n )}\n saveSharingLink(saveSharingLinkUrl, sharingLinksData)}\n >\n {isFetching ?
\n )\n\n return (\n \n
\n )\n}\n\nexport default connect(SharingLinks)\n","import * as React from 'react'\nimport PhotoswipeImageLink from '../../../shared/photoswipe/photoswipe_image_link'\nimport { SurveyElementShape } from '../survey_answer_form'\n\nexport default function ElementWrapper({\n element,\n children,\n}: {\n element: SurveyElementShape\n children: React.ReactNode\n}) {\n const { image, description } = element\n return (\n \n {links.map((link) => {\n return (\n \n )\n })}\n
\n \n {currentLink && (\n \n
\n )\n}\n","import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { WidgetFactoryInterface } from '../survey_answer_form'\n\nexport default function Radio({ field, fieldName }: WidgetFactoryInterface) {\n const { choices, required } = field\n const { register } = useFormContext()\n return (\n \n
\n {element.name}
\n \n
\n \n \n
\n {image && (\n \n
\n )}\n {children}\n \n
\n {field.defaultValue}
\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n Unknown widget type: {field.widget}
\n }\n}\n","import * as React from 'react'\nimport { useFormContext } from \"react-hook-form\"\nimport { FormRegistryShape, SurveyElementFieldShape, SurveyFieldAnswerShape } from \"./survey_answer_form\"\nimport WidgetFactory from \"./widget_factory\"\n\ninterface FieldProps {\n field: SurveyElementFieldShape\n fieldsRegistry: FormRegistryShape\n answer: SurveyFieldAnswerShape\n}\n\nexport default function Field({ field, answer, fieldsRegistry }: FieldProps) {\n const registry = fieldsRegistry.fields[field.id]\n const { register } = useFormContext()\n\n\n return (\n <>\n \n (\n
\n \n {Object.entries(selectedFilters).map(([filterName, filterValues]) =>\n filterValues.map((filterValue) => (\n \n {\n if (selectedFilters[filterName].length === 1) {\n const { [filterName]: _, ...newSelectedFilters } = selectedFilters\n setSelectedFilters(newSelectedFilters)\n } else {\n setSelectedFilters({\n ...selectedFilters,\n [filterName]: selectedFilters[filterName].filter((f) => f.value !== filterValue.value),\n })\n }\n }}\n >\n ×\n \n {filterValue.label}\n \n ))\n )}\n
\n )\n}\n","import * as React from 'react'\nimport { ProjectReportFilterDefinitionType, SelectedFiltersType } from './types'\n\ntype ShowCompletedCheckboxProps = {\n showCompletedLabel: string\n selectedFilters: SelectedFiltersType\n setSelectedFilters: (filters: SelectedFiltersType) => void\n initialAvailableFilters: ProjectReportFilterDefinitionType[]\n completedStatusId: string\n}\n\nexport default function ShowCompletedCheckbox(props: ShowCompletedCheckboxProps) {\n const { selectedFilters, setSelectedFilters, initialAvailableFilters, completedStatusId, showCompletedLabel } = props\n const checked =\n selectedFilters && selectedFilters.status\n ? selectedFilters.status.some((status) => status.value === completedStatusId)\n : false\n\n const setChecked = (e) => {\n if (e.target.checked) {\n const statusOptions = initialAvailableFilters.find((filter) => filter.name === 'status').options\n const completedOption = statusOptions.find((option) => option.value === completedStatusId)\n\n const newSelectedStatuses = selectedFilters.status ? [...selectedFilters.status, completedOption] : [completedOption]\n setSelectedFilters({\n ...selectedFilters,\n status: newSelectedStatuses,\n })\n } else if (selectedFilters.status.length === 1) {\n const { status: _, ...newSelectedFilters } = selectedFilters\n setSelectedFilters(newSelectedFilters)\n } else {\n setSelectedFilters({\n ...selectedFilters,\n status: selectedFilters.status.filter((status) => status.value !== completedStatusId),\n })\n }\n }\n return (\n \n
\n )\n}\n","import * as React from 'react'\nimport I18n from '../../../../libs/i18n'\n\ntype SavedFiltersControlsProps = {\n savedFiltersController: any\n closeModal: () => void\n}\nexport default function SavedFiltersControls({ savedFiltersController, closeModal }: SavedFiltersControlsProps) {\n const {\n isError,\n errorMessage,\n saveAndApply,\n deleteFilter,\n changeCurrentSavedFilter,\n addNewSavedFilter,\n savedFilters,\n currentSavedFilter,\n setCurrentSavedFilter,\n } = savedFiltersController\n\n const currentSavedFilterId = currentSavedFilter ? currentSavedFilter.id : ''\n return (\n \n
\n )\n}\n","import * as React from 'react'\nimport { SavedFiltersControllerType } from './use_saved_filters_controller'\nimport FilterSelect from './filter_select'\nimport { ProjectReportFilterDefinitionType } from './types'\n// import SavedFilters from '../job_plannings/filter/SavedFilters'\nimport Select from '../../../shared/base_react_select'\nimport SavedFiltersControls from './saved_filters_controls'\nimport ShowCompletedCheckbox from './show_completed_checkbox'\n\ntype SavedFilterFormProps = {\n availableFilters: ProjectReportFilterDefinitionType[]\n savedFiltersController: SavedFiltersControllerType\n closeModal: () => void\n showCompletedLabel: string\n initialAvailableFilters: ProjectReportFilterDefinitionType[]\n completedStatusId: string\n}\n\nexport default function SavedFilterForm(props: SavedFilterFormProps) {\n const {\n savedFiltersController,\n closeModal,\n availableFilters,\n initialAvailableFilters,\n completedStatusId,\n showCompletedLabel,\n } = props\n\n const { formFilter, setFormFilter } = savedFiltersController\n\n return (\n \n
\n {currentSavedFilter && (\n \n \n
\n \n \n \n {savedFilters &&\n savedFilters\n .sort((f) => (f.default ? -1 : 1))\n .map((savedFilter) => (\n \n ))}\n \n
\n \n \n
\n \n
\n )}\n {isError && \n
\n \n setCurrentSavedFilter({ ...currentSavedFilter, name: e.target.value })}\n />\n \n
\n \n \n \n
\n {errorMessage}
}\n \n {availableFilters.map((filter) => (\n
\n )\n}\n","import * as React from 'react'\nimport { SavedFiltersControllerType } from './use_saved_filters_controller'\nimport SmModalWindow from '../../../shared/modal_window'\nimport SavedFilterForm from './saved_filter_form'\nimport { ProjectReportFilterDefinitionType } from './types'\nimport I18n from '../../../../libs/i18n'\n\ntype ChangeSavedFilterButtonProps = {\n savedFiltersController: SavedFiltersControllerType\n availableFilters: ProjectReportFilterDefinitionType[]\n showCompletedLabel: string\n initialAvailableFilters: ProjectReportFilterDefinitionType[]\n completedStatusId: string\n}\n\nexport default function ChangeSavedFilterButton(props: ChangeSavedFilterButtonProps) {\n const { savedFiltersController, availableFilters, initialAvailableFilters, completedStatusId, showCompletedLabel } =\n props\n const { setFilter, formFilter } = savedFiltersController\n const [dialogOpened, setDialogOpened] = React.useState(false)\n const showModal = () => setDialogOpened(true)\n const closeModal = () => setDialogOpened(false)\n const modalContent = (\n \n
\n ))}\n \n \n {\n setFormFilter({\n ...formFilter,\n [filter.name]: selected,\n })\n }}\n />\n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n \n {\n setFilter(formFilter)\n closeModal()\n }}\n >\n {I18n.t(\"custom_reports.projects.saved_filters.apply_filter\")}\n \n
\n )\n return (\n <>\n \n \n
\n )\n}\n","import { useEffect, useState } from 'react'\nimport uuid from 'uuid/v4'\nimport { SavedFilterType } from './types'\n\n// filter - a filter used to query the data\n// currentSavedFilter - a filter that is currently selected, it has an id, name, and filter fields that are equal to the filter\n// formFilter - a filter that is currently being edited\n\ntype UseSavedFiltersControllerProps = {\n filter: any,\n setFilter: (filter: any) => void\n savedFilters: SavedFilterType[]\n updateSavedFilters: (newSavedFilters: SavedFilterType[]) => void\n}\nexport type SavedFiltersControllerType = {\n savedFilters: SavedFilterType[]\n saveAndApply: (onSuccessCallback: () => void) => void\n deleteFilter: () => void\n changeCurrentSavedFilter: (e: any) => void\n addNewSavedFilter: () => void\n filter: any\n setFilter: (filter: any) => void\n currentSavedFilter: SavedFilterType\n setCurrentSavedFilter: (filter: SavedFilterType) => void\n formFilter: any\n setFormFilter: (filter: any) => void\n}\nexport default function useSavedFiltersController(props: UseSavedFiltersControllerProps): SavedFiltersControllerType {\n const { filter, setFilter, updateSavedFilters, savedFilters } = props\n\n const [currentSavedFilter, setCurrentSavedFilter] = useState\n \n \n Toggle Dropdown\n \n
\n \n {savedFilters &&\n savedFilters.length > 0 &&\n savedFilters\n .sort((f) => (f.default ? -1 : 1))\n .map((savedFilter) => (\n {\n e.preventDefault()\n setCurrentSavedFilter(savedFilter)\n setFilter(savedFilter.filter)\n }}\n >\n {savedFilter.default ? I18n.t('custom_reports.projects.saved_filters.reset_to_default') : savedFilter.name}\n \n ))}\n
\n \n
\n \n {availableFilters.map((filter) => (\n
\n \n {accessControl.canEditOrder &&
\n '))\n $alert.modal()\n $(e.currentTarget).val(resp.amount)\n }\n $status.removeClass('loading')\n this.updateResetAmountButton(e.currentTarget)\n },\n }\n\n $status.addClass('loading')\n\n const ajaxReq = () => $.ajax(options)\n if (this.timerID) {\n clearTimeout(this.timerID)\n }\n this.timerID = setTimeout(ajaxReq, 1000)\n }\n })\n }\n\n private updateResetAmountButton(el: HTMLElement) {\n const $el = $(el)\n const amount = parseInt($el.val(), 10)\n const defaultAmount = parseInt($el.data('defaultAmount'), 10)\n const button = $el.parent().find('button.reset_amount')\n\n if (!Number.isNaN(defaultAmount) && defaultAmount !== amount) {\n button.removeClass('hidden')\n } else {\n button.addClass('hidden')\n }\n }\n}\n\nexport default () => {\n new AdjustAmountTable()\n}\n","import CustomDatatableWithSearch from 'libs/datatables/custom_datatable_with_search'\n\nconst { $ } = window\n\nexport default function () {\n const options = { disableCompactMode: true, stateSave: false }\n new CustomDatatableWithSearch($('#index_table'), $('#search'), options)\n}\n","const { $, I18n } = window\n\nclass ExpenseCategory {\n static fromType(type, selectField) {\n if (type === 'financial') {\n return new ExpenseCategoryFinancial(selectField)\n }\n if (type === 'freeprice') {\n return new ExpenseCategoryFreePrice(selectField)\n }\n return new ExpenseCategoryTime(selectField)\n }\n\n constructor(selectField) {\n this.selectField = selectField\n this.selectField = $(this.selectField)\n }\n\n renderInputs() {\n this.removeInputs()\n const widgets = this.selectField.data('valueWidgets')\n const input = decodeURIComponent(widgets[this.type])\n this.selectField.parent().parent().after(input)\n this.updateWidgetValue()\n this.bindEvents()\n this.updateValue(this.getValue())\n }\n\n removeInputs() {\n $('.value_widget').remove()\n }\n\n updateValue(value) {\n $('#expenses_project_expense_value').val(value)\n }\n\n bindEvents() {\n this.eventTargets().on('keyup change', (e) => {\n this.updateValue(this.getValue())\n })\n }\n}\n\nclass ExpenseCategoryFinancial extends ExpenseCategory {\n static initClass() {\n this.prototype.type = 'financial'\n }\n\n updateWidgetValue() {\n $('#expense_value_financial').val(this.selectField.data('value'))\n }\n\n renderInputs() {\n super.renderInputs()\n const $currencySelect = $('#expense_unit_financial')\n $currencySelect.find('option').remove()\n\n const currencies = this.selectField.find(':selected').data('currencies')\n const selectedCurrency = $('form.expenses_project_expense').data('unit')\n if (currencies) {\n currencies.split(' ').forEach((currency) => {\n const selected = currency == selectedCurrency ? ' selected=\"selected\" ' : ''\n const title = I18n.t(`project_expenses.currencies.${currency}`)\n $currencySelect.append(``)\n })\n }\n }\n\n eventTargets() {\n return $('.value_widget').find('input')\n }\n\n getValue() {\n return $('#expense_value_financial').val()\n }\n}\n\nExpenseCategoryFinancial.initClass()\n\nclass ExpenseCategoryFreePrice extends ExpenseCategoryFinancial {\n static initClass() {\n this.prototype.type = 'freeprice'\n }\n}\n\nExpenseCategoryFreePrice.initClass()\n\nclass ExpenseCategoryTime extends ExpenseCategory {\n static initClass() {\n this.prototype.type = 'time'\n }\n\n updateWidgetValue() {\n const value = parseInt(this.selectField.data('value'), 10)\n const hours = Math.floor(value / 60.0)\n const minutes = value - hours * 60\n $('select#expense_value_time_h').find(`option[value='${hours}']`).attr('selected', true)\n $('select#expense_value_time_min').find(`option[value='${minutes}']`).attr('selected', true)\n }\n\n eventTargets() {\n return $('.value_widget').find('select')\n }\n\n getValue() {\n const hours = parseInt($('#expense_value_time_h').val(), 10)\n const minutes = parseInt($('#expense_value_time_min').val(), 10)\n return hours * 60 + minutes\n }\n}\n\nExpenseCategoryTime.initClass()\n\nexport default ExpenseCategory\n","import ExpenseCategory from './_expense_categories'\n\nexport default function () {\n const { $ } = window\n $(() => {\n const category_select = $('#expenses_project_expense_expense_category_id')\n category_select.on('change', function() {\n const value = $(this).val()\n if (!value) { return }\n const option = $(this).find(`option[value=${value}]`)\n const type = option.data('type')\n const category = ExpenseCategory.fromType(type, this)\n category.renderInputs()\n\n const rateSelect = $('#expenses_project_expense_rate_input')\n const worktypeSelect = $('#expenses_project_expense_worktype_input')\n switch (type) {\n case 'financial':\n rateSelect.show()\n worktypeSelect.hide()\n break\n case 'freeprice':\n rateSelect.hide()\n worktypeSelect.hide()\n break\n case 'time':\n rateSelect.hide()\n worktypeSelect.show()\n break\n default:\n rateSelect.show()\n worktypeSelect.show()\n }\n })\n\n category_select.trigger('change')\n })\n}\n","export default class RequestPool {\n constructor() {\n this.requests = []\n }\n add(request) {\n this.requests.push(request)\n }\n remove(request) {\n this.requests = _.without(this.requests, request)\n }\n abortAll() {\n _.each(this.requests, request => request.abort())\n this.requests = []\n }\n}\n","const { $ } = window as any\n\nexport default class LoadingIndicator {\n table: any\n\n filterInputs: any\n\n sortingCells: any\n\n pager: any\n\n constructor(table, filterInputs1) {\n this.table = table\n this.filterInputs = filterInputs1\n this.sortingCells = this.table.find('thead.filters tr[role=row] th.sorting')\n this.pager = this.table.parents('.dataTables_wrapper').find('.datatables-pager')\n }\n\n show(index) {\n $(this.filterInputs.get(index)).parent().find('.loading').show()\n this._disable(this.sortingCells)\n this._disable(this.pager)\n }\n\n hide() {\n this.table.find('tr.filters th .loading').hide()\n this._enable(this.sortingCells)\n this._enable(this.pager)\n }\n\n _disable(elements) {\n elements.css('pointer-events', 'none')\n }\n\n _enable(elements) {\n elements.css('pointer-events', 'auto')\n }\n}\n","import CustomDatatable from 'libs/datatables/custom_datatable'\nimport RequestPool from 'libs/datatables/request_pool'\nimport LoadingIndicator from './loading_indicator'\n\nconst { $, ReactRailsUJS } = window\n\nexport default class CustomDatatableReports extends CustomDatatable {\n constructor(table) {\n super()\n if (table.length === 0) return\n\n this.appendFilterInputs(table)\n\n const filterInputs = table.find('tr.filters th input')\n const loadingIndicator = new LoadingIndicator(table, filterInputs)\n const requestPool = new RequestPool()\n\n const options = this.datatableOptions(table, requestPool, loadingIndicator)\n\n const datatable = table.DataTable(options)\n this.bindFilterInputs(filterInputs, datatable, loadingIndicator, requestPool)\n }\n\n appendFilterInputs(table) {\n table.find('thead').addClass('filters')\n const search_tr = $('