\r\n \r\n {/* */}\r\n \r\n
\r\n )\r\n }\r\n else {\r\n return ( \r\n \r\n ![]({\"/upload/\")
0 ?imageWidth + \"px\":null, height:imageHeight>0 ? imageHeight + \"px\":null, marginLeft:marginLeft + \"px\"}} \r\n onError={({ currentTarget }) => {\r\n currentTarget.onerror = null; // prevents looping\r\n currentTarget.src=\"/images/Hus_linje_ill.jpg\";\r\n }}\r\n />\r\n
\r\n 0 ?imageWidth + \"px\":null, height:imageHeight>0 ? imageHeight + \"px\":null, marginLeft:marginLeft + \"px\"}} \r\n onError={({ currentTarget }) => {\r\n currentTarget.onerror = null; // prevents looping\r\n currentTarget.src=\"/images/Hus_linje_ill.jpg\";\r\n }}\r\n />\r\n \r\n \r\n
);\r\n }\r\n }\r\n\r\n const getPictureHelpText = function() {\r\n if (imageUrl !== null && imageUrl !== 'undefined' && imageUrl !== '') {\r\n return (\r\n Dra og slipp
\r\n eller klikk her for å laste opp bilde
\r\n \r\n Klikk på bildet eller dra inn et nytt bilde for å laste opp\r\n
\r\n )\r\n }\r\n else {\r\n return ''\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n )\r\n}\r\n \r\nconst mapStateToProps = (state: IApplicationState) => ({\r\n isAuthenticated: state.auth.isAuthenticated,\r\n role: state.auth.role,\r\n userName: state.auth.userName,\r\n isAdmin: state.auth.isAdmin\r\n });\r\n\r\nexport default connect(mapStateToProps, actionCreators)(ContactDialog);","import React from \"react\";\r\nimport './BkButton.scss';\r\n\r\nfunction BkButton(props) {\r\n\r\n function handleClick(e) {\r\n e.preventDefault();\r\n if (props.onClickHandler !== undefined) {\r\n if (props.arg !== undefined) {\r\n props.onClickHandler(props.arg);\r\n }\r\n else {\r\n props.onClickHandler();\r\n }\r\n }\r\n }\r\n\r\n return \r\n \r\n Send mail til Byggekost\r\n \r\n
\r\n \r\n
\r\n \r\n Hei, kontakt oss gjerne for spørsmål og tilbakemeldinger om Byggekost.\r\n
\r\n \r\n For bruk av siden, les gjerne Instruks og Veiledning.\r\n
\r\n\r\n \r\n \r\n Henvendelsen gjelder \r\n handleSelectChange(e)}\r\n \r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n handleSetComment(e)}\r\n className='mt-2'\r\n />\r\n\r\n \r\n\r\n\r\n
\r\n\r\n\r\n handleClick(e)}>{props.caption}
\r\n}\r\n\r\nexport default BkButton;","import React from \"react\";\r\nimport './ContactButton.scss';\r\n\r\nfunction ContactButton(props) {\r\n\r\n function handleClick(e) {\r\n e.preventDefault();\r\n if (props.onClickHandler !== undefined) {\r\n if (props.arg !== undefined) {\r\n props.onClickHandler(props.arg);\r\n }\r\n else {\r\n props.onClickHandler();\r\n }\r\n }\r\n }\r\n \r\n return handleClick(e)}>{props.caption}
\r\n }\r\n \r\n export default ContactButton;","import React, { useState, useEffect, useRef } from 'react'\r\n\r\ntype NumericInputProps = {\r\n readonly value: number;\r\n readonly class?: string;\r\n readonly id?: number;\r\n readonly name?: string;\r\n readonly key?: string;\r\n readonly readOnly?: boolean;\r\n readonly disabled?: boolean;\r\n readonly decimals?: number;\r\n readonly placeholder?: string;\r\n readonly noSpaces?: boolean;\r\n readonly suffix?: string;\r\n readonly prefix?: string;\r\n readonly sum?: boolean;\r\n readonly onValueChangeCb?: (value: number, id?: number, name?: string) => void;\r\n};\r\n\r\n\r\nconst keyPressTimer = 2000;\r\nlet valueTimer = null;\r\n\r\nfunction NumericInput(props: NumericInputProps) {\r\n\r\n const [value, setValue] = useState(0);\r\n const [id, setId] = useState(0);\r\n const [decimals, setDecimals] = useState(0);\r\n const [name, setName] = useState('');\r\n const [showBlank, setShowBlank] = useState(false);\r\n\r\n useEffect(() => {\r\n setValue(props.noSpaces ? noSpaces(round(props.value, props.decimals)) : addSpaces(round(props.value, props.decimals)));\r\n\r\n if (props.decimals != null) {\r\n setDecimals(props.decimals);\r\n }\r\n\r\n if (props.id != null) {\r\n setId(props.id);\r\n }\r\n\r\n if (props.name != null && props.name != '') {\r\n setName(props.name);\r\n }\r\n }, [props]);\r\n\r\n const addSpaces = num => num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \" \");\r\n const noSpaces = num => num.toString();\r\n const removeNonNumericWithDecimals = num => num.toString().replace(/[^0-9\\.]/g, \"\");\r\n const removeNonNumeric = num => num.toString().replace(/[^0-9]/g, \"\");\r\n\r\n const handleChange = (e) => {\r\n var { floatValue, val } = handleInput(e.target.value);\r\n if (isNaN(floatValue)) return;\r\n setShowBlank(true);\r\n setValue(addSpaces(val));\r\n if (valueTimer !== null) {\r\n clearTimeout(valueTimer);\r\n }\r\n valueTimer = setTimeout(() => {\r\n if (props.onValueChangeCb != null)\r\n props.onValueChangeCb(floatValue, id, props.name);\r\n }, keyPressTimer);\r\n }\r\n\r\n const handleBlur = (e) => {\r\n if (valueTimer == null) {\r\n //No pending changes\r\n return;\r\n }\r\n setShowBlank(false);\r\n clearTimeout(valueTimer);\r\n var { floatValue, val } = handleInput(e.target.value);\r\n if (isNaN(floatValue)) floatValue = 0;\r\n setValue(props.noSpaces ? noSpaces(val) : addSpaces(val));\r\n if (props.onValueChangeCb != null)\r\n props.onValueChangeCb(floatValue, id, name);\r\n }\r\n\r\n const handleInput = (input) => {\r\n input = input.replace(\",\", \".\");\r\n var val = input;\r\n if (decimals > 0) {\r\n val = removeNonNumericWithDecimals(input)\r\n }\r\n else {\r\n val = removeNonNumeric(input)\r\n }\r\n var floatValue = parseFloat(val);\r\n if (val == '') {\r\n floatValue = 0;\r\n }\r\n return { floatValue, val }\r\n }\r\n\r\n const display = (val) => {\r\n if (val === '0' && (decimals === 0 || showBlank == false)) {\r\n return \"\"\r\n }\r\n return val;\r\n }\r\n\r\n return (\r\n \r\n {props.prefix &&
\r\n );\r\n}\r\n\r\nconst round = (value, precision) => {\r\n var multiplier = Math.pow(10, precision || 0);\r\n return Math.round(value * multiplier) / multiplier;\r\n}\r\n\r\nexport default NumericInput;","import { FunctionReturnTypes, ReduxAction } from '../';\r\nimport { actionCreators } from './actions';\r\nimport { AuthActionType, IAuthUser, IAuthState, AuthStatusEnum } from './types';\r\n\r\nconst initialState: IAuthState = {\r\n token: '',\r\n userName: '',\r\n isAuthenticated: false,\r\n status: AuthStatusEnum.NONE,\r\n isAdmin: false,\r\n allowOld: true\r\n};\r\n\r\nexport const reducer = (\r\n state: IAuthState = initialState,\r\n incomingAction: FunctionReturnTypes{props.prefix}
}\r\n \r\n {props.suffix && {props.suffix}}\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n {text}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport { ContactButton } from '../../components';\r\nimport { BkButton } from '../../components';\r\nimport parse from 'html-react-parser';\r\n\r\nexport interface ConfirmationDialogProps {\r\n title:string;\r\n text:string;\r\n open: boolean;\r\n id:number;\r\n onClose: (value: number) => void;\r\n}\r\n\r\nexport default function ConfirmationDialog(props: ConfirmationDialogProps) {\r\n const { onClose, open, title, text, id } = props;\r\n \r\n const handleCancel = () => {\r\n onClose(0);\r\n };\r\n\r\n const handleOk = () => {\r\n onClose(id);\r\n };\r\n\r\n\r\n return (\r\n {parse(text)}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n });\r\n\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {instructions == null || instructions.length == 0 &&\r\n handleSelected(grade.gradeId, showInDialog)}>{grade.name}\r\n
\r\n {grade.description}
\r\n }\r\n\r\n {parse(getDetails(grade.gradeId))}
\r\n\r\n handleSelected(calculation)}>\r\n
\r\n \r\n });\r\n\r\n }\r\n\r\n\r\n\r\n return (\r\n {formatDateTime(calculation.createdDate)}
\r\n {getCalculationName(calculation)}
\r\n {calculation.buildYear>0?calculation.buildYear : '-'}
\r\n {formatValue(calculation.buildingCost, 0 , ' kr')}
\r\n {formatValue(calculation.valueReduction, 0 , ' kr')}
\r\n \r\n
\r\n \r\n
\r\n {calculationsHtml}\r\n Opprettet dato
\r\n Type
\r\n Byggeår
\r\n Byggekostnad
\r\n Verdireduksjon
\r\n \r\n \r\n \r\n \r\n
;\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n\r\n )\r\n}\r\n\r\n\r\nexport default React.memo(PhraseRow);","import React, { useState, useEffect } from 'react';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { ContactButton } from '../'\r\nimport { BkButton } from '../'\r\nimport { BkButtonSmall } from '../'\r\nimport { PhraseApi } from '../../api';\r\nimport { ConfirmationDialog } from '.'\r\nimport PhraseRow from './PhraseRow';\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Draggable from \"react-draggable\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTrashAlt, faPlus } from '@fortawesome/free-solid-svg-icons'\r\n\r\nfunction PaperComponent(props) {\r\n return (\r\n \r\n
\r\n \r\n :\r\n <>\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n }\r\n\r\n \r\n {props.isSystem == false &&\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
;\r\n\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default React.memo(RoomRows);","import React, { useState, useEffect } from 'react';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { BkButton } from '..'\r\nimport { ContactButton } from '..'\r\nimport RoomRow from './RoomRow';\r\nimport { PhraseApi } from '../../api';\r\nimport { ConfirmationDialog } from '.'\r\nimport { TextLineInput } from '../../components'\r\n\r\n\r\nexport interface SelectRoomsDialogProps {\r\n open: boolean;\r\n phraseKey: string;\r\n text: string;\r\n alphabetical: boolean;\r\n handleCancelCb: () => void;\r\n handleSaveCb: (text: string) => void;\r\n}\r\n\r\nconst SelectRoomsDialog = (props: SelectRoomsDialogProps) => {\r\n const [openDialog, setOpenDialog] = useState(false);\r\n const [phrases, setPhrases] = useState([]);\r\n const [selectedPhrases, setSelectedPhrases] = useState([]);\r\n const [focusPhraseId, setFocusPhraseId] = useState(0);\r\n const [newPhraseText, setNewPhraseText] = useState(\"\")\r\n const [displayConfirmDialog, setDisplayConfirmDialog] = useState(false);\r\n const [idToBeDeleted, setIdToBeDeleted] = useState(0);\r\n\r\n useEffect(() => {\r\n setOpenDialog(props.open);\r\n setSelectedPhrases([]);\r\n if (props.open) {\r\n\r\n PhraseApi.getPhrases(props.phraseKey, props.alphabetical)\r\n .then(\r\n (response) => {\r\n setPhrases(response.data);\r\n },\r\n (error) => {\r\n // \r\n console.log(error);\r\n });\r\n }\r\n }, [props.open]);\r\n\r\n const handleClose = () => {\r\n props.handleCancelCb();\r\n };\r\n\r\n const handleConfirmDialogClose = (id) => {\r\n setDisplayConfirmDialog(false);\r\n if (id > 0) {\r\n PhraseApi.deletePhrase(id)\r\n .then(\r\n (response) => {\r\n setPhrases(phrases.filter(p => p.phraseId != id));\r\n setIdToBeDeleted(0);\r\n },\r\n (error) => {\r\n // \r\n console.log(error);\r\n });\r\n }\r\n }\r\n\r\n const handleDelete = (id) => {\r\n setIdToBeDeleted(id);\r\n setDisplayConfirmDialog(true);\r\n };\r\n\r\n const handleSave = () => {\r\n var text = '';\r\n var len = selectedPhrases.length;\r\n selectedPhrases.map((phrase, index) => {\r\n if (phrase.selected === true) {\r\n if (index == 0) {\r\n if (props.text === '') {\r\n text = phrase.text;\r\n }\r\n else {\r\n text = phrase.text;\r\n }\r\n }\r\n else if (index == len - 1) {\r\n text = text + \", \" + phrase.text;\r\n }\r\n else {\r\n text = text + \", \" + phrase.text;\r\n }\r\n }\r\n return phrase;\r\n })\r\n props.handleSaveCb(text);\r\n }\r\n\r\n const handleRoomSelected = (id, selected) => {\r\n if (id > 0) {\r\n var thePhrase = null;\r\n phrases.map((phrase, index) => {\r\n if (phrase.phraseId === id) {\r\n phrase.selected = selected;\r\n thePhrase = phrase;\r\n }\r\n return phrase;\r\n })\r\n\r\n if (selected) {\r\n setSelectedPhrases(selectedPhrases => [...selectedPhrases, thePhrase])\r\n }\r\n else {\r\n setSelectedPhrases(selectedPhrases.filter(p => p.phraseId != id));\r\n }\r\n }\r\n };\r\n\r\n const handleAdd = () => {\r\n if (newPhraseText != '' && newPhraseText != null && newPhraseText != undefined) {\r\n var newPhrase = {\r\n phraseId: 0,\r\n userId: 0,\r\n key: props.phraseKey,\r\n text: \"\",\r\n order: 0\r\n }\r\n const newArray = [...phrases];\r\n newArray.splice(0, 0, newPhrase);\r\n setPhrases(newArray);\r\n setFocusPhraseId(0);\r\n var phrase = newArray.find(phrase => phrase.phraseId == 0);\r\n if (phrase != null) {\r\n phrase.text = newPhraseText;\r\n addPhrase(phrase, newArray);\r\n }\r\n }\r\n }\r\n\r\n const addPhrase = (phrase, array) => {\r\n PhraseApi.addPhrase(phrase)\r\n .then(\r\n (response) => {\r\n var copy = array.map((phrase, index) => {\r\n if (phrase.phraseId === 0) {\r\n if (focusPhraseId == 0) {\r\n setFocusPhraseId(response.data.phraseId);\r\n }\r\n return response.data;\r\n }\r\n return phrase;\r\n })\r\n setPhrases(copy);\r\n setNewPhraseText('')\r\n },\r\n (error) => {\r\n // \r\n console.log(error);\r\n });\r\n }\r\n\r\n const handleNewPhraseChange = (value) => {\r\n // const { value } = e.target;\r\n setNewPhraseText(value)\r\n }\r\n\r\n const handleUpdated = (phraseId, text) => {\r\n if (phraseId == 0) {\r\n //New (post)\r\n var phrase = phrases.find(phrase => phrase.phraseId == 0);\r\n if (phrase != null) {\r\n phrase.text = text;\r\n addPhrase(phrase, phrases);\r\n }\r\n }\r\n else {\r\n // existing => put\r\n var phrase = phrases.find(phrase => phrase.phraseId == phraseId);\r\n if (phrase != null) {\r\n phrase.text = text;\r\n updatePhrase(phrase);\r\n }\r\n }\r\n }\r\n\r\n const updatePhrase = (phrase) => {\r\n PhraseApi.updatePhrase(phrase)\r\n .then(\r\n (response) => {\r\n var copy = phrases.map((phrase, index) => {\r\n if (phrase.phraseId === 0) {\r\n if (focusPhraseId == 0) {\r\n setFocusPhraseId(response.data.phraseId);\r\n }\r\n return response.data;\r\n }\r\n return phrase;\r\n })\r\n setPhrases(copy);\r\n },\r\n (error) => {\r\n // \r\n console.log(error);\r\n });\r\n }\r\n\r\n\r\n const getTitle = () => {\r\n return 'Velg Rom'\r\n }\r\n\r\n let phrasesHtml = null;\r\n phrasesHtml = phrases.map((phrase) => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n :\r\n <>\r\n {props.room}
\r\n \r\n }\r\n\r\n \r\n\r\n