\n { //NOSONAR\n setSelectedKeys(e.target.value ? [e.target.value] : [])\n }}\n onPressEnter={() => handleSearch(confirm)} //NOSONAR\n style={{ width: 188, marginBottom: 8, display: 'block' }} />\n \n handleSearch(confirm)} //NOSONAR\n icon={text.search \n \n \n \n
\n ),\n\n filterIcon: filtered => \n \n {children}\n \n
\n \n \n \n \n \n \n \n {/* {icon && {icon} } */ /*NOSONAR*/}\n \n {/* */}\n \n
\n case 'select':\n return \n \n \n {f.text} })}\n onChange={(e) => filterFieldChange({ target: { name: f.name, value: e } }, f.applyOnChange)} //NOSONAR\n allowClear\n />\n \n \n \n \n \n
\n case 'date':\n\n return \n \n \n filterFieldChange({ target: { name: f.name + '_from', value: moment } }, f.applyOnChange)}\n dataField={f.name + '_from'}\n dataItem={filter}\n setDataItem={(d) => filterFieldChange({ target: { name: f.name + '_from', value: d[f.name + '_from'] } }, f.applyOnChange)} //NOSONAR\n max={(filter[f.name + '_to'] && moment(filter[f.name + '_to'])) || ''}\n />\n \n \n \n \n {/* dash */}\n \n filterFieldChange({ target: { name: f.name + '_to', value: moment } }, f.applyOnChange)}\n dataField={f.name + '_to'}\n dataItem={filter}\n setDataItem={(d) => filterFieldChange({ target: { name: f.name + '_to', value: d[f.name + '_to'] } }, f.applyOnChange)} //NOSONAR\n min={(filter[f.name + '_from'] && moment(filter[f.name + '_from'])) || ''}\n />\n \n \n \n \n \n
\n case 'checkbox':\n return \n \n \n \n
\n default:\n return null;\n }\n }, [filterFieldChange, onKeyPress, filter]);\n\n return (< >\n {filters && filter && <>\n \n {f.text && {f.text} }\n {items}\n
;\n default:\n return \n {f.text && f.type ==='date' && {f.text} }\n {filterControl(f, index)}\n
;\n\n }\n \n })}\n\n \n //
\n // case 'select':\n // return \n // \n // \n // \n //
\n // \n //
\n // case 'date':\n\n // return \n // \n // {f.text} })}\n // onChange={(e) => filterFieldChange({ target: { name: f.name, value: e } }, f.applyOnChange)}\n // allowClear\n // />\n // \n // \n //
\n // \n // \n // \n // filterFieldChange({ target: { name: f.name + '_from', value: moment } }, f.applyOnChange)}\n // />\n // minus \n // \n // filterFieldChange({ target: { name: f.name + '_to', value: moment } }, f.applyOnChange)}\n // />\n // \n // \n //
\n // case 'checkbox':\n // return \n //
\n // default:\n // return null;\n // }\n // })}\n\n // \n // \n // \n // \n //
\n // \n {f.icon} {f.text} \n
;\n case 'uploader':\n return {f.component}
;\n case 'separator':\n return \n search \n filterFieldChange(event, true)} //NOSONAR\n />\n
;\n case 'checkbox':\n return \n default:\n return null;\n }\n }, [filterFieldChange, filter, onClear]);\n\n return onClear(f.name)}\n >\n close \n
\n \n search \n filterFieldChange(event, true)} //NOSONAR\n />\n
\n onClear(field)}\n >\n close \n
\n \n {\n //text.upload \n
\n );\n\n const innerContent = dataItem[imageField] && dataItem[imageField][0] && \n {(anyFile ? (hideLink ? <> : {fileNameField ? dataItem[fileNameField] : (dataItem[imageField][0].name || dataItem[imageField][0].image_guid)}) : /*eslint-disable-line react/jsx-no-target-blank*/ /*NOSONAR*/\n 
)}\n {!skipDeleteIcon ? : <>}
\n return <>\n {!fileList.length && ((!multiple && innerContent) || \n {anyFile ? (hideLink ? <> : ( m.name || m.image_guid )) : 
}{/*eslint-disable-line react/jsx-no-target-blank*/ /*NOSONAR*/}\n {deleteButton}\n
\n }) : <>}\n}","import React from \"react\";\nimport { InputNumber, Tooltip } from 'antd';\n\nimport { T } from '../../components/Translations';\nimport DropDownValueList from \"../../Shared/DropDown\";\nimport { Input, InputTypes } from \"../../Shared/Input\";\nimport CustomUpload from \"../CustomUpload\";\nimport { DatePicker } from \"./../DatePicker\";\n\n/**\n * function implementing a logic for validation based on given parameters and data\n * @param {any} props contains: data, validationFields\n */\nexport function validate(props) { //NOSONAR\n const { data, validationFields } = props;\n\n const validation = { isValid: true };\n for (let i = 0; i < validationFields.length; i++) { //NOSONAR\n\n const field = validationFields[i];\n let fieldName = field.name || field;\n let deepData = data;\n const regex = /\\.|\\[|\\]/; //NOSONAR\n if (fieldName && fieldName.search(regex) !== -1) {\n let deepProps = fieldName.split(regex).filter(p => p !== '');\n for (let i = 0; i < deepProps.length - 1; i++) {\n deepData = deepData[deepProps[i]];\n }\n fieldName = deepProps[deepProps.length - 1];\n }\n let isCurrentValid = true;\n if (field.rules) {\n validation[field.name] = field.rules.map(r => { //NOSONAR\n let ruleMessage = !isCurrentValid && { text: (r.message || 'text.required') };\n\n switch (r.type) {\n case \"custom\":\n if (!r.validator(data)) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return ruleMessage;\n case \"required\":\n if (!deepData[fieldName] || (!r.skipCheckWhiteSpace && deepData[fieldName] && deepData[fieldName].trim && !deepData[fieldName].trim()) || (deepData[fieldName] && deepData[fieldName].length === 0)) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return ruleMessage;\n case \"minValue\":\n if (deepData[fieldName] < r.minValue) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return !isCurrentValid && { args: [r.minValue], text: (r.message || 'message.must_be_minimum') };\n case \"maxValue\":\n if (deepData[fieldName] > r.maxValue) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return !isCurrentValid && { args: [r.maxValue], text: (r.message || 'message.must_be_maximum') };\n case \"email\":\n case \"regexp\":\n const regexp = r.regexp || /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;/*eslint-disable-line no-useless-escape*/ /*NOSONAR*/\n if (deepData[fieldName] && !regexp.test(deepData[fieldName].toLowerCase())) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return !isCurrentValid && { text: (r.message || 'message.should_be_an_email') };\n\n case \"number\":\n if (isNaN(deepData[fieldName])) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return !isCurrentValid && { text: (r.message || 'message.should_be_a_number') };\n case \"phone\":\n const regex = /^[\\+]?[0-9]{9,15}$/im; /*eslint-disable-line no-useless-escape*/ /*NOSONAR*/\n if (deepData[fieldName] && !regex.test(deepData[fieldName])) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n return !isCurrentValid && { text: (r.message || 'message.should_be_a_phone_number') };\n default:\n return true;\n }\n }).filter(m => m);\n } else {\n if (!deepData[fieldName] || (deepData[fieldName] && deepData[fieldName].trim && !deepData[fieldName].trim()) || (deepData[fieldName] && deepData[fieldName].length === 0)) {\n isCurrentValid = false;\n validation.isValid = false;\n }\n validation[field] = !isCurrentValid && \"text.required\";\n }\n }\n return validation;\n}\n\n/**\n * icon to put next to invalid fields, rendered if there are any messages to show\n * @param {any} props contains: messages, validate\n */\nexport function InputValidationIcon({ messages, validate }) {\n const message = validate && messages && messages.length &&\n ((messages.map && <>{messages.map((m, i) => \n {!append && children}\n
;\n}\n\n/**\n * input that has to be validated gets the same props as input\n * @param {any} props contains: name, validation, ...inputProps\n */\nexport function ValidationInput({ name, validation, append, inputType, className, skipClassName, ...inputProps }) {\n const messages = validation[name];\n const message = (!validation.isValid && messages && messages.length &&\n ((messages.map && <>{messages.map((m, i) => \n \n \n
\n \n
;\n}","import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { Table, message } from 'antd';\nimport { T, DataTip } from '../../components/Translations';\nimport { Ajax } from '../../components/Ajax';\nimport { useCustomEvent, dispatchCustomEvent, useLoginCheck, useDelete } from '../../project/utilities';\nimport MainListWrapper from './MainListWrapper';\nimport Search from '../Filters/search';\nimport { ToolbarFilters } from '../Filters/index';\nimport PropTypes from 'prop-types';\nimport { getColumns } from './helper';\nimport { connect } from 'react-redux';\nimport { openPopup, setListState } from '../../store/actions';\n\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport EditableRow from './EditableRow';\nimport EditableCell from './EditableCell';\nimport { useHistory } from 'react-router-dom';\nimport DragableRow from './DragableRow';\nimport { validate } from '../Form/validation';\nimport FooterView from '../ListView/footer';\nimport Loader from '../Loader';\n\n/**\n * the list view component, generates all the page structure with lists based on props\n * @param {obj} props contains : dataSource, columnConfig, search, filters, skipNewButton, newButtonTip, onClick, onDoubleClick, onContextMenu, onMouseEnter, onMouseLeave, onMoveRow, onCustomDelete, onLoaded, onNewClick, detailDefaultProps, apiUrl, inlineUpdateUrl, dataItemUrl, detailUrl, deleteUrl, deleteKeys, listUpdateEvent, isSimple, isChieldView, loading, staticFilter, rowClassName, rowSelection, openPopup, noPaging, noSort, skipEdit, showRefreshButton, expandable, editable, dragable, keepEditingStateOnload, nameField, tableLayout, listStates, listName, setListState, summary\n */\nfunction ListView(props) { //NOSONAR\n const {\n isListView,\n className,\n columnConfig,\n rowRender,\n dataSource,\n nameField,\n search,\n filters,\n staticFilter,\n noPaging,\n noSort,\n defaultSorting,\n onClick,\n onNewClick,\n onDoubleClick,\n onContextMenu,\n onMouseEnter,\n onMouseLeave,\n onMoveRow,\n onCustomDelete,\n onLoaded,\n detailDefaultProps,\n apiUrl,\n inlineUpdateUrl,\n dataItemUrl,\n detailUrl,\n detailFullUrl,\n deleteUrl,\n deleteKeys,\n deleteMessage,\n listUpdateEvent,\n loading,\n rowClassName,\n rowSelection,\n dragable,\n skipEdit,\n expandable,\n editable,\n onEditingRecordChange,\n validationFields,\n keepEditingStateOnload,\n listName,\n skipNewButton,\n newButtonTip,\n isSimple,\n isChieldView,\n small,\n scroll,\n hasTotalFooter,\n isGlobalLoading,\n tableLayout,\n auto_height,\n showRefreshButton,\n summary,\n setListState,\n listStates,\n openPopup,\n showHeader,\n emptyListOptions,\n keyField,\n noOverflow,\n expandedTable\n } = props;\n const history = useHistory();\n const listState = listName && listStates[listName];\n const [detailProps, setDetailProps] = useState({});\n const [pagination, setPagination] = useState({ current: 1, pageSize: 40 });\n const [sorts, setSorts] = useState(null);\n const [appliedFilter, setAppliedFilter] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [loadingController, setLoadingController] = useState(null);\n const [items, setItems] = useState([]);\n const [total, setTotal] = useState(0);\n const [editingRecord, setEditingRecord] = useState(null);\n const [skipLoad, setSkipLoad] = useState(true);\n const [validation, setValidation] = useState({ isValid: true });\n\n const listRef = useRef(null);\n const viewRef = useRef(null);\n useLoginCheck(props);\n\n const onDelete = useDelete({ nameField, deleteUrl, deleteKeys, listUpdateEvent, deleteMessage });\n\n const loadEditingItem = useCallback((record) => {\n Ajax.get({\n url: dataItemUrl,\n data: { id: record.ID },\n success: function (response) {\n if (response && listRef.current) {\n setEditingRecord({ ...response });\n }\n }\n })\n }, [dataItemUrl]);\n\n useEffect(() => {\n editingRecord && setValidation(validate({ data: editingRecord, validationFields }));\n }, [editingRecord, validationFields]);\n\n useEffect(() => {\n onEditingRecordChange && onEditingRecordChange(editingRecord);\n }, [editingRecord]);// eslint-disable-line react-hooks/exhaustive-deps\n\n const onEdit = useCallback((record, rowNumber, event, isNewRecord) => {\n if (detailUrl || detailFullUrl) {\n history.push(detailFullUrl || (detailUrl + \"/\" + ((record && record.ID) || \"create\")));\n } else if (!editable || isNewRecord) {\n const { newTitle, editTitle, newData, popupType, popupClassName, fullScreen, windowKey } = detailProps;\n openPopup({\n windowKey,\n fullScreen: fullScreen,\n title: isNewRecord ? newTitle : editTitle,\n type: popupType,\n className: popupClassName,\n bodyProps: { ...(isNewRecord ? newData : { ID: record.ID, data: record }), onDelete, windowKey, detailProps }\n });\n } else {\n dataItemUrl ? loadEditingItem(record) : setEditingRecord({ ...record });\n }\n }, [detailProps, onDelete, openPopup, editable, loadEditingItem, dataItemUrl, detailUrl, history, detailFullUrl]);\n\n const onSave = useCallback(() => {\n validation.isValid && Ajax.post({\n url: inlineUpdateUrl,\n data: editingRecord,\n success: function (response) {\n if (response && listRef.current) {\n if (response.HasError) {\n message.error(response.Message);\n }\n else {\n dispatchCustomEvent(listUpdateEvent, keepEditingStateOnload && { callback: () => { setEditingRecord(null) } });\n message.success(response.Message);\n }\n }\n }\n })\n }, [editingRecord, inlineUpdateUrl, keepEditingStateOnload, listUpdateEvent, validation])\n\n const loadData = useCallback((event) => {\n const detail = event && event.detail;\n if (dataSource) {\n setItems(dataSource);\n setTotal(dataSource.length);\n }\n else {\n if (!isLoading) {\n setIsLoading(true);\n //} else {\n // return;\n }\n if (loadingController)\n loadingController.abort();\n let controller =\n Ajax.post({\n url: apiUrl,\n data: {\n request: { Page: noPaging ? 0 : pagination.current, PageSize: noPaging ? 0 : pagination.pageSize, Sorts: sorts, Total: /* total uncomment if problem with latency calculating count ||*/ -1 },\n filterData: JSON.stringify({ ...appliedFilter, ...staticFilter })\n },\n success: function (response) {\n if (response && listRef.current) {\n let data = response.Data;\n let dataLength = response.Data && response.Data.length;\n let total = response.Total;\n for (const element of data) {\n //data[i].date = new Date(data[i].date)\n const key = keyField || \"ID\";\n if (!element.key)\n element.key = element[key];\n }\n if (onLoaded) {\n let newData = onLoaded(data, sorts);\n if (newData) {\n if (newData.length !== dataLength) {\n total += newData.length - dataLength;//if data length changes, change total to keep paging working\n }\n data = newData\n }\n }\n if (!keepEditingStateOnload) { setEditingRecord(null) }\n detail && detail.callback && detail.callback(response);\n setItems(data);\n setTotal(total);\n //} else {\n // setTotal(pagination.current * pagination.pageSize + 1);\n //}\n\n if (pagination.current > 1 && Math.ceil(total / pagination.pageSize) < pagination.current) {\n setPagination({ current: Math.floor(total / pagination.pageSize) + 1, pageSize: pagination.pageSize })\n }\n\n setIsLoading(false);\n setLoadingController(null);\n }\n }\n });\n\n setLoadingController(controller);\n }\n }, [isLoading, appliedFilter, pagination, sorts, listRef, apiUrl, staticFilter, dataSource, noPaging, keepEditingStateOnload, onLoaded, keyField, loadingController/*, total*/])\n\n useEffect(() => {\n listRef.current = true;\n setDetailProps({ ...detailDefaultProps, ...props.detailProps })\n if (listState) {\n setSorts(listState.sorts || defaultSorting || []);\n setPagination(listState.pagination);\n setAppliedFilter(listState.appliedFilter);\n } else {\n if (!noSort) {\n setSorts([defaultSorting || { Member: columnConfig[0].field, SortDirection: 0 }]);\n }\n }\n setSkipLoad(false);\n return () => {\n listRef.current = false;\n }\n }, [props.detailProps]);// eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n if (!skipLoad) {\n loadData();\n }\n listName && setListState({ listName, state: { sorts, pagination, appliedFilter } });\n }, [sorts, pagination, appliedFilter, dataSource, skipLoad]);// eslint-disable-line react-hooks/exhaustive-deps\n\n const setAppliedFilterExtend = useCallback((value) => {\n if (appliedFilter !== value) {\n setTotal(-1);\n setAppliedFilter(value);\n }\n }, [appliedFilter])\n\n\n\n useCustomEvent(listUpdateEvent, loadData);\n const columns = !isListView && getColumns(columnConfig, !skipEdit && onEdit, onCustomDelete || (deleteUrl && onDelete), editingRecord, setEditingRecord, onSave, sorts, validation);\n\n const newChildButton = skipNewButton || (isChieldView &&\n | \n {\n !item.footerTitle ? ''\n :\n item.footerTitle === 'total' //NOSONAR\n ?\n | \n ))\n }\n
|---|
{\n if (onNewClick) {\n onNewClick(event, onEdit)\n } else {\n onEdit(null, null, event, true)\n }\n }}>plus {newButtonTip || text.new }
\n \n \n \n
;\n\n const components = (dragable && {\n body: { row: DragableRow }\n }) || (editable && {\n body: {\n row: EditableRow,\n cell: EditableCell,\n },\n });\n\n const footer = () => ( {\n if (onNewClick) {\n onNewClick(event, onEdit);\n } else {\n onEdit(null, null, event, true)\n }\n }}>plus
\n \n {!isGlobalLoading && (isLoading || loading) ?
\n }\n }\n \n }\n \n\n : table}\n - \n
scrollHandler(scrollLeft)}>left
}\n scrollHandler(scrollRight)}>right
}\n \n )\n}\n\nScroll.defaultProps = {\n vertical: false,\n useScrollButtons: true,\n isScrollOnWeel: true,\n\n leftButtonClass: 'button btn-scroll left micro primary',\n rightButtonClass: 'button btn-scroll right micro primary',\n\n scrollSpeed: 2,\n scrollSpeedOnWeel: 20,\n scrollToElementClass: 'selected'\n}\n\nScroll.propTypes = {\n vertical: PropTypes.bool,\n useScrollButtons: PropTypes.bool,\n isScrollOnWeel: PropTypes.bool,\n\n leftButtonClass: PropTypes.string,\n rightButtonClass: PropTypes.string,\n\n scrollSpeed: PropTypes.number,\n scrollSpeedOnWeel: PropTypes.number,\n scrollToElementClass: PropTypes.string\n}\n\nexport default Scroll;","import React, { useState, useCallback, useRef, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { T } from '../../components/Translations';\nimport Scroll from '../Scroll/Scroll';\n\n/**\n * custom tabstrip allowing additional functionality\n * @param {object} props onChange, skipSecondaryTabs, selectedIndex\n */\n\nexport function TabStrip(props) {\n const { onChange, skipSecondaryTabs, selectedIndex } = props;\n const [selected, setSelected] = useState(0);\n const [uuid] = useState(uuidv4());\n const ref = useRef(false);\n const handleSelect = useCallback((e) => {\n if (onChange) {\n onChange(e.currentTarget.value || 0);\n }\n setSelected(e.currentTarget.value || 0)\n }, [onChange])\n\n useEffect(() => {\n ref.current = true;\n return () => { ref.current = false; };\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n if (ref.current) {\n setSelected(selectedIndex || 0);\n }\n }, [selectedIndex])\n\n const children = (!skipSecondaryTabs && props.children) || (props.children.filter && props.children.filter(child => child && child.props && child.props.primary)) || props.children;\n return <>\n \n \n \n \n \n
\n \n}","/*eslint-disable*/\nimport React, { Component, useEffect, useCallback, useState } from 'react';\nimport $ from 'jquery';\n\nimport { useDispatch } from 'react-redux';\nimport { PopupTypes } from '../components/Popup.js';\nimport { openPopup } from '../store/actions';\nimport moment from 'moment';\n\nimport { DatePicker, TimePicker, InputNumber, Select, message, Table, Dropdown, Tooltip } from 'antd';\nimport ResizeableTitle from '../Shared/ListView/ResizableTitle';\nimport { COLUMN_TYPE } from '../Shared/ListView/helper.js';\nimport { T } from '../components/Translations.js';\nimport ListView from '../Shared/ListView/index.js';\nimport { ApiUrl, AppPages } from '../project/Defines.js';\nimport { TabStrip } from '../Shared/TabStrip/index.js';\nimport CustomUpload from '../Shared/CustomUpload/index.js';\n\nconst { Option } = Select;\nexport function TemplateDetails() {\n const [dataItem, setDataItem] = useState({});\n const children = [];\n for (let i = 10; i < 36; i++) {\n children.push();\n }\n\n return - \n {\n React.Children.map(children, (child, index) => {\n return
\n {\n React.Children.map(children, (child, index) => {\n return
\n \n {child.props.children}\n
;\n })\n }\n\n {/*props.children*/}\n \n \n
\n}\n\nexport function TemplateServiceCallDetails() {\n const [tabIndex, setTabIndex] = useState(0);\n\n return (<>\n \n {/* */}\n \n \n \n \n setTabIndex(selected)} //NOSONAR\n // skipSecondaryTabs={isNew} \n selectedIndex={tabIndex}\n >\n \n \n \n \n
\n {tabIndex < 2 &&\n \n
\n \n \n
\n \n \n \n\n\n
\n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n\\
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n\n
\n \n
\n \n \n
\n \n \n \n\n
\n \n
\n \n \n
\n \n text.save \n
\n \n text.delete \n
\n \n
;\n\n\n const columnsServiceCalls = [\n {\n text: ' ',\n noSort: 'true',\n render: (text, record) => {\n return (\n - \n
text.open \n \n text.decline \n \n text.sample_action \n \n text.action \n
\n\n \n \n\n
\n \n );\n\n}\n\n\n\nexport function Template3(props) {\n return (- \n
Icons & Badges \n Buttons & Switchers \n Empty \n Inputs & Forms \n Overlay Toolbar \n Resizable \n Typeface \n Layout \n Filters flow \n ServiceCall \n Filters \n Tableview \n test \n
\n
\n \n \n \n search \n \n 0 \n\n\n -
calc Calculator \n -
transcode convert Convert \n -
tools wrench Wrench \n -
cast stream Stream \n -
plane chat send Plane \n -
house home Home \n -
message social bubble chat Chat \n -
message social bubble push Chat \n -
device monitor display Display \n -
device monitor tall_display Display \n -
idea info bulb Bulb \n -
warning error Error \n -
social save bookmark heart Heart \n -
social save bookmark heart_filled Heart \n -
social twitter Twitter \n -
social twitter_filled Twitter \n -
social windows Windows \n -
social apple Apple \n -
social play_store Google Play \n -
error warning Warning \n\n -
question Question Mark \n -
done success Success \n\n -
archive box box Archive \n -
photo picture photo Photo \n -
book Book \n -
pencil edit Pencil \n -
pencil edit pen_edit Pencil \n -
expand Expand \n -
eye Eye \n -
file File \n -
filter Filter \n -
flag Flag \n -
file folder Folder \n -
full_left End \n -
notificaion bell Bell \n -
bookmark Bookmark \n -
bookmark_filled Bookmark \n -
calendar Calendar \n -
arrow down Down \n -
arrow download Download \n -
drink Drink \n\n\n\n\n\n\n -
photo picture camera Camera \n -
cancel \n -
cast Cast \n -
clock Clock \n -
clock_filled Clock \n -
close Close \n -
collapse Collapse \n -
view column Column \n -
view list Grid \n -
cube Cube \n -
configuration control dashboard setting speed system tool dashboard Dashboard \n -
remove delete Delete \n -
success done Done \n\n\n -
woven Woven \n -
woven_filled Woven \n -
clipboard paste Paste \n -
rss Rss \n -
copy Copy \n -
Paint fill Fill \n\n\n -
code Code \n -
code embed Embed \n -
delete remove Remove \n\n\n -
direction arrow_left Arrow \n -
direction arrow_right Arrow \n -
direction arrow_up Arrow \n -
direction arrow_down Arrow \n\n -
direction arrow_up_left Arrow \n -
direction arrow_up_right Arrow \n -
direction arrow_down_left Arrow \n -
direction arrow_down_right Arrow \n\n -
direction big_arrow_up Arrow \n -
direction big_arrow_down Arrow \n\n -
direction previous Arrow \n -
direction next Arrow \n\n -
video film movie transcode Convert \n -
video film movie movie Movie \n -
video film movie movie_filled Convert \n\n -
chart dashboard pie Pie \n -
chart dashboard bar Bar \n -
chart dashboard line Line \n\n \n\n \n\n \n 0 \n -
arrow revert Revert \n -
arrow undo Undo \n\n\n -
refresh reload load reload Reload \n\n -
refresh reload load refresh Refresh \n -
refresh reload load load Load \n -
refresh reload load process Process \n\n -
full_right Start \n -
fullscreen_exit Exit Fullscreen \n -
fullscreen \n -
menu navigation grid Grid \n\n\n\n\n -
picture photo image Image \n -
picture photo image_filled Image \n -
info Info \n -
arrow left Left \n -
link Link \n -
lock Lock \n -
envelope mail Mail \n -
navigation menu Menu \n -
delete remove minus Minus \n -
dark weather moon Moon \n -
dark weather cloud Cloud \n -
snow weather Weather \n -
hot cold temperature Temperature \n\n -
menu more More \n -
menu options Option \n -
map pin Pin \n -
play_filled Play \n -
play Play \n -
Pause Pause \n -
volume_up Speaker \n -
volume_off Speaker \n -
volume mute Speaker \n -
add add plus Plus \n -
add add create Create \n\n -
arrow right Right \n -
disk save \n -
find magnifier search Search \n -
gear tool settings Setting \n -
gear tool settings_filled Setting \n -
share Share \n \n\n \n\n \n 0 \n\n -
filter sort Filter \n -
star_filled Star \n -
star Star \n -
table Table \n -
tag Tag \n -
tag_filled Tag \n -
view thumbnail Thumbnail \n -
ticket Ticket \n -
lock unlock Lock \n -
arrow up Up \n -
arrow upload Upload \n -
account user User \n -
account user account Account \n \n\n \n\n \n 0 \n -
video captions Captions \n -
video captions_filled Captions \n\n -
video 720 720 \n -
full hd 1080 1080 \n\n -
video hd High Definition \n -
video fhd Full HD \n -
video uhd Ultra HD \n -
video hdr High Dinamic Range \n\n -
video 2k 2K \n -
video 4k 4K \n -
video shd Super HD \n\n\n\n\n\n\n \n\n \n\n\n\n \n 0 \n\n -
center Center \n\n -
align_left Align Left \n -
align_right Align Right \n -
align_top Align Top \n -
align_bottom Align Bottom \n -
align_middle Align Middle \n -
bold \n -
underline Underline \n -
italic Italic \n\n -
bullets bullets \n\n\n\n\n -
strikethrough Strikethrough \n -
t_text Text \n -
text_shadow Text Effect \n -
text_transform Uppercase \n -
text Text \n\n\n -
left_text Text \n -
right_text Text \n\n\n -
uppercase Text \n -
lowercase Text \n\n\n\n \n\n \n\n\n \n 0 \n\n -
storefront Store \n -
shopping_cart_filled Cart \n -
wallet_filled Wallet \n -
shopping_bag_filled Bag \n -
local_mall_filled Mall \n -
shopping_basket_filled Basket \n\n -
store_filled Store \n -
shopping_cart Cart \n -
wallet Wallet \n -
card credit payment Payment \n -
shopping_bag Bag \n -
local_mall Mall \n\n -
shopping_basket Basket \n -
giftcard Gift \n -
store Store \n\n\n \n\n \n\n\n \n 0 \n\n - \n
\n \n \n Twitter \n \n\n - \n
\n \n\n \n Whatsapp \n \n\n - \n
\n \n\n \n Facebook \n \n\n - \n
\n \n\n \n LinkedIn \n \n\n \n\n \n\n\n \n 0 \n -
layout_9 Layout \n -
layout_9_1 Layout \n -
layout_10_2 Layout \n -
layout_10_1 Layout \n -
layout_11 Layout \n\n -
layout_1_1 Layout \n -
layout_1_2 Layout \n -
layout_1 Layout \n -
layout_2_1 Layout \n -
layout_2_2 Layout \n -
layout_2 Layout \n -
layout_3_1 Layout \n -
layout_3_2 Layout \n -
layout_3_3 Layout \n -
layout_3 Layout \n -
layout_4_1 Layout \n -
layout_4_2 Layout \n -
layout_4_3 Layout \n -
layout_4 Layout \n -
layout_5_1 Layout \n -
layout_5_2 Layout \n -
layout_5_3 Layout \n -
layout_5 Layout \n -
layout_6_1 Layout \n -
layout_6_2 Layout \n -
layout_6_3 Layout \n -
layout_6 Layout \n -
layout_7_1 Layout \n -
layout_7_2 Layout \n -
layout_7_3 Layout \n -
layout_7 Layout \n -
layout_8_1 Layout \n -
layout_8_2 Layout \n -
layout_8_3 Layout \n -
layout_8 Layout \n -
layout_portrait Layout \n -
layout_portrait_1 Layout \n -
layout Layout \n \n\n \n \n \n \n\n
\n Section Title
Section Title
Section Title
Video
Editor
Shopping
Section Title
Playlist Layout
\n \n \n \n \n Badges \n \n
\n\n Button & Toggles
- \n
- \n\n
\n \n \n \n options \n sort \n \n\n\n\n \n \n
\n \n
\n\n \n \n \n \n save Save Changes \n\n Delete Overlay \n\n plus \n copy \n \n delete \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n \n \n info \n Your email address is not verified. Verify it to receive emails from us. \n \n Verify \n close \n \n \n
\n\n \n
\n Feed URL
\n \n \n
\n Durationssec
\n \n \n
\n\n Drop Down List
\n \n \n //NOSONAR\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n >\n {children}\n \n
\n\n Combo Box
\n \n
\n\n Numeric
\n \n \n {children}\n \n
\n Multi Select
\n \n
\n\n Time Picker
\n \n
\n\n Date Picker
\n \n
\n Letter
\n \n \n\n \n \n \n
\n \n
\n Add Letter
\n \n \n \n
\n \n
\n Quantite
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n\n\n\n\n \n \n Data length \n \n small \n x-small \n xx-small \n xxx-small \n medium \n \n \n \n \n Currently in Use \n \n Quicksand \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation.\n \n \n \n \n \n Preview \n \n\n \n Thin 100 \n The quick brown fox jumps over the lazy dog \n Light 300 \n The quick brown fox jumps over the lazy dog \n Regular 400 \n The quick brown fox jumps over the lazy dog \n Medium 500 \n The quick brown fox jumps over the lazy dog \n Thin 600 \n The quick brown fox jumps over the lazy dog \n Thin 700 \n The quick brown fox jumps over the lazy dog \n Bold 800 \n The quick brown fox jumps over the lazy dog \n \n \n \n Glyphs \n \n \n \n\n \n \n \n \n \n
\n\n\n A
\n B
\n C
\n Č
\n Ć
\n D
\n Đ
\n E
\n F
\n G
\n H
\n I
\n J
\n K
\n L
\n M
\n N
\n O
\n P
\n Q
\n R
\n S
\n Š
\n T
\n U
\n V
\n W
\n X
\n Y
\n Z
\n Ž
\n a
\n b
\n c
\n č
\n ć
\n d
\n đ
\n e
\n f
\n g
\n h
\n i
\n j
\n k
\n l
\n m
\n n
\n o
\n p
\n q
\n r
\n s
\n š
\n t
\n u
\n v
\n w
\n x
\n y
\n z
\n ž
\n А
\n Б
\n В
\n Г
\n Ґ
\n Д
\n Ђ
\n Е
\n Ё
\n Є
\n Ж
\n З
\n Ѕ
\n И
\n І
\n Ї
\n Й
\n Ј
\n К
\n Л
\n Љ
\n М
\n Н
\n Њ
\n О
\n П
\n Р
\n С
\n Т
\n Ћ
\n У
\n Ў
\n Ф
\n Х
\n Ц
\n Ч
\n Џ
\n Ш
\n Щ
\n Ъ
\n Ы
\n Ь
\n Э
\n Ю
\n Я
\n а
\n б
\n в
\n г
\n ґ
\n д
\n ђ
\n е
\n ё
\n є
\n ж
\n з
\n ѕ
\n и
\n і
\n ї
\n й
\n ј
\n к
\n л
\n љ
\n м
\n н
\n њ
\n о
\n п
\n р
\n с
\n т
\n ћ
\n у
\n ў
\n ф
\n х
\n ц
\n ч
\n џ
\n ш
\n щ
\n ъ
\n ы
\n ь
\n э
\n ю
\n я
\n Α
\n Β
\n Γ
\n Δ
\n Ε
\n Ζ
\n Η
\n Θ
\n Ι
\n Κ
\n Λ
\n Μ
\n Ν
\n Ξ
\n Ο
\n Π
\n Ρ
\n Σ
\n Τ
\n Υ
\n Φ
\n Χ
\n Ψ
\n Ω
\n α
\n β
\n γ
\n δ
\n ε
\n ζ
\n η
\n θ
\n ι
\n κ
\n λ
\n μ
\n ν
\n ξ
\n ο
\n π
\n ρ
\n σ
\n τ
\n υ
\n φ
\n χ
\n ψ
\n ω
\n ά
\n Ά
\n έ
\n Έ
\n έ
\n Ή
\n ί
\n ϊ
\n ΐ
\n Ί
\n ό
\n Ό
\n ύ
\n ΰ
\n ϋ
\n Ύ
\n Ϋ
\n Ώ
\n Ă
\n Â
\n Ê
\n Ô
\n Ơ
\n Ư
\n ă
\n â
\n ê
\n ô
\n ơ
\n ư
\n 1
\n 2
\n 3
\n 4
\n 5
\n 6
\n 7
\n 8
\n 9
\n 0
\n ‘
\n ?
\n ’
\n “
\n !
\n ”
\n (
\n %
\n )
\n #
\n &
\n \\
\n <
\n -
\n +
\n ÷
\n ×
\n =
\n >
\n ®
\n ©
\n $
\n €
\n £
\n ¥
\n ¢
\n :
\n ;
\n ,
\n .
\n *
\n\n \n \n \n \n Filter bar 1 \n\n \n \n Filter bar 2 \n \n \n \n \n info Filter bar 3 \n \n \n \n \n Filter bar 4 \n \n \n \n \n \n \n \n \n \n \n \n Secondary Action \n Disable Controls \n \n \n \n \n \n \n
\n\n\n - \n
- \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n plus \n Alternate Solution Name \n \n \n\n \n \n \n \n \n minus \n Alternate Solution Name \n \n \n\n \n \n \n \n\n \n \n \n Secondary Action \n Disable Controls \n \n \n \n \n \n
\n\n\n\n \n 1 \n
\n\n \n
\n\n\n \n
\n\n \n Bâtiment \n \n i \n
\n \n
\n\n \n
\n \n \n T1 \n
\n \n
\n \n \n \n T4 \n
\n \n
\n\n \n
\n \n \n T2 \n
\n \n
\n \n \n T5 \n
\n \n
\n \n pause \n \n Nombre total de logements \n i
\n \n
\n \n
\n \n \n T3 \n
\n \n
\n \n \n \n T6 \n
\n \n
\n \n
\n\n \n Estimation des besoins ECS \n i
\n \n
\n \n Volume pointe 10 min \n \n litres à 60°C \n
\n \n
\n \n Durée pointe pluri-horaire \n \n h \n
\n \n
\n \n Volume pointe pluri-horaire \n \n litres à 60°C \n
\n \n
\n \n Volume journalier \n \n litres à 60°C \n
\n \n 2 \n
\n \n
\n \n
\n \n \n \n \n Mode de production d’ECS \n
\n \n
\n \n
\n \n \n \n \n \n Système \n
\n \n 4 \n
\n \n
\n \n
\n \n Autres critères de choix de la solution \n
\n \n
\n \n
\n \n Type De Ballon \n \n
\n \n
\n \n Largeur passage de porte \n \n cm \n
\n \n
\n \n hauteur sous plafond \n \n cm \n
\n \n \n
\n \n
\n \n
\n \n
\n Nom
\n \n \n
\n \n
\n Nom
\n \n \n
\n \n
\n Nom
\n \n \n
\n \n \n \n \n Filter bar collapse \n \n \n \n \n \n \n \n \n \n \n menu \n Clear All \n Bookmarks \n Private \n From 10/19/2021 \n \n \n \n \n \n
\n\n \n \n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n Date Picker\n \n \n\n
\n\n \n \n \n \n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n - \n
\n \n \n \n Simple Table Markup (Fixed) \n plus \n \n \n \n \n Simple Table Markup (Adaptive) \n \n\n \n \n Simple Table Markup (with Colgroup) \n \n \n \n \n \n Advanced Table Markup (Adaptive) \n \n \n \n
\n\n\n\n \n \n \n
\n
\n | \n | |||
|---|---|---|---|
\n \n \n
\n
\n | \n | |||
|---|---|---|---|
| \n | \n | \n | |
| \n | \n | \n | |
| \n | \n | \n |
\n \n
\n
\n | \n | |||
|---|---|---|---|
| \n | \n | \n | |
| \n | \n | \n | |
| \n | \n | \n |
\n \n \n
\n
\n | \n | \n | \n | \n | \n | \n | \n |
|---|---|---|---|---|---|---|
| \n | \n \n | \n \n | \n ||||
| \n | \n | \n | \n | \n | ||
| \n | \n | \n | \n | \n |
\n \n \n \n \n \n \n\n\n
\n \n \n save ENREGISTRER MON PROJECT \n \n
\n \n
\n \n DETAILS DE L'ETUDE \n\n \n\n
\n \n Project / chantier \n
\n \n Votre Refetence \n pen_edit \n \n \n
\n \n
\n \n Votre Refetence \n pen_edit \n \n \n
\n \n
\n\n\n \n Votre Refetence \n pen_edit \n \n \n
\n \n Project / chantier (Small Help Tip)
\n \n Votre Refetence \n pen_edit \n \n \n
\n (*) champs obligatoires
\n
\n Text Area
\n \n \n
\n \n NOTE DE CALCUL \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n
\n \n Large Button \n
\n \n Large Button \n
\n \n
\n \n DOCUMENTATION \n
\n \n
\n \n
\n \n RUBIS 214 SI \n
\n \n \n \n \n \n \n \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n \n
\n \n CORHYDRO \n
\n \n \n \n \n \n \n \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n \n Large Button \n
\n {props}
);\n}\n\nexport class Template2 extends Component {\n // constructor(props) {\n // super(props);\n // };\n\n render() {\n return (Template
);\n }\n}\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport { T } from '../../../../components/Translations';\nimport { ProductionMode, ProductTypes } from '../../../../project/Defines';\n\nfunction SolutionDetails(props) {\n const { productionMode } = props;\n const [dataItem] = useState({ ...props });\n\n const renderSwitch = () => { //NOSONAR\n // eslint-disable-next-line default-case\n switch (dataItem.type) {\n case ProductTypes.DHW_tank:\n return (\n !dataItem.merged ?\n \n - \n
text.cuve \n text.FO_INFO_CONFIG \n text.FO_INFO_OPENING \n text.FO_INFO_JACKET \n
- \n
{(props.stockage_inox ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {(props.stockECS_tb ? text.FO_INFO_TB :text.FO_INFO_STANDARD ) || \"-\"} \n {(props.stockECS_type_bride_TH === \"BR\" && text.FO_INFO_HANDHOLE ) || (props.stockECS_type_bride_TH === \"TH\" &&text.FO_INFO_MANHOLE ) || \"-\"} \n {props.stockage_jaquette ? {\"text.FO_INFO_\" + props.stockage_jaquette} : \"-\"} \n
- \n
text.ballon_ecs \n
- \n
{props.sku} \n
- \n
text.FO_INFO_REAL_CAPACITY \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.stockage_capacite_utile || \"-\"} text.FO_UNIT_L \n {props.stockECS_pression_service || \"-\"} FO_UNIT_BAR \n
- \n
text.FO_INFO_DIAMETER \n text.FO_INFO_MIN_LENGTH \n text.FO_INFO_HEIGHT \n
- \n
{props.stockage_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.stockage_largeur_passage || \"-\"} text.FO_UNIT_MM \n {props.stockECS_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n text.FO_INFO_WEIGHT_LOADED \n
- \n
{props.stockage_poids_a_vide || \"-\"} text.FO_UNIT_KG \n {props.stockage_poids_en_service || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
text.cuve \n text.FO_INFO_CONFIG \n text.FO_INFO_OPENING \n text.FO_INFO_JACKET \n
- \n
{(props.stockage_inox ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {(props.stockECS_tb ? text.FO_INFO_TB :text.FO_INFO_STANDARD ) || \"-\"} \n {(props.stockECS_type_bride_TH === \"BR\" && text.FO_INFO_HANDHOLE ) || (props.stockECS_type_bride_TH === \"TH\" &&text.FO_INFO_MANHOLE ) || \"-\"} \n {props.stockage_jaquette ? {\"text.FO_INFO_\" + props.stockage_jaquette} : \"-\"} \n
- \n
text.type \n text.FO_INFO_TENSION \n
- \n
{(props.subProduct.resistance_type ? {props.subProduct.resistance_type} : \"-\")} \n {props.subProduct.resistance_tension_nature || \"-\"} \n
- \n
text.ballons_ecs \n text.FO_INFO_RESISTANCE \n
- \n
{props.sku || \"-\"} \n {props.subProduct.sku || \"-\"} \n
- \n
text.FO_INFO_HEATED_VOLUME \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.subProduct.resistance_droite_courbe === \"COURBE\" ? props.stockECS_volume_ECS_chauffe_coudee : props.stockECS_volume_ECS_chauffe} text.FO_UNIT_L \n {props.stockECS_pression_service || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_OVERALL_DIAMETER \n text.FO_INFO_MIN_LENGTH \n text.FO_INFO_HEIGHT_WITH_EXTENSION \n
- \n
{props.stockage_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.stockage_largeur_passage || \"-\"} text.FO_UNIT_MM \n {props.stockECS_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n text.FO_INFO_WEIGHT_LOADED \n
- \n
{props.stockage_poids_a_vide || \"-\"} text.FO_UNIT_KG \n {props.stockage_poids_en_service || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
text.FO_INFO_TANK \n text.FO_INFO_SIZE \n text.FO_ZONE4_JACKET \n
- \n
{(props.stockage_inox ? text.FO_INFO_STEEL :text.FO_INFO_STAINLESS_STEEL ) || \"-\"} \n {(props.stockBallPrim_tb ? text.FO_INFO_TB :text.FO_INFO_STANDARD ) || \"-\"} \n {props.stockage_jaquette || \"-\"} \n
- \n
text.ballon_ecs \n
- \n
{props.sku} \n
- \n
text.FO_INFO_USEFUL_VOLUME \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.stockage_capacite_utile} text.FO_UNIT_L \n {props.stockBallPrim_pression_service || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_OVERALL_DIAMETER \n text.FO_INFO_DIAMTER_WITHOUT_JACKET \n text.FO_SOL_WIDTH \n text.FO_INFO_TILTING_DIMENSION \n FO_INFO_HEIGHT_WITH_EXTENSION \n text.FO_INFO_HEIGHT \n
- \n
{props.stockage_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.stockage_diametre_cuve_sans_ja || \"-\"} text.FO_UNIT_MM \n {props.stockage_largeur_passage || \"-\"} text.FO_UNIT_MM \n {props.stockage_cote_basculement || \"-\"} text.FO_UNIT_MM \n {props.stockBallPrim_height || \"-\"} text.FO_UNIT_MM \n {props.stockage_hauteur_mini_local || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.stockage_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
text.cuve \n text.FO_INFO_COIL_MATERIAL \n text.FO_INFO_OPENING \n text.FO_INFO_JACKET \n
- \n
{(props.stockage_inox ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {props.stockBallPrep_coil_material ? {props.stockBallPrep_coil_material} : \"-\"} \n {(props.stockBallPrep_type_bride_TH === \"BR\" && text.FO_INFO_HANDHOLE ) || (props.stockBallPrep_type_bride_TH === \"TH\" &&text.FO_INFO_MANHOLE ) || \"-\"} \n {props.stockage_jaquette ? {\"text.FO_INFO_\" + props.stockage_jaquette} : \"-\"} \n
- \n
text.ballons_ecs_preparateurs \n
- \n
{props.sku} \n
- \n
text.FO_INFO_REAL_CAPACITY \n text.FO_INFO_POWER \n text.FO_INFO_PRIMARY_FLOW_RATE \n text.FO_INFO_PRESSURE_LOSS \n text.FO_INFO_OR_PRESSURE \n
- \n
{props.stockage_capacite_utile} text.FO_UNIT_L \n {props.puissanc !== 0 ? props.puissance : \"-\"} text.FO_UNIT_KW \n {props.debit !== 0 ? props.debit : \"-\"} text.FO_UNIT_M3H \n {props.pdc !== 0 ? props.pdc : \"-\"} text.FO_UNIT_MBAR \n {props.stockBallPrep_pression_service || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_DIAMETER \n text.FO_INFO_MIN_LENGTH \n text.FO_INFO_HEIGHT \n
- \n
{props.stockage_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.stockage_largeur_passage || \"-\"} text.FO_UNIT_MM \n {props.stockBallPrep_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.stockage_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
FO_INFO_ASTERISK \n
- \n
text.cuve \n text.FO_INFO_OPENING \n text.FO_INFO_JACKET \n
- \n
{(props.stockage_inox ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {(props.stockTinT_type_bride_TH === \"BR\" && text.FO_INFO_HANDHOLE ) || (props.stockTinT_type_bride_TH === \"TH\" &&text.FO_INFO_MANHOLE ) || \"-\"} \n {props.stockage_jaquette ? {\"text.FO_INFO_\" + props.stockage_jaquette} : \"-\"} \n
- \n
text.ballons_ecs_preparateurs \n
- \n
{props.sku} \n
- \n
text.FO_INFO_REAL_CAPACITY \n text.FO_INFO_POWER \n text.FO_INFO_PRIMARY_FLOW_RATE \n text.FO_INFO_PRESSURE_LOSS \n text.FO_INFO_OR_PRESSURE \n
- \n
{props.stockage_capacite_utile || \"-\"} text.FO_UNIT_L \n {props.puissance !== 0 ? props.puissance : \"\"} text.FO_UNIT_KW \n {props.debit !== 0 ? props.debit : \"\"} text.FO_UNIT_M3H \n {props.pdc !== 0 ? props.pdc : \"\"} text.FO_UNIT_MBAR \n {props.stockTinT_pression_service || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_DIAMETER \n text.FO_INFO_MIN_LENGTH \n text.FO_INFO_HEIGHT \n
- \n
{props.stockage_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.stockage_largeur_passage || \"-\"} text.FO_UNIT_MM \n {props.stockTinT_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.stockage_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
FO_INFO_ASTERISK \n
- \n
text.FO_INFO_PUMP \n text.FO_INFO_GASKET \n
- \n
text.FO_INFO_PRIMARY {(props.exchange_nb_primaire_circ === 1 &&text.FO_INFO_SIMPLE ) || (props.exchange_nb_primaire_circ === 2 &&text.FO_INFO_DOUBLE )} \n {productionMode === ProductionMode.SISA && text.FO_INFO_SECONDARY {(props.exchange_nb_secondaire_circ === 1 &&text.FO_INFO_SIMPLE ) || (props.exchange_nb_secondaire_circ === 2 &&text.FO_INFO_DOUBLE )} }\n {props.exchange_type_joint || \"-\"} text.FO_INFO_EPDM \n
- \n
text.FO_EXCHANGE \n
- \n
{props.sku} \n
- \n
text.FO_INFO_POWER \n text.FO_INFO_CIRCULATOR_FLOW \n text.FO_INFO_AVAI_HMT \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.puissancePrimaire} text.FO_UNIT_KW \n text.FO_INFO_PRIMARY {props.debitPrimaire}text.FO_UNIT_M3H \n {productionMode === ProductionMode.SISA && text.FO_INFO_SECONDARY {props.debitSecondaire}text.FO_UNIT_M3H }\n text.FO_INFO_PRIMARY {props.HMTPrimaire}text.FO_UNIT_MCE \n {productionMode === ProductionMode.SISA && text.FO_INFO_SECONDARY {props.HMTSecondaire}text.FO_UNIT_MCE }\n text.FO_INFO_PRIMARY {props.exchange_service_pressure_prim || \"-\"}text.FO_UNIT_BAR \n text.FO_INFO_SECONDARY {props.exchange_service_pressure_sec || \"-\"}text.FO_UNIT_BAR \n
- \n
text.FO_INFO_WIDTH \n text.FO_INFO_DEPTH \n text.FO_INFO_HEIGHT \n
- \n
{props.exchange_width || \"-\"} text.FO_UNIT_MM \n {props.exchange_depth || \"-\"} text.FO_UNIT_MM \n {props.exchange_height || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.exchange_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
FO_INFO_ASTERISK \n {/*(*) Avec températures: primaire = {props.Tp} °C, eau frode = {props.TEFS} °C, sortie production = {props.TECS} °C */}\n
- \n
text.FO_INFO_PUMP_HYGIA \n text.FO_INFO_PUMP_BRAND \n
- \n
{(props.pompe_simple ? \ntext.FO_INFO_SIMPLE :text.FO_INFO_DOUBLE ) || \"-\"} \n {props.pompe_marque !== \"\" ? props.pompe_marque : \"-\"} \n
- \n
text.FO_POMPES \n
- \n
{props.sku} \n
- \n
text.FO_INFO_MAXIMUM_FLOW \n
- \n
{props.pompe_debit_maxi || \"-\"} text.FO_UNIT_M3H \n
- \n
text.cuve \n text.FO_INFO_GAS_TYPE \n
- \n
{(props.WMHM_inox ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {props.WMHM_type_gaz !== \"\" ? props.WMHM_type_gaz : \"-\"} \n
- \n
text.FO_INFO_ACC_GAS \n
- \n
{props.sku} \n
- \n
text.FO_INFO_REAL_CAPACITY \n text.FO_INFO_POWER \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.WMHM_capacite_utile || \"-\"} text.FO_UNIT_L \n {props.WMHM_puissance_utile || \"-\"} text.FO_UNIT_KW \n {props.WMHM_pression_max_sanitaire || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_LENGTH \n text.FO_INFO_DEPTH \n text.FO_INFO_HEIGHT \n
- \n
{props.WMHM_largeur_produit || \"-\"} text.FO_UNIT_MM \n {props.WMHM_profondeur_produit || \"-\"} text.FO_UNIT_MM \n {props.WMHM_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.WMHM_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
text.FO_INFO_HEATING_EXCLUDED \n
- \n
text.cuve \n text.FO_INFO_GAS_TYPE \n
- \n
{(props.accgaz_type_cuve ? text.FO_INFO_LINING_INOX :text.FO_INFO_ENAMEL ) || \"-\"} \n {props.accgaz_type_gaz !== \"\" ? props.accgaz_type_gaz : \"-\"} \n
- \n
text.FO_INFO_ACC_GAS \n
- \n
{props.sku} \n
- \n
text.FO_INFO_REAL_CAPACITY \n text.FO_INFO_POWER \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.accgaz_capacite_nominale || \"-\"} text.FO_UNIT_L \n {props.accgaz_puissance_utile || \"-\"} text.FO_UNIT_KW \n {props.accgaz_pression_service || \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_DIAMETER \n text.FO_INFO_HEIGHT \n
- \n
{props.accgaz_diametre_hors_tout || \"-\"} text.FO_UNIT_MM \n {props.accgaz_hauteur_hors_tout || \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n
- \n
{props.accgaz_poids_a_vide || \"-\"} text.FO_UNIT_KG \n
- \n
{props.options} \n
- \n
text.cuve \n
- \n
{props.RSB_revetement !== \"\" ? props.RSB_revetement : \"-\"} \n
- \n
text.FO_INFO_POWER \n text.type \n text.FO_INFO_TENSION \n
- \n
{props.RSB_puissance ? props.RSB_puissance : \"-\"} text.FO_UNIT_KW \n {props.RSB_type !== \"\" ? props.RSB_type : \"-\"} \n {props.RSB_tension !== \"\" ? props.RSB_tension : \"-\"} \n
- \n
text.rechauffeur \n
- \n
{props.sku} \n
- \n
text.FO_INFO_CAPACITY \n text.FO_INFO_OP_PRESSURE \n
- \n
{props.stockage_capacite_utile || \"-\"} text.FO_UNIT_L \n {props.RSB_pression_service ? props.RSB_pression_service : \"-\"} text.FO_UNIT_BAR \n
- \n
text.FO_INFO_OVERALL_LENGTH \n text.FO_INFO_DIAMETER \n text.FO_INFO_HEIGHT \n
- \n
{props.RSB_width ? props.RSB_width : \"-\"} text.FO_UNIT_MM \n {props.RSB_depth ? props.RSB_depth : \"-\"} text.FO_UNIT_MM \n {props.RSB_height ? props.RSB_height : \"-\"} text.FO_UNIT_MM \n
- \n
text.FO_INFO_UNLOADED \n text.FO_INFO_WEIGHT_LOADED \n
- \n
{props.RSB_poids_a_vide ? props.RSB_poids_a_vide : \"-\"} text.FO_UNIT_KG \n {props.RSB_poids_en_service ? props.RSB_poids_en_service : \"-\"} text.FO_UNIT_KG \n
\n \n
\n
\n \n { //NOSONAR\n return {\n onClick: () => { props.setMainSolution(record) }\n }\n }}\n rowSelection={{\n type: \"radio\",\n onChange: (selectedRowKeys, selectedRows) => { props.setMainSolution(selectedRows[0]); }\n }}\n pagination={false}\n dataSource={props.solutions}\n columns={props.columns.map(c => { c.render = (val) => { return {val}
\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n text.FO_DOC_ETUDE_DETAILS
\n \n text.FO_DOC_PROJET_CHANTIER
\n \n text.FO_DOC_REFERENCE
\n \n
\n \n text.FO_DOC_SITENAME (*)
\n \n
\n \n text.FO_DOC_SITEADRESS (*)
\n \n
\n \n text.FO_DOC_SITECP
\n \n
\n\n \n text.FO_DOC_SITECITY
\n \n text.FO_DOC_CLIENT
\n \n text.FO_DOC_CLIENTNAME (*)
\n \n
\n \n text.FO_DOC_CLIENTCONTACT
\n \n
\n \n text.FO_DOC_CLIENTADRESS
\n \n
\n \n text.FO_DOC_CLIENTCP
\n \n
\n \n text.FO_DOC_CLIENTCITY
\n \n
\n \n text.FO_DOC_CLIENTCMAIL
\n \n
\n\n \n text.FO_DOC_CLIENTPHONENUMBER
\n \n text.FO_DOC_ETUDE
\n \n text.FO_DOC_ID
\n \n
\n \n text.FO_DOC_VERSION
\n \n
\n \n text.FO_DOC_DATE
\n props.onClose()}\n className=\"button primary large\">\n left text.FO_DOC_PREVIOUS
\n resetData()}\n className='button primary large'>\n undo text.FO_DOC_REINITIALISER
\n updateData(updateSuccessCallback)} \n className='button primary large'>\n save text.FO_DOC_SAVE
\n \n left \n
\n \n {title || \"\"} \n
*/}\n \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t }\n\t\t\t\t\t\t\tdisabled={recipient === \"\"}\n\t\t\t\t\t\t\t\tclassName=\"button primary large\">\n\t\t\t\t\t\t\t\ttext.FO_MAIL_SEND \n\t\t\t\t\t\t\t{/* text.FO_MAIL_SEND */}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n
\n \n
\n \n \n\n
\n \n text.FO_DOC_ETUDE_DETAILS
\n \n text.FO_DOC_PROJET_CHANTIER
\n \n text.FO_DOC_REFERENCE
\n \n
\n \n text.FO_DOC_SITENAME (*)
\n \n
\n \n text.FO_DOC_SITEADRESS
\n \n
\n \n text.FO_DOC_SITECP (*)
\n \n
\n\n \n text.FO_DOC_SITECITY (*)
\n \n text.FO_DOC_CLIENT
\n \n text.FO_DOC_CLIENTNAME (*)
\n \n
\n \n text.FO_DOC_CLIENTCONTACT
\n \n
\n \n text.FO_DOC_CLIENTADRESS
\n \n
\n \n text.FO_DOC_CLIENTCP
\n \n
\n \n text.FO_DOC_CLIENTCITY
\n \n
\n \n text.FO_DOC_CLIENTCMAIL
\n \n
\n\n \n text.FO_DOC_CLIENTPHONENUMBER
\n \n text.FO_DOC_ETUDE
\n \n text.FO_DOC_ID
\n \n
\n \n text.FO_DOC_VERSION
\n \n
\n \n text.FO_DOC_DATE
\n \n
\n \n text.FO_DOC_SYSTEMETUIDE
\n \n
\n\n \n text.FO_DOC_SOLUTION {\n productLabels && productLabels.map((l, index) => {\n return <>{l}
\n })\n } \n \n
\n \n })\n }
(*) champs obligatoires
\n text.FO_DOC_DEFINITION \n \n
\n \n
\n \n \n \n \n text.FO_DOC_NOTEDECALCUL openShareDocumentPopup()}\n disabled={!dataItem.siteName || dataItem.siteName === '' || \n !dataItem.siteCP || dataItem.siteCP === '' || \n !dataItem.siteCity || dataItem.siteCity === '' || \n !dataItem.clientName || dataItem.clientName === '' ? true : false}\n className=\"button primary extra\">\n text.FO_DOC_SHARE
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* text.FO_DOC_UPLOAD
\n \n \n \n {currentNetwork && currentNetwork.showPrice && \n \n }\n \n \n \n {/* downloadPDF()}\n disabled={!dataItem.siteName || dataItem.siteName === '' || \n !dataItem.siteCP || dataItem.siteCP === '' || \n !dataItem.siteCity || dataItem.siteCity === '' || \n !dataItem.clientName || dataItem.clientName === '' ? true : false}\n className=\"button primary extra\"\n >\n text.FO_DOC_UPLOAD
*/}\n \n
\n \n \n text.FO_DOC_DOCUMENTATION
\n \n {products && products.map((s, index) => {\n return
\n })}\n \n
\n \n {(productLabels ? productLabels[index] : \"\")} \n
\n \n \n \n \n {/* to do map for typeDoc and typeName */}\n {\n s.documents && s.documents.map((d, index) => {\n return d.language === props.culture && {console.log(s)}}\n className=\"button list_element\">\n {d.nameDoc} {//eslint-disable-line react/jsx-no-target-blank \n }\n
\n })\n }\n\n \n \n \n }\n \n {\n currentNetwork && currentNetwork.showPrice &&\n \n \n \n {/* */}\n\n dispatch(closePopup('wndDownloadPDF'))}\n onSubmit={() => onYesCallback()}\n method=\"post\"\n target={'_blank'}\n >\n \n \n \n \n \n \n
\n \n\n \n
\n }\n \n
\n \n \n
\n \n //
\n );\n}\n\nexport default connect(state => ({\n currentNetwork: state.networks && state.networks.find(item => item.id === state.network)\n}), null)(DownloadPDFPopup);","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport Draggable from 'react-draggable';\nimport { connect } from \"react-redux\";\nimport i18n from '../Shared/Translation/i18n';\nimport { TemplateDetails, TemplateServiceCallDetails } from '../pages/Template';\nimport SolutionDetails from '../pages/Applications/Application/Zone4/details';\nimport Solutions from '../pages/Applications/Application/Zone4/solutions';\nimport { closePopup } from './../store/actions';\nimport { T } from './Translations';\nimport EtudePickup from '../pages/EtudePickup';\nimport DocumentDetails from '../pages/EtudeDocument/DocumentDetails';\nimport ShareDocumentPopup from '../pages/EtudeDocument/ShareDocumentPopup.js'\nimport DownloadPDFPopup from '../pages/Etude/DownloadPDFPopup.js'\n\n/**\n * specifies all the popups without navigation\n */\nexport const PopupTypes = {\n Confirm: \"Confirm\",\n Prompt: \"Prompt\",\n Alert: \"Alert\",\n TemplateDetails: \"TemplateDetails\",\n TemplateServiceCallDetails: \"TemplateServiceCallDetails\",\n SolutionDetails: \"SolutionDetails\",\n EtudePickup: \"EtudePickup\",\n DocumentDetails: \"DocumentDetails\",\n Solutions: \"Solutions\",\n Email: \"Email\",\n DownloadPDF: \"DownloadPDF\"\n // FrontDocument: \"FrontDocument\"\n}\n\nexport const PopupClasses = {\n Small: \"small\",\n Medium: \"medium\",\n Large: \"large\",\n}\n\n/**\n * the main function generating all opened popups\n * @param {object} props contains props for fulscreen, class, all opened popups info\n */\nfunction Popups(props) {\n let { popups, fullScreen } = props;\n popups = (popups && popups.filter(item => (item.fullScreen || false) === (fullScreen || false))) || [];\n let window_container = (popups.length > 0) ? \"window_container open\" : \"window_container\";\n return \n // \n // \n // \n //
\n // \n //
\n // \n //
\n\n // text.FO_DOC_NOTEDECALCUL
\n // \n // \n {\n popups.map((item, i) => {\n let closeOutside = false;\n let ComponentVar;\n const { type, bodyProps, className } = item;\n let open_class = type + (item.fullScreen ? \" open fullscreen\" : \" open\");\n const onClose = (e) => props.closePopup(item.windowKey);\n let skipCloseClassNames = '';\n switch (type) {\n case PopupTypes.Confirm:\n return \n ;\n\n case PopupTypes.Prompt:\n return \n ;\n\n case PopupTypes.Alert:\n return \n ;\n\n case PopupTypes.TemplateDetails:\n ComponentVar = TemplateDetails;\n break;\n case PopupTypes.TemplateServiceCallDetails:\n ComponentVar = TemplateServiceCallDetails;\n break;\n case PopupTypes.SolutionDetails:\n ComponentVar = SolutionDetails;\n break;\n case PopupTypes.EtudePickup:\n ComponentVar = EtudePickup;\n break;\n case PopupTypes.DocumentDetails:\n ComponentVar = DocumentDetails;\n break;\n case PopupTypes.Solutions:\n ComponentVar = Solutions;\n break;\n case PopupTypes.Email:\n ComponentVar = ShareDocumentPopup;\n break;\n case PopupTypes.DownloadPDF:\n ComponentVar = DownloadPDFPopup;\n break;\n // case PopupTypes.FrontDocument:\n // ComponentVar = FrontDocument;\n // break;\n default:\n return ;\n }\n return \n \n \n \n })\n }\n
\n}\nexport default connect(state => ({\n popups: state.popups\n}),\n dispatch => ({\n closePopup: (key) => dispatch(closePopup(key))\n })\n)(Popups);\n\n/**\n *custom hook for running logic on outer click of specified element with given ref\n * @param {func} onOuterClick\n * @param {object} innerRef the ref of element\n * @param {skipCloseClassNames} skipCloseClassNames\n * @param {bool} enable\n */\nfunction useOuterClickNotifier(onOuterClick, innerRef, skipCloseClassNames, enable) {\n useEffect(\n () => {\n if (innerRef.current && enable) {\n document.addEventListener(\"click\", handleClick);\n }\n\n return () => document.removeEventListener(\"click\", handleClick);\n\n function handleClick(e) {\n innerRef.current &&\n (innerRef.current === e.target || !innerRef.current.contains(e.target)) && !(document.getElementsByClassName(skipCloseClassNames)[0] && document.getElementsByClassName(skipCloseClassNames)[0].contains(e.target)) &&\n onOuterClick(e);\n }\n },\n [enable, innerRef, skipCloseClassNames, onOuterClick] // invoke again, if inputs have changed\n );\n}\n\n/**\n * the outer warpper of all popups (for each one)\n * @param {any} props className, children, onClose, skipCloseClassNames, closeOnOutsideClick\n */\nfunction InnerPopup(props) {\n const { className, children, onClose, skipCloseClassNames, closeOnOutsideClick } = props;\n const innerRef = useRef(null);\n\n useOuterClickNotifier(\n e => { onClose() },\n innerRef,\n skipCloseClassNames,\n closeOnOutsideClick\n );\n\n return (\n \n {children}\n
\n );\n}\n\n/**\n *custom confirm popup\n * @param {object} props contains title, text, yesCallback, noCallback, buttonYesText, buttonNoText, onClose\n */\nfunction Confirm(props) {\n const { title, text, yesCallback, noCallback, buttonYesText, buttonNoText, onClose } = props;\n const [, setUpdating] = useState(false);\n\n let onYesButtonClick = useCallback(function (e) {\n setUpdating(true);\n yesCallback && yesCallback(e);\n onClose();\n }, [yesCallback, onClose]);\n\n let onNoButtonClick = useCallback(function (e) {\n noCallback && noCallback();\n onClose();\n }, [noCallback, onClose]);\n\n return \n
;\n}\n\nConfirm.defaultProps = {\n title: \"\",\n text: \"\",\n htmlText: false,\n buttonYesText: \"OK\",\n buttonNoText: \"Cancel\"\n}\n\n/**\n *custom prompt popup\n * @param {object} props contains title, text, yesCallback, noCallback, buttonYesText, buttonNoText, onClose\n */\n\nfunction Prompt(props) {\n const { title, isPassword, placeholder, yesCallback, noCallback, buttonYesText, buttonNoText, onClose } = props;\n const [, setUpdating] = useState(false);\n const [value, setValue] = useState('');\n\n let onYesButtonClick = useCallback(function (e) {\n setUpdating(true);\n yesCallback && yesCallback(e, value);\n onClose();\n }, [yesCallback, onClose, value]);\n\n let onNoButtonClick = useCallback(function (e) {\n noCallback && noCallback();\n onClose();\n }, [noCallback, onClose]);\n\n return \n
\n \n \n \n \n
\n \n question \n
\n {title}
\n{text}
\n\n
;\n}\n\n/**\n *custom alert popup\n * @param {object} props contains title, text, yesCallback, buttonYesText, onClose\n */\nfunction Alert(props) {\n const { title, text, textKey, yesCallback, buttonYesText, buttonYesTextKey, onClose } = props;\n\n let onYesButtonClick = useCallback(function (e) {\n yesCallback && yesCallback(e);\n onClose();\n }, [yesCallback, onClose]);\n\n return \n
\n \n \n \n \n
\n \n
\n {title}
\n\n \n\n\n
;\n}\n\nPrompt.defaultProps = {\n title: \"\",\n isPassword: false,\n placeholder: '',\n buttonYesText: \"OK\",\n buttonNoText: \"Cancel\"\n}\n\n/**\n * default carcas for all popups except confirm\n * @param {any} props\n */\nfunction PupupWrapper(props) {\n const { title, fullScreen, showHeader, children, cancelCallback, onClose } = props;\n let onCancel = useCallback(function (e) {\n cancelCallback && cancelCallback(e);\n onClose();\n }, [onClose, cancelCallback]);\n\n let innerContent =\n \n
\n \n \n \n \n
\n \n warning \n
\n {title}
\n{textKey ?
: text}\n\n {showHeader &&\n \n {\n fullScreen &&\n <>\n \n }\n
\n\n if (!fullScreen) {\n\n innerContent = \n left \n
\n \n \n\n
\n\n {\n !fullScreen &&\n \n close \n
\n }\n \n
\n \n {children}\n
\n \n
\n :\n <>\n );\n}\n\nexport function showLoader(loaderName) {\n dispatchCustomEvent(EVENT_NAME.SHOW_LOADER, { loaderName });\n}\n\nexport function hideLoader(loaderName) {\n dispatchCustomEvent(EVENT_NAME.HIDE_LOADER, { loaderName });\n}\n\n","import { message } from 'antd';\nimport { AppPages } from '../project/Defines';\nimport { Project } from '../project/Project';\nimport { hideLoader } from '../Shared/Loader';\nimport store from '../store';\nimport { logout } from '../store/actions';\n\nconst api_url = process.env.REACT_APP_API_URL;\n\nfunction doProcess(options, method) { //NOSONAR\n const formData = new FormData();\n const controller = new AbortController();\n const { signal } = controller;\n\n function buildFormData(formData, data, parentKey) {\n if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof File)) {\n Object.keys(data).forEach(key => {\n buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key);\n });\n if (parentKey && Object.keys(data).length === 0) {\n formData.append(parentKey, '');\n }\n } else {\n const value = data === null ? '' : data;\n\n formData.append(parentKey, value);\n }\n }\n\n let url = (options.absolute ? \"\" : (api_url || \"\")) + options.url;\n if (method === \"GET\") {\n const params = [];\n Object.keys(options.data).forEach(key => params.push(key + \"=\" + options.data[key]));\n if (params.length > 0) {\n url += \"?\" + params.join(\"&\");\n }\n }\n\n let fetchOptions = {\n method: method || \"POST\"\n }\n if (options.useBody) {\n fetchOptions.body = options.data;\n }\n if (method === \"POST\") {\n buildFormData(formData, options.data);\n fetchOptions.body = formData;\n }\n\n let token = store.getState().userToken || \"test\";\n\n if (options.download) {\n fetch(url, {\n ...fetchOptions, signal, credentials: 'include', mode: 'cors',\n headers: {\n 'USER-TOKEN': token,\n 'CULTURE': store.getState().culture,\n 'NETWORK-CODE': store.getState().network\n }\n })\n .then(response => response.blob())\n .catch(function (error) {\n if (options.error)\n options.error(error);\n else\n message.error(error.message);\n })\n .then(blob => {\n if (blob && blob.type) {\n try {\n\n\n if (blob.type === \"application/problem+json\" || blob.type === \"application/json\") {\n let reader = new FileReader();\n reader.readAsText(blob);\n reader.onload = function () {\n let error = JSON.parse(reader.result);\n if (options.error)\n options.error(error);\n else\n message.error(error.title || error.message);\n };\n return;\n }\n\n if (options.autoDownload) {\n let url = window.URL.createObjectURL(blob);\n let a = document.createElement('a');\n a.href = url;\n if (options.target)\n a.target = options.target;\n document.body.appendChild(a); // we need to append the element to the dom -> otherwise it will not work in firefox\n a.click();\n a.remove(); //afterwards we remove the element again\n }\n\n if (options.success)\n options.success(blob);\n }\n catch (e) {\n if (options.error)\n options.error(e);\n else\n message.error(e.message);\n }\n }\n });\n }\n else {\n fetch(url, {\n ...fetchOptions, signal, credentials: 'include', mode: 'cors',\n headers: {\n 'USER-TOKEN': token,\n 'CULTURE': store.getState().culture,\n 'NETWORK-CODE': store.getState().network\n }\n })\n .then((Response) => Response.json())\n .catch(function (error) {\n })\n .then((result) => {\n if (result && result.hasError) {\n if (result.customErrorCode) {\n let errorCode = result.customErrorCode\n switch (errorCode) {\n case \"Unauthorized\":\n case \"401\":\n store.dispatch(logout());\n window.location.reload();\n break;\n\n case \"UnauthorizedAccess\":\n case \"800\":\n window.location.href = Project.getPageUrl(AppPages.Home);\n break;\n // case \"00010\":\n // if (!options.skipRefresh) {\n // AppManager.refresh(options);\n // }\n // else {\n // AppManager.openLoginWindow(options);\n // }\n // break;\n // case \"00011\":\n // AppManager.openLoginWindow(options);\n // break;\n\n // default:\n // if (options.showFailure && xhr.statusText != \"abort\") {\n // var message = xhr.getResponseHeader(\"CustomErrorMessage\");\n // if (message) {\n // Message.error(message, { desc: xhr.getResponseHeader(\"CustomErrorDescription\") }, null, true);\n // }\n // else if (options.showFailure) {\n // Message.failure();\n // }\n // } break;\n default:\n break;\n }\n\n return;\n }\n\n if (options.error)\n options.error(result);\n else {\n\n message.error(result.message);\n hideLoader()\n }\n }\n //else if (result && result.redirectUrl) {\n // window.location.href = result.redirectUrl;\n //}\n else if (result && result.status === 500) {\n if (options.error)\n options.error(result);\n else\n message.error(result.title);\n }\n else {\n if (options.success)\n options.success(result);\n }\n })\n }\n return controller;\n}\n\nexport const AjaxPost = function (options) {\n return doProcess(options, \"POST\");\n};\nexport const AjaxGet = function (options) {\n return doProcess(options, \"GET\");\n};\nexport const AjaxDownload = function (options) {\n return doProcess({ ...options, download: true }, \"POST\");\n};\n\nexport const AjaxUpload = function (options) {\n const formData = new FormData();\n formData.set('file', options.file);\n\n fetch(options.url, {\n // Your POST endpoint\n //credentials: 'include',\n mode: 'cors',\n method: 'POST',\n headers: {\n // Content-Type may need to be completely **omitted**\n // or you may need something\n //\"Content-Type\": \"multipart/form-data\",\n //'USER-TOKEN': token,\n //'CULTURE': store.getState().culture\n },\n body: formData // This is your file object\n }).then(\n response => response.json() // if the response is a JSON object\n ).then(\n request => {\n if (options.success)\n options.success(request);\n }\n ).catch(\n error => {\n console.log(error) // Handle the error response object\n\n if (options.error)\n options.success(error);\n }\n );\n\n\n};\n\nexport const AjaxUploadXMLHttp = function (options) {\n let formData = new FormData();\n let request = new XMLHttpRequest();\n\n formData.set('file', options.file);\n request.open(\"POST\", options.url);\n request.send(formData);\n request.onload = function () {\n if (request.readyState === 4) {\n if (request.status === 200) {\n options.success(request);\n } else {\n options.error(request.statusText);\n }\n }\n };\n};\n\nexport const Ajax = {\n post: (options) => AjaxPost(options),\n get: (options) => AjaxGet(options),\n download: (options) => AjaxDownload(options),\n upload: (options) => AjaxUpload(options),\n uploadXMLHttp: (options) => AjaxUploadXMLHttp(options)\n};\n\n\n\n\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDispatch, connect } from \"react-redux\";\nimport { Link, withRouter } from 'react-router-dom';\nimport { Dropdown } from 'antd';\n\nimport { T } from '../../components/Translations';\nimport { AppPages /*, ApiUrl, StoreKeys*/ } from '../../project/Defines';\nimport { Project } from '../../project/Project';\n\nimport { changeCulture, closeAllPopups, logout } from '../../store/actions';\n\nimport Scroll from '../../Shared/Scroll/Scroll';\n\nconst LanguageChange = (props) => {\n const [ visibleLanguegeMenu, setVisibleLanguegeMenu ] = useState(false);\n let { culture } = props;\n const dispatch = useDispatch();\n const ref = useRef(false);\n\n useEffect(() => {\n ref.current = true;\n\n return () => { ref.current = false; }\n\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\n\n const changeLanguage = lng => {\n if (ref.current) {\n dispatch(changeCulture(lng));\n }\n };\n\n const handleVisibleChange = () => {\n setVisibleLanguegeMenu(!visibleLanguegeMenu);\n };\n\n const handleMenuClick = () => {\n setVisibleLanguegeMenu(false);\n };\n\n let langMenu =\n handleMenuClick(true)} //NOSONAR\n className=\"list_menu ant-dropdown-menu\"\n >\n
;\n\n return <>\n - \n {\n props.network && props.networks && props.networks.find(n => n.id === props.network).languages?.map((item, index) => {\n return
- changeLanguage(item.code)} //NOSONAR\n >
{item.label} // eslint-disable-line jsx-a11y/anchor-is-valid \n })\n }\n
\n {props.network && props.networks && (props.networks.find(n => n.id === props.network).languages?.find(l => l.code === culture) || props.networks.find(n => n.id === props.network).languages?.find(l => l.isDefault) || {}).label} \n down \n
\n \n\n \n}\n/**\n * represents the control for selecting current interface language */\nexport const LanguageChangeComponent = connect(state => ({\n culture: state.culture,\n network: state.network,\n networks: state.networks\n}), null)(LanguageChange);\n\nexport const menuItems = [\n\n { to: AppPages.Home, text: \n
;\n\nlet helpMenu =\n - \n {props.userToken !== \"guest\" &&
- redirectMyAccount()}>
text.FRONT_ACCOUNT } { //eslint-disable-line jsx-a11y/anchor-is-valid\n }\n \n info text.version {process.env.REACT_APP_VERSION} \n \n text.sign_out \n
\n
;\n\n\n let location = window.location.pathname.toLowerCase();\n\n let selectedItem = null;\n\n return <>\n\n - \n {\n contact &&\n <>\n {\n contact.split('\\r\\n').map((item, index) => {\n return
- \n
\n {props.network && item} \n \n })\n }\n \n }\n \n - redirectFAQ()}>
text.FO_HEADER_FAQ { //eslint-disable-line jsx-a11y/anchor-is-valid\n }\n \n - redirectCGU()}>
CGU { //eslint-disable-line jsx-a11y/anchor-is-valid \n }\n
{ history.push(Project.getPageUrl(AppPages.Etude)) }}>\n text.FO_HEADER_STUDIES
\n \n info \n text.FO_HEADER_HELP
\n \n \n user \n {userData.userName} \n
\n \n \n
\n \n })};\n}\n\n\nexport const CustomTooltips = connect(state => ({ customTooltips: state.customTooltips }))(CustomTooltipsBody);\n\nfunction CustomTooltip(props) {\n const { refElement, openTooltip, closeTooltip, Component, componentProps, tooltipKey, updateTooltipProps, headerText, hasHeader, fixedHeaderSize } = props;\n useEffect(() => {\n console.log(refElement.current.getBoundingClientRect());\n let { left, bottom } = refElement.current.getBoundingClientRect();\n let elem = refElement.current;\n let scrollTop = 0;\n if (fixedHeaderSize) scrollTop -= fixedHeaderSize;\n while (elem.parentElement) {\n scrollTop += elem.parentElement.scrollTop;\n elem = elem.parentElement;\n }\n openTooltip({ tooltipKey, top: bottom + scrollTop, left, direction: 'left', Component, componentProps, closeTooltip, headerText, hasHeader });\n window.addEventListener('resize', handleResize);\n return () => {\n closeTooltip(tooltipKey);\n window.removeEventListener('resize', handleResize);\n };\n }, []);//eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n updateTooltipProps({ tooltipKey, componentProps });\n }, [componentProps])//eslint-disable-line react-hooks/exhaustive-deps\n\n const handleResize = useCallback(() => {\n let { left, bottom } = refElement.current.getBoundingClientRect();\n let elem = refElement.current;\n let scrollTop = 0;\n if (fixedHeaderSize) scrollTop -= fixedHeaderSize;\n while (elem.parentElement) {\n scrollTop += elem.parentElement.scrollTop;\n elem = elem.parentElement;\n }\n closeTooltip(tooltipKey);\n openTooltip({ tooltipKey, top: bottom + scrollTop, left, direction: 'left', Component, componentProps, closeTooltip, headerText, hasHeader });\n }, [openTooltip, closeTooltip, tooltipKey, refElement, fixedHeaderSize, componentProps, headerText, hasHeader, Component])\n\n return (<>);\n}\n\nexport default connect(null, dispatch => ({\n openTooltip: (props) => dispatch(openTooltip(props)),\n closeTooltip: (key) => dispatch(closeTooltip(key)),\n updateTooltipProps: (data) => dispatch(updateTooltipProps(data))\n}))(CustomTooltip);","import React, { useEffect, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { footerAddToolbar, footerRemoveToolbar, footerUpdateToolbar } from '../../store/actions';\n\nfunction FooterToolbarsBody(props) {\n \n return <>{props.footerToolbars && props.footerToolbars.map((p, i) => {\n return \n \n {hasHeader &&\n \n {headerText ? {headerText} : \"\"} \n \n }\n \n \n \n \n \n \n \n \n\n
\n { componentProps.setIsOpen(false) }} className=\"button mini close\">close
\n
\n - \n
\n
;\n\n let networkMenuACV =\n - \n {\n props.networks && props.networks.map((item, index) => {\n return
- \n
{item.name} \n })\n }\n
\n
;\n\n //let networkCode = /:\\/\\/([^\\/]+)/.exec(window.location.href)[1].split('.')[0].toUpperCase();// eslint-disable-line no-useless-escape\n let hideNetwork = true; //props.networks && (props.networks.find(item => item.code === networkCode));\n\n const doAutologin = useCallback(() => {\n history.push('loginredirect/test');\n }, [history])\n\n\n if (!props.isLoggedIn) {\n return - \n {\n props.networks && props.networks.filter(n => n.brand === \"ACV\").map((item, index) => {\n return
- \n
{item.name} \n })\n }\n
\n {props.networks && (props.networks.find(item => item.id === props.network) || {}).name}
\n \n \n }\n {\n !hideNetwork && < action right=\"\"> \n \n {/*{Project.getNetworkName(props.network)} {props.networks && (props.networks.find(item => item.id === props.network) || {}).name}
\n \n \n }\n \n This website is on maintenance now. \n
\n }\n \n text.FO_ACCOUNT_CREATION {// eslint-disable-line jsx-a11y/anchor-is-valid \n }\n
}\n Cet outil, destiné à la maison individuelle, est mis à disposition pour vous aider au dimensionnement et à la sélection de la gamme pompe à chaleur air/eau ou eau/eau la plus adaptée.Il vous permettra aussi de sélectionner les accessoires et des systèmes de chauffage complémentaires et vous accompagnera pour la personnalisation de votre devis.
*/}\n\n \n \n {\n \n {\n setSearchEtudeData(e.target.value);\n }}\n onKeyPress={(e) => {\n if (e?.key === \"Enter\") {\n setRecharcherOpen(false);\n history.push(Project.getPageUrl(AppPages.Etude, searchEtudeData));\n }\n }}\n />
}>\n \n
\n }\n {\n 1>2 && history.push(Project.getPageUrl(AppPages.Etude, searchEtudeData))}\n >\n search \n text.FO_HOME_MYSTUDIES
\n \n
\n \n {\n setSearchEtudeData(e.target.value);\n }}\n onKeyPress={(e) => {\n if (e?.key === \"Enter\") {\n setRecharcherOpen(false);\n history.push(Project.getPageUrl(AppPages.Etude, searchEtudeData));\n }\n }}\n />\n
\n \n search \n text.FO_HOME_MYSTUDIES
\n \n }\n \n
\n }\n history.push(Project.getPageUrl(AppPages.Applications))}\n >\n plus \n \n text.FRONT_NEW_STUDY
\n \n \n
\n - \n
- \n
\n \n\n \n\n \n \n- \n {app.subApplications.map(subApp => (
- \n
{`text.${subApp.label}`} ))}\n
\n \n{`text.${app.label}`} \n - \n
\n {(label || labelClass) && {label} }\n {children}\n
);\n}\n\nexport const ApplicationFormField = React.forwardRef((props, ref) => { // NOSONAR\n const { applicationData } = useSelector(state => state);\n const { startLabel, startLabelProps, endLabel, endLabelProps, bold, formFieldClass, fieldStyle, formFieldStyle, contStyle, value, min, max, name, type, setData, valuelist, disabled, calculate, hasInfoButton, infoValue, tabIndex, onError, allData, active, onKeyDown, allowDecimal, subapplication, data, readOnly, dataLength, id, required, allowMessages, translate } = props;\n\n let element;\n const dispatch = useDispatch();\n switch (type) {\n case 'number':\n element = \n
);\n})\n\n\n/**\n *a template to put in forms\n * @exports FieldGroup\n */\nexport function FieldGroup({ children, className }) {\n return (\n \n {(startLabel || startLabelProps) && {startLabel} {bold ? {endLabel} : {endLabel} } }\n {hasInfoButton && info
\n \n {children}\n
);\n}","import { Input } from 'antd';\nimport React, { useCallback, useState, useEffect, useRef, createRef } from 'react';\nimport { T, DataTip } from '../../../../components/Translations';\nimport i18n from '../../../../Shared/Translation/i18n';\nimport { AppCode, SubAppCode /*, AppPages*/ } from '../../../../project/Defines';\nimport { ApplicationFormField, FieldGroup } from '../../../../Shared/Form/formFields';\nimport { DropDownValueList } from '../../../../Shared/DropDown';\nimport CustomTooltip from '../../../../Shared/CustomTooltip';\nimport { formatMinutes } from '../../../../project/utilities';\nimport { /*useHistory, useLocation,*/ useParams /*, useRouteMatch*/} from \"react-router\";\n\nexport default function Zone1(props) {\n const { /*history ,*/ zone, allowMessages } = props;\n const params = useParams();\n const { id } = params;\n const refElement = useRef(null);\n const { subApplicationsList, popupProps, application, subapplication, applicationChange, data, setData, defaultData, calculatedApiData, calculate, isOpen, setIsOpen, allData, expertModeChanged, sectionHeaderStyle } = props;\n const autoWidth = subapplication ? \"auto\" : \"\";\n const onError = () => {\n props.onError();\n }\n \n return (<>\n \n 1 \n
\n \n \n {subapplication !== AppCode.PROCESSUSINDUSTRIEL &&\n \n \n {isOpen && \n }\n {!calculatedApiData && 1 > 2 && < action right=\"\">\n { calculate(data) }}\n // className=\"button primary micro\">calc \n className=\"button primary\">text.calculs \n \n }\n \n \n }\n
\n {(!calculatedApiData ||+ zone === 1) && \n
\n \n \n text.batiment \n \n
\n \n
\n {subapplication && <>\n {\n subApplicationsList && \n { return { value: item.id, text: item.label } })}\n value={subapplication && subApplicationsList.filter(item => item.code.toLowerCase() === subapplication).length > 0 ? subApplicationsList.filter(item => item.code.toLowerCase() === subapplication)[0].id : \"\"}\n onChange={applicationChange}\n disabled={subApplicationsList && subApplicationsList.length === 1}\n useTranslation={true}\n />\n
\n \n \n \n \n {\n calculate(data);\n \n }}\n // className=\"button primary micro\">calc \n className=\"button primary larger\">calculator text.calculs \n \n \n
}\n {subapplication && calculatedApiData && +zone >= 2 && <>\n \n
\n )\n}\n\nconst ExpertModeContent = (props) => {\n\n // const { params: { id } } = useRouteMatch(Project.getPageUrl(AppPages.Applications, [':application?', ':subapplication?', ':id?', \":zone?\"]));\n let { data, setData, subapplication, allData, setExpertModeType, expertModeType, onError, setEtudeAllData, id } = props;\n const [isChecked, setIsChecked] = useState(expertModeType === \"batiment\");\n const [refs, setRefs] = useState({});\n\n const radioChange = useCallback((e) => {\n setExpertModeType(e.target.value);\n setEtudeAllData(item => ({ ...item, expertModeType: e.target.value }));\n setIsChecked(!isChecked);\n }, [isChecked]);// eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n setRefs((prev) => Array(getFieldsCount(subapplication).expertModeFieldsCount)\n .fill()\n .map((_, i) => refs[i] || createRef()),\n );\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\n\n const onKeyDown = (e, index) => { //NOSONAR\n let code = e.event.code;\n if (code === 'ArrowDown' || code === 'ArrowUp' || code === 'Enter' || code === 'NumpadEnter') {\n e.event.preventDefault();\n e.event.stopPropagation();\n }\n if (code === 'ArrowDown' && refs[index + 1]) {\n refs[index + 1].current.props.prefixCls ? refs[index + 1].current.focus() : refs[index + 1].current.instance.focus();\n } else if (code === 'ArrowUp' && refs[index - 1]) {\n refs[index - 1].current.props.prefixCls ? refs[index - 1].current.focus() : refs[index - 1].current.instance.focus();\n } else if (code === 'Enter' || code === 'NumpadEnter') {\n refs[index].current.props.prefixCls ? refs[index].current.focus() : refs[index].current.instance.blur();\n }\n }\n\n\n if (data) {\n \n switch (subapplication) {\n case SubAppCode.LOGEMENTSPRIVES:\n case SubAppCode.LOGEMENTSSOCIAUX:\n return (<>\n \n
\n {application !== AppCode.RESTAURANT ? \n text.estimation_des_besoins_ecs \n info \n \n
\n \n
\n \n \n
\n \n
\n \n { onKeyDown(e, 0, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t1\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT1} min={allData.consoT1.minimum} max={allData.consoT1.maximum} name=\"consoT1\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n { onKeyDown(e, 1, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t2\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT2} min={allData.consoT2.minimum} max={allData.consoT2.maximum} name=\"consoT2\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n { onKeyDown(e, 2, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t3\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT3} min={allData.consoT3.minimum} max={allData.consoT3.maximum} name=\"consoT3\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n { onKeyDown(e, 3, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t4\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT4} min={allData.consoT4.minimum} max={allData.consoT4.maximum} name=\"consoT4\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n { onKeyDown(e, 4, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t5\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT5} min={allData.consoT5.minimum} max={allData.consoT5.maximum} name=\"consoT5\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n { onKeyDown(e, 5, true) }} id={id} onError={onError} allData={allData} startLabel=\"text.t6\" endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT6} min={allData.consoT6.minimum} max={allData.consoT6.maximum} name=\"consoT6\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} startLabelProps={{ className: \" \", wrap: \"\", data_length: \"xxx-small\" }} />\n
\n \n
\n \n \n
\n \n
\n )\n case SubAppCode.RESIDENCESSENIORS:\n return (<>\n \n
\n \n
\n \n \n {/* { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoT1} min={allData.consoT1.minimum} max={allData.consoT1.maximum} name=\"consoT1\" setData={setData} disabled={isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} />\n
\n \n
\n )\n case SubAppCode.RESIDENCESETUDIANTE:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} endLabel=\"text.liters_a_60_c\" type=\"number\" value={data.consoBatiment} min={allData.consoBatiment.minimum} max={allData.consoBatiment.maximum} name=\"consoBatiment\" setData={setData} disabled={!isChecked} formFieldClass=\"middle\" endLabelProps={{ className: \"description middle\", wrap: \"\" }} />\n
\n \n \n text.ou \n \n
\n \n \n
\n \n
\n \n
\n )\n case SubAppCode.FOYERDEJEUNESTRAVAILLEURS:\n return (<>\n \n text.repas \n \n
\n \n
\n \n
\n \n
\n )\n case SubAppCode.CAMPING:\n return (<>\n \n text.repas \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n text.equipements_du_bloc_sanitaire \n info \n \n
\n \n
\n )\n case SubAppCode.AFFAIRES:\n case SubAppCode.MONTAGNE:\n case SubAppCode.TOURISME:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.douches\" type=\"number\" value={data.NbD} min={allData.NbD.minimum} max={allData.NbD.maximum} name=\"NbD\" setData={setData} formFieldClass=\"middle\" disabled={true} />\n { onKeyDown(e, 1, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.lavabos\" type=\"number\" value={data.NbL} min={allData.NbL.minimum} max={allData.NbL.maximum} name=\"NbL\" setData={setData} formFieldClass=\"middle\" />\n { onKeyDown(e, 2, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.bacs_a_laver_la_vaisselle\" type=\"number\" value={data.NbBV} min={allData.NbBV.minimum} max={allData.NbBV.maximum} name=\"NbBV\" setData={setData} formFieldClass=\"middle\" />\n { onKeyDown(e, 3, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.bacs_a_laver_la_linge\" type=\"number\" value={data.NbBL} min={allData.NbBL.minimum} max={allData.NbBL.maximum} name=\"NbBL\" setData={setData} formFieldClass=\"middle\" />\n
\n \n
\n )\n case SubAppCode.STADEFOOTBALL:\n case SubAppCode.STADERUGBY:\n return (<>\n \n \n \n \n
\n \n \n text.repas \n \n
\n \n
\n )\n case SubAppCode.CASERNE: /*TODO: CASERNE SAME AS STADEFOOTBALL STADERUGBY*/ /*NOSONAR*/\n return (<>\n \n
\n \n
\n )\n case SubAppCode.VESTIAIREDENTREPRISE:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.duree_de_pointe\" endLabel=\"text.min\" type=\"number\" value={data.PointeModif} min={allData.PointeModif.minimum} max={allData.PointeModif.maximum} name=\"PointeModif\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n
\n \n
\n )\n case SubAppCode.STATIONDELAVAGE:\n return (<>\n \n
\n \n
\n )\n case SubAppCode.INTERNAT:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.duree_lavage_brosse__eau_chaude\" endLabel=\"text.min_s\" type=\"number\" value={data.TpsBrosse} min={allData.TpsBrosse.minimum} max={allData.TpsBrosse.maximum} name=\"TpsBrosse\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n { onKeyDown(e, 1, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.duree_lavage_hp__eau_chaude\" endLabel=\"text.min_s\" type=\"number\" value={data.TpsHp} min={allData.TpsHp.minimum} max={allData.TpsHp.maximum} name=\"TpsHp\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n { onKeyDown(e, 2, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.duree_rincage_finition_eau_froide\" endLabel=\"text.min_s\" type=\"number\" value={data.TpsRinc} min={allData.TpsRinc.minimum} max={allData.TpsRinc.maximum} name=\"TpsRinc\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n { onKeyDown(e, 3, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.duree_sans_puisage_entre_2_vehicules\" endLabel=\"text.min_s\" type=\"number\" value={data.TpsSSPuis} min={allData.TpsSSPuis.minimum} max={allData.TpsSSPuis.maximum} name=\"TpsSSPuis\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n
\n \n \n text.cycle_complet \n \n
\n \n
\n )\n case SubAppCode.GYMNASE:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.consommation_journaliere_par_lit\" endLabel=\"text.la_60_C\" type=\"number\" value={data.ConsoJourLit} min={allData.ConsoJourLit.minimum} max={allData.ConsoJourLit.maximum} name=\"ConsoJourLit\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n\n\n
\n \n
\n )\n case SubAppCode.PISCINE:\n case SubAppCode.SALLEDEFITNESS:\n return (<>\n \n
\n \n
\n )\n case SubAppCode.HOPITALCLINIQUEDOUCHES:\n case SubAppCode.EHPAD:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.periode_d_affluence\" endLabel=\"text.h\" type=\"number\" value={data.TpsAffl} name=\"TpsAffl\" min={allData.TpsAffl.minimum} max={allData.TpsAffl.maximum} setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} />\n { onKeyDown(e, 1, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.periode_d_affluence\" endLabel=\"text.pers_h\" type=\"number\" value={data.Affl} min={allData.Affl.minimum} max={allData.Affl.maximum} name=\"Affl\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} hasInfoButton={true} infoValue=\"text.FO_HELP_SWIM_FITNESS_PA\" />\n { onKeyDown(e, 2, true) }} id={id} allData={allData} onError={onError} startLabel=\"text.periode_hors_affluence\" endLabel=\"text.pers_h\" type=\"number\" value={data.NAffl} name=\"NAffl\" min={allData.NAffl.minimum} max={allData.NAffl.maximum} setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} endLabelProps={{ className: \"description\", wrap: \"\" }} disabled={true} hasInfoButton={true} infoValue=\"text.FO_HELP_SWIM_FITNESS_PHA\" />\n
\n \n \n text.fréquentation_horaire \n \n
\n \n
\n )\n case SubAppCode.TRADITIONNEL:\n case SubAppCode.GASTRONOMIQUE:\n case SubAppCode.RAPIDE:\n case SubAppCode.COLLECTIF:\n return (<>\n \n { onKeyDown(e, 0, true) }} id={id} allData={allData} onError={onError} endLabel=\"text.liters_a_60_c\" startLabel=\"text.volume_journalier_maximal_consomme_par_lit_a_60_c\" type=\"number\" value={data.VJRef} min={allData.VJRef.minimum} max={allData.VJRef.maximum} name=\"VJRef\" setData={setData} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} />\n { onKeyDown(e, 1, true) }} id={id} allData={allData} endLabel=\"text.liters_a_60_c\" startLabel=\"text.volume_ecs_par_repas_hors_lita_titre_dinformation\" type=\"number\" value={4} disabled={true} formFieldClass=\"middle\" startLabelProps={{ className: \"description\", wrap: \"\" }} />\n
\n \n
\n )\n default:\n return null;\n }\n } else {\n return null;\n }\n\n}","import React, { useEffect, useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport i18n from '../../../../Shared/Translation/i18n';\nimport { T, DataTip } from '../../../../components/Translations';\nimport { ProductionMode, SystemCode } from '../../../../project/Defines';\nimport { Project } from '../../../../project/Project';\nimport { setApplicationData } from '../../../../store/actions';\n\nfunction Zone2(props) {\n const dispatch = useDispatch();\n const [subApplications, setSubApplications] = useState(null);\n\n const { setSystem, setProductionMode, setZone3ApiData, setZone4Data, zone4Data, history, application, subapplication, productionMode, system, id, sectionHeaderStyle, zone, setCalculatedApiData, systemData, setSolutions, applicationData, setMainSolution, setDefaultSolution, productionModes, setActiveRowIndex, setEtudeAllData } = props;\n\n useEffect(() => {\n if (productionMode && productionModes) {\n setSubApplications(productionModes.find(m => m.code === productionMode).subSystems)\n }\n }, [productionModes, productionMode])\n\n const applicationChange = (e, system) => {\n //setSubApplications(system.subSystems)\n setProductionMode(system.code);\n setZone4Data(null);\n setZone3ApiData(null);\n //setSystemData(null)\n setSolutions(null);\n setMainSolution(null);\n setDefaultSolution(null);\n if (system.code === ProductionMode.ACCUMULE) {\n setSystem(SystemCode.BALLONS_ELECTRIQUES);\n setEtudeAllData(item => ({ ...item, system: SystemCode.BALLONS_ELECTRIQUES }));\n dispatch(setApplicationData({ ...applicationData, [id]: { ...applicationData[id], edited: true } }));\n } else {\n //setSystem(null)\n subApplicationChange(null, null);\n }\n /* \n * if (+zone !== 2) {\n history.push(Project.getPageUrl(\"applications\", [application, subapplication, id, 2]));\n }*/\n setEtudeAllData(item => ({ ...item, productionMode: system.code }));\n }\n useEffect(() => {\n return () => {\n let _zone = history.location.pathname.substring(history.location.pathname.lastIndexOf('/') + 1, history.location.pathname.length);// NOTE GrogorM\n if (+_zone === 1 && history.action === \"POP\") {\n setProductionMode(null);\n setCalculatedApiData(null);\n setEtudeAllData(item => ({ ...item, productionMode: null, calculatedApiData: null }));\n //dispatch(setApplicationData({ ...applicationData, [id]: { ...applicationData[id], productionMode: null, calculatedApiData: null } }))\n }\n /* NOTE: \n * GrigorM\n setZone4Data(null);\n setZone3ApiData(null);\n setSystem(null);\n setProductionMode(null)\n setSystemData(null)\n */\n }\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\n const subApplicationChange = (e, subSystem) => {\n setSystem(subSystem);\n setZone4Data(null);\n setZone3ApiData(null);\n //setSystemData(null)\n setSolutions(null);\n setMainSolution(null);\n setDefaultSolution(null);\n setActiveRowIndex(null);\n setEtudeAllData(item => ({ ...item, system: subSystem }));\n dispatch(setApplicationData({ ...applicationData, [id]: { ...applicationData[id], edited: true, system: subSystem } }));\n }\n\n useEffect(() => { //NOSONAR\n if (system) {\n if (applicationData && applicationData[id] && !applicationData[id].edited) {\n return\n }\n\n /* \n * if (applicationData.edited) {\n setZone4Data(null);\n setZone3ApiData(null);\n }*/\n\n if (systemData && system === SystemCode.ECHANGEUR_A_PLAQUES) {\n /*\n * setSystemData(item => ({ ...item, Pboucle: applicationData.edited ? \"\" : applicationData.systemData.Pboucle }));\n if (applicationData.edited) {\n setSolutions(null);\n }*/\n }\n \n if (applicationData && applicationData[id] && applicationData[id].edited) {\n if (+zone === 3) {\n history.replace(Project.getPageUrl(\"applications\", [application, subapplication, id, 3]));\n } else {\n history.push(Project.getPageUrl(\"applications\", [application, subapplication, id, 3]));\n }\n\n if (applicationData && applicationData[id] && applicationData[id].zone4Data && applicationData[id].zone4Data.opened && zone !== 'document' && zone4Data) {\n history.push(Project.getPageUrl(\"applications\", [application, subapplication, id, 4]));\n }\n }\n\n }\n }, [system, application, subapplication, id]);// eslint-disable-line react-hooks/exhaustive-deps\n\n\n return <>{productionModes &&\n\n \n
\n \n 2 \n
\n \n \n \n { //NOSONAR\n // eslint-disable-next-line default-case\n switch (system.value) {\n case \"FO_MODE_INSTANT\":\n return i18n(\"text.FO_HELP_INSTANT\")\n case \"FO_MODE_SI_SA\":\n return i18n(\"text.FO_HELP_SI/SA\")\n case \"FO_MODE_ACCUMULATE\":\n return i18n(\"text.FO_HELP_ACCUMULATE\")\n }\n }}>\n info \n \n \n ))}\n
\n\n {subApplications && <>\n \n
\n {\n productionModes.map((system, index) => (\n \n text.mode_de_production_decs
\n \n
\n \n }\n \n
\n {subApplications.map(subSystem => (\n \n ))}\n \n text.systeme
\n \n
\n \n text.pertes_thermiques_du_bouclage info \n FO_UNIT_KW
\n \n
\n \n text.type_de_generateur
\n \n
\n \n text.temperature_primaire text.celsius_degree
\n \n
\n \n break;\n case SystemCode.BALLONS_ECS_PREPARATEURS:\n fields = <>\n \n text.temperature_sortie_sec_ech text.celsius_degree
\n \n
\n \n text.pertes_thermiques_du_bouclage info \n FO_UNIT_KW
\n \n
\n \n text.type_de_generateur
\n \n
\n \n text.temperature_primaire text.celsius_degree
\n \n
\n \n break;\n case SystemCode.ECHANGEUR_BALLONS_ECS:\n case SystemCode.BALLONS_ECS_TANK_IN_TANK:\n // case SystemCode.ECHANGEUR_A_PLAQUES:\n fields = <>\n \n text.temperature_stockage_ecs text.celsius_degree
\n \n
\n \n text.pertes_thermiques_du_bouclage info \n FO_UNIT_KW
\n \n
\n \n text.temperature_primaire text.celsius_degree
\n \n
\n \n break;\n case SystemCode.ACCUMULATEURS_GAZ_BALLONS_ECS:\n case SystemCode.ACCUMULATEURS_GAZ_BALLONS_ECS_HMWM:\n fields = <>\n \n text.temperature_stockage_ecs text.celsius_degree
\n \n
\n \n text.pertes_thermiques_du_bouclage info \n FO_UNIT_KW
\n \n
\n \n break;\n case SystemCode.BALLONS_ELECTRIQUES:\n fields = <>\n \n text.temperature_stockage_ecs text.celsius_degree
\n \n
\n \n text.pertes_thermiques_du_bouclage info \n FO_UNIT_KW
\n \n
\n \n text.temperature_stockage_ecs text.celsius_degree
\n \n
\n \n break;\n }\n }\n\n useEffect(() => {\n\n if (zone3ApiData && calculatedData && (calculatedData.Pboucle || calculatedData.Pboucle === 0)) {\n if (dataSource && dataSource.length === 1) {\n setActiveRowIndex(0);\n\n let rowData = { ...dataSource[0] };\n onRowClick(rowData, 0);\n }\n }\n }, [zone3ApiData]);// eslint-disable-line react-hooks/exhaustive-deps\n\n\n const onRowClick = (record, rowIndex, fromGrid) => {\n if (fromGrid) {\n setActiveRowIndex(rowIndex);\n dispatch(setApplicationData({ ...applicationData, [id]: { ...applicationData[id], edited: true } }));\n }\n\n setZone4Data(item => ({ ...item, ...record, opened: true }));\n if (+zone === 4 && (applicationData && applicationData[id] && applicationData[id].edited)) {\n history.replace(Project.getPageUrl(\"applications\", [application, subapplication, id, 4]), zone);\n } else {\n if (SystemCode.ECHANGEUR_A_PLAQUES === system) { //NOSONAR\n history.replace(Project.getPageUrl(\"applications\", [application, subapplication, id, 4]), zone);\n } else {\n history.push(Project.getPageUrl(\"applications\", [application, subapplication, id, 4]), zone);\n }\n }\n }\n\n\n useEffect(() => {\n return () => {\n let _zone = history.location.pathname.substring(history.location.pathname.lastIndexOf('/') + 1, history.location.pathname.length);// NOTE GrogorM\n if (+_zone <= 3 && history.action === \"POP\") {\n setSystem(null);\n setEtudeAllData(item => ({ ...item, system: null }));\n dispatch(setApplicationData({ ...applicationData, [id]: { ...applicationData[id], system: null } }));\n }\n /* NOTE: \n * GrigorM\n setZone4Data(null);\n setZone3ApiData(null);\n setSystem(null);\n setProductionMode(null)\n setSystemData(null)\n */\n }\n }, []);// eslint-disable-line react-hooks/exhaustive-deps\n\n return \n text.temps_de_reconstitution_du_stockage h
\n \n
\n :\n\n < Slider {...settings} key={key} >\n {props.children}\n {\n items.map((s, i) => {\n return onItemRender(s, i)\n })\n }\n \n }\n\n\n return slider;\n}","import { Table } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { SlickSlider } from '../../../../Shared/Slider';\nimport { PopupTypes } from '../../../../components/Popup';\nimport { T, DataTip } from '../../../../components/Translations';\nimport { /*AppPages,*/ AppPages, /*ProductionMode,*/ SystemCode } from '../../../../project/Defines';\nimport { Project } from '../../../../project/Project';\nimport { ApplicationFormField, FieldGroup } from '../../../../Shared/Form/formFields';\nimport { /*closePopup,*/ openPopup, setApplicationData } from '../../../../store/actions';\nimport { getZon4Defaults } from '../../../../components/Engine';\nimport { useRouteMatch } from 'react-router';\nimport { Picture } from '../../../../Shared/Picture/index';\n\n\n\nfunction Zone4(props) {\n let fields = null;\n const dispatch = useDispatch();\n const { system, solutions, setSystem, setActiveRowIndex, productionMode, dataItem, setIsDocumentOpen, engine, mainSolution, setMainSolution, setSolutions, defaultSolution, zone4Data, setZone4Data, solutionDetailWindowKey, /*solutionsWindowKey,*/ isAlternativeSolution, setIsAlternativeSolution, sectionHeaderStyle, history,/* id, zone,*/ application, subapplication, setEtudeAllData, currentNetwork, applicationData, noSolutionMesssage } = props; const { calculatedData } = engine;\n const [showGrid, setShowGrid] = useState(false);\n const [selectedItems, setSelectedItems] = useState([]);\n const [zone4AllData, setZone4AllData] = useState(null);\n // eslint-disable-next-line no-unused-vars\n const { params: { id, zone } } = useRouteMatch(Project.getPageUrl(AppPages.Applications, [':application?', ':subapplication?', ':id?', \":zone?\"])); //NOSONAR\n \n\n useEffect(() => {\n let defaultsData = getZon4Defaults(system, currentNetwork.code, { Pboucle: !!calculatedData.Pboucle });\n //console.log(defaultsData);\n setZone4AllData(defaultsData.allData);\n\n if (applicationData && applicationData[id] && applicationData[id].edited) {\n setZone4Data({\n ...defaultsData.defaults,\n ...zone4Data,\n\n rechauff: defaultsData.defaults.rechauff,\n opened: true\n });\n }\n\n //setZone4Data({ ...zone4Data, rechauff: !!calculatedData.Pboucle }) //NOTE: Arman defaults how to set?\n }, [calculatedData.Pboucle]);// eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n //console.log(currentNetwork.brand);\n //if (currentNetwork.brand === \"ACV\"){\n if (currentNetwork.brand === \"ACV\" && (system === SystemCode.ECHANGEUR_BALLONS_ECS || system === SystemCode.BALLONS_ECS_TANK_IN_TANK || system === SystemCode.ACCUMULATEURS_GAZ_BALLONS_ECS_HMWM)) {\n if (zone4Data.CuveInox) {\n //debugger;\n setZone4Data({\n ...zone4Data,\n Jaquette: '',\n Ouverture: ''\n });\n };\n }\n }, [zone4Data && zone4Data.CuveInox]);// eslint-disable-line react-hooks/exhaustive-deps\n\n\n let columns = [\n {\n title: \n
\n \n {\n items.map((s, i) => {\n return
\n \n
\n })\n }\n \n \n {onItemRender(s, i) }\n
\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n \n \n \n \n info \n \n \n
\n \n
\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n
\n \n text.circulateur_de_charge_du_des_ballons
\n \n text.echangeur_zone4
\n */}\n {/*
*/}\n\n */}\n {/* */}\n {/*
*/}\n {/* infoButtonClick(\"text.FO_HELP_EXTENSIBLE\")}>info
*/}\n {/* \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n \n \n \n info \n \n
\n \n {currentNetwork.brand === \"ACV\" ? Jaquette\n :
\n \n text.cuve
}\n */}\n {/*
*/}\n */}\n {/* FO_ZONE4_OPENING
*/}\n {/*\n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n\n \n {currentNetwork.brand === \"ACV\" ? JaquettePrep\n : <>\n text.cuve
\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n \n text.cuve
\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n \n text.cuve
\n \n text.cuve
\n \n \n fields = <>\n \n text.contraintes_chaufferie_acces_si_connues \n info \n \n \n
\n \n
\n\n \n \n
\n \n {currentNetwork.brand === \"ACV\" ? \n //zone4AllData.CuveInox ? [QuveInox, JaquetteBE] :\n JaquetteBE :\n QuveInox\n }\n
\n \n
\n \n
\n\n \n \n FO_ZONE4_OPENING
\n \n 4 \n
\n \n
\n \n
\n {zone4AllData && fields}\n \n text.autres_criteres_de_selection_de_la_solution_remplissage_facultatif
\n {\n setMainSolution(defaultSolution);\n setEtudeAllData(item => ({ ...item, mainSolution: defaultSolution }));\n setIsAlternativeSolution(false);\n }}>Revenir à la solution préconisée par Atlantic
\n \n\n
\n\n\n \n text.FO_SOL_SOLUTION text.FO_DEF_PRICE {Project.formatToNumber(mainSolution.prix)} text.FO_SOL_CURRENCY
\n \n {system !== SystemCode.ECHANGEUR_A_PLAQUES &&\n <>\n text.FO_SOL_WIDTH : {mainSolution.largeur_mini} text.FO_UNIT_MM text.FO_SOL_HEIGHT : {mainSolution.hauteur_min} text.FO_UNIT_MM
\n }\n\n \n
\n \n {noSolutionMesssage && {noSolutionMesssage} //NOSONAR\n \n \n \n */}\n\n {/* */}\n \n {s.previewUrls && s.previewUrls.length > 1 &&\n \n \n {\n openDetails(s)\n /* NOTE: history.push(Project.getPageUrl(AppPages.SolutionDetails, [application, subapplication, AppPages.SolutionDetails]));*/\n }}> {// eslint-disable-line jsx-a11y/anchor-is-valid\n }\n \n \n }\n \n \n \n\n { openDetails(s) }}>\n FO_ETUDE_INFO \n \n }\n >\n\n\n \n }\n\n\n
\n {Project.getProductLabel(s, props.culture)}
\n {text}
, //\n
}\n {/*\n
\n \n
\n\n \n text.FO_ETU_ZONE3_HELP
\n { openDocumentDetails() }}>\n text.FO_BUTTON_DOCUMENT
\n \n Espace personnel \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n updateData(updateSuccessCallback)} className={hasChanges ? ' button primary' : 'button'}>save text.save
\n \n FAQ \n
\n {item.answer}
\nnon-valid network name
\n }\n\n // if (isMaintainance) {\n // return