import React , { Fragment } from 'react' ; import InfoBox from '../../components/info-box' ; import { dataFields } from '../../config/data-fields-config' ; import CheckboxDataEntry from '../data-components/checkbox-data-entry' ; import DataEntry from '../data-components/data-entry' ; import { DataEntryGroup } from '../data-components/data-entry-group' ; import SelectDataEntry from '../data-components/select-data-entry' ; import Verification from '../data-components/verification' ; import withCopyEdit from '../data-container' ; import { CategoryViewProps } from './category-view-props' ; /**
* Planning view/edit section
*/ const PlanningView = ( props ) => ( < Fragment > < DataEntry title = { dataFields . planning_portal_link . title } slug = "planning_portal_link" value = { props . building . planning_portal_link } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_portal_link" allow_verify = { props . user !== undefined && props . building . planning_portal_link !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_portal_link" ) } user_verified_as = { props . user_verified . planning_portal_link } verified_count = { props . building . verified . planning_portal_link } / > < DataEntryGroup name = "Planning Status" > < CheckboxDataEntry title = "Is a planning application live for this site?" slug = "planning_live_application" value = { null } disabled = { true } / > < CheckboxDataEntry title = { dataFields . planning_demolition_proposed . title } slug = "planning_demolition_proposed" value = { props . building . planning_demolition_proposed } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } disabled = { true } / > < CheckboxDataEntry title = "Has this application recently been been approved/refused?" slug = "planning_recent_outcome" value = { null } disabled = { true } / > < CheckboxDataEntry title = "Has the work been carried out?" slug = "planning_carried_out" value = { null } disabled = { true } / > < InfoBox msg = "For historical planning applications see Planning Portal link" / > { } < /DataEntryGroup> < DataEntryGroup name = "Designation and Protection" collapsed = { false } > < CheckboxDataEntry title = { dataFields . planning_in_conservation_area . title } slug = "planning_in_conservation_area" value = { props . building . planning_in_conservation_area } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_in_conservation_area" allow_verify = { props . user !== undefined && props . building . planning_in_conservation_area !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_in_conservation_area" ) } user_verified_as = { props . user_verified . planning_in_conservation_area } verified_count = { props . building . verified . planning_in_conservation_area } / > < DataEntry title = { dataFields . planning_conservation_area_name . title } slug = "planning_conservation_area_name" value = { props . building . planning_conservation_area_name } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_conservation_area_name" allow_verify = { props . user !== undefined && props . building . planning_conservation_area_name !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_conservation_area_name" ) } user_verified_as = { props . user_verified . planning_conservation_area_name } verified_count = { props . building . verified . planning_conservation_area_name } / > < CheckboxDataEntry title = { dataFields . planning_in_list . title } slug = "planning_in_list" value = { props . building . planning_in_list } mode = { props . mode } disabled = { true } copy = { props . copy } onChange = { props . onChange } / > < DataEntry title = { dataFields . planning_list_id . title } slug = "planning_list_id" value = { props . building . planning_list_id } mode = { props . mode } disabled = { true } copy = { props . copy } onChange = { props . onChange } / > < SelectDataEntry title = { dataFields . planning_list_cat . title } slug = "planning_list_cat" value = { props . building . planning_list_cat } mode = { props . mode } disabled = { true } copy = { props . copy } onChange = { props . onChange } options = { [ "Listed Building" , "Scheduled Monument" , "World Heritage Site" , "Building Preservation Notice" , "None" ] } / > < SelectDataEntry title = { dataFields . planning_list_grade . title } slug = "planning_list_grade" value = { props . building . planning_list_grade } mode = { props . mode } disabled = { true } copy = { props . copy } onChange = { props . onChange } options = { [ "I" , "II*" , "II" , "None" ] } / > < DataEntry title = { dataFields . planning_heritage_at_risk_id . title } slug = "planning_heritage_at_risk_id" value = { props . building . planning_heritage_at_risk_id } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_heritage_at_risk_id" allow_verify = { props . user !== undefined && props . building . planning_heritage_at_risk_id !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_heritage_at_risk_id" ) } user_verified_as = { props . user_verified . planning_heritage_at_risk_id } verified_count = { props . building . verified . planning_heritage_at_risk_id } / > < DataEntry title = { dataFields . planning_world_list_id . title } slug = "planning_world_list_id" value = { props . building . planning_world_list_id } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_world_list_id" allow_verify = { props . user !== undefined && props . building . planning_world_list_id !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_world_list_id" ) } user_verified_as = { props . user_verified . planning_world_list_id } verified_count = { props . building . verified . planning_world_list_id } / > < CheckboxDataEntry title = { dataFields . planning_in_glher . title } slug = "planning_in_glher" value = { props . building . planning_in_glher } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_in_glher" allow_verify = { props . user !== undefined && props . building . planning_in_glher !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_in_glher" ) } user_verified_as = { props . user_verified . planning_in_glher } verified_count = { props . building . verified . planning_in_glher } / > < DataEntry title = { dataFields . planning_glher_url . title } slug = "planning_glher_url" value = { props . building . planning_glher_url } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_glher_url" allow_verify = { props . user !== undefined && props . building . planning_glher_url !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_glher_url" ) } user_verified_as = { props . user_verified . planning_glher_url } verified_count = { props . building . verified . planning_glher_url } / > < CheckboxDataEntry title = { dataFields . planning_in_apa . title } slug = "planning_in_apa" value = { props . building . planning_in_apa } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_in_apa" allow_verify = { props . user !== undefined && props . building . planning_in_apa !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_in_apa" ) } user_verified_as = { props . user_verified . planning_in_apa } verified_count = { props . building . verified . planning_in_apa } / > < DataEntry title = { dataFields . planning_apa_name . title } slug = "planning_apa_name" value = { props . building . planning_apa_name } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_apa_name" allow_verify = { props . user !== undefined && props . building . planning_apa_name !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_apa_name" ) } user_verified_as = { props . user_verified . planning_apa_name } verified_count = { props . building . verified . planning_apa_name } / > < DataEntry title = { dataFields . planning_apa_tier . title } slug = "planning_apa_tier" value = { props . building . planning_apa_tier } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_apa_tier" allow_verify = { props . user !== undefined && props . building . planning_apa_tier !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_apa_tier" ) } user_verified_as = { props . user_verified . planning_apa_tier } verified_count = { props . building . verified . planning_apa_tier } / > < CheckboxDataEntry title = { dataFields . planning_in_local_list . title } slug = "planning_in_local_list" value = { props . building . planning_in_local_list } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_in_local_list" allow_verify = { props . user !== undefined && props . building . planning_in_local_list !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_in_local_list" ) } user_verified_as = { props . user_verified . planning_in_local_list } verified_count = { props . building . verified . planning_in_local_list } / > < DataEntry title = { dataFields . planning_local_list_url . title } slug = "planning_local_list_url" value = { props . building . planning_local_list_url } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_local_list_url" allow_verify = { props . user !== undefined && props . building . planning_local_list_url !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_local_list_url" ) } user_verified_as = { props . user_verified . planning_local_list_url } verified_count = { props . building . verified . planning_local_list_url } / > < CheckboxDataEntry title = { dataFields . planning_in_historic_area_assessment . title } slug = "planning_in_historic_area_assessment" value = { props . building . planning_in_historic_area_assessment } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_in_historic_area_assessment" allow_verify = { props . user !== undefined && props . building . planning_in_historic_area_assessment !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_in_historic_area_assessment" ) } user_verified_as = { props . user_verified . planning_in_historic_area_assessment } verified_count = { props . building . verified . planning_in_historic_area_assessment } / > < DataEntry title = { dataFields . planning_historic_area_assessment_url . title } slug = "planning_historic_area_assessment_url" value = { props . building . planning_historic_area_assessment_url } mode = { props . mode } copy = { props . copy } onChange = { props . onChange } / > < Verification slug = "planning_historic_area_assessment_url" allow_verify = { props . user !== undefined && props . building . planning_historic_area_assessment_url !== null && ! props . edited } onVerify = { props . onVerify } user_verified = { props . user_verified . hasOwnProperty ( "planning_historic_area_assessment_url" ) } user_verified_as = { props . user_verified . planning_historic_area_assessment_url } verified_count = { props . building . verified . planning_historic_area_assessment_url } / > < /DataEntryGroup> < /Fragment>); const PlanningContainer = withCopyEdit ( PlanningView ) ; export default PlanningContainer ;