\n {indicator_changeset_name_map[name]}: {(mapped_data !== null && mapped_data !== undefined)?mapped_data.toString():'N/A'}\n
\n }\n}\n\nclass ChangesetEntry extends React.Component {\n renderType(type, data, name) {\n switch(type) {\n case 'indicator_changed':\n case 'indicator_created':\n case 'indicator_deleted':\n return \n break\n case 'result_changed':\n case 'result_created':\n case 'result_deleted':\n return \n\n
\n
\n
\n \n \n \n {gettext(\"Date and Time\")} \n {gettext(\"No.\")} \n {gettext(\"Indicator\")} \n {gettext(\"User\")} \n {gettext(\"Organization\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n {gettext(\"Rationale\")} \n \n \n \n {store.log_rows.map(data => \n {data.date} \n {(data.indicator)?data.indicator.number:'N/A'} \n {(data.indicator)?data.indicator.name:'N/A'} \n {data.user} \n {data.organization} \n {map_pretty_change_type(data.change_type)} \n \n \n {data.diff_list.map(changeset => {\n return \n \n \n \n {data.diff_list.map(changeset => {\n return \n \n {data.rationale} )}\n \n
\n \n
\n
{store.entries_count?`${store.entries_count} ${gettext(\"entries\")}`:`--`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \" +\n \"
× \" +\n \"
\" + message + \"
\" +\n \"
Form Help/Guidance \n\nconst DEFAULT_DESTRUCTIVE_MESSAGE = gettext(\"Your changes will be recorded in an audit log. Please record your rationale for future reference.\")\nconst DEFAULT_NONDESTRUCTIVE_MESSAGE = gettext('Your changes will be recorded in an audit log. Please record your rationale for future reference.')\n\nconst create_changeset_notice = ({\n message_text = DEFAULT_NONDESTRUCTIVE_MESSAGE,\n on_submit = () => {},\n on_cancel = () => {},\n confirm_text = 'Ok',\n cancel_text = 'Cancel',\n type = 'notice',\n inner = '',\n context = null\n} = {}) => {\n var notice = PNotify.alert({\n text: $(`
`).html(),\n textTrusted: true,\n icon: false,\n width: '350px',\n hide: false,\n type: type,\n addClass: 'program-page__rationale-form',\n stack: {\n 'overlayClose': true,\n 'dir1': 'right',\n 'dir2': 'up',\n 'firstpos1': 0,\n 'firstpos2': 0,\n 'context': context\n },\n modules: {\n Buttons: {\n closer: false,\n sticker: false\n },\n Confirm: {\n confirm: true,\n buttons: [\n {\n text: confirm_text,\n primary: true,\n addClass:(type == 'error')?'btn-danger':'',\n click: function (notice) {\n var close = true;\n var textarea = $(notice.refs.elem).find('textarea[name=\"rationale\"]')\n var rationale = textarea.val();\n textarea.parent().find('.invalid-feedback').remove();\n if(!rationale) {\n textarea.addClass('is-invalid');\n textarea.parent().append(`\n \n Results have been recorded. Rationale is required.\n
\n `);\n return false;\n } else {\n textarea.removeClass('is-invalid');\n }\n if(on_submit) {\n close = on_submit(rationale);\n if(close === undefined) {\n close = true;\n }\n }\n if(close) {\n notice.close();\n }\n }\n },\n {\n text: cancel_text,\n click: function (notice) {\n close = on_cancel()\n if(close === undefined) {\n close = true;\n }\n\n if(close) {\n notice.close();\n }\n }\n }\n ]\n }\n }\n })\n}\n\nwindow.create_destructive_changeset_notice = ({\n message_text = DEFAULT_DESTRUCTIVE_MESSAGE,\n on_submit = () => {},\n on_cancel = () => {},\n is_indicator = false,\n confirm_text = 'Ok',\n cancel_text = 'Cancel',\n context = null,\n no_preamble = false\n} = {}) => {\n if(!message_text) {message_text = DEFAULT_DESTRUCTIVE_MESSAGE}\n const preamble = (no_preamble)?'':`${gettext(\"This action cannot be undone.\")} `\n const inner = `\n \n
\n
${gettext(\"Warning\")} \n \n
\n
\n ${preamble}\n ${message_text}\n
\n
\n
\n
${gettext(\"Share Your Rationale\")} \n \n
\n
\n ${message_text}\n
\n
\" +\n \"
× \" +\n \"
\" + message + \"
\" +\n \"
Form Help/Guidance \n\nconst DEFAULT_DESTRUCTIVE_MESSAGE = gettext(\"Your changes will be recorded in an audit log. Please record your rationale for future reference.\")\nconst DEFAULT_NONDESTRUCTIVE_MESSAGE = gettext('Your changes will be recorded in an audit log. Please record your rationale for future reference.')\n\nconst create_changeset_notice = ({\n message_text = DEFAULT_NONDESTRUCTIVE_MESSAGE,\n on_submit = () => {},\n on_cancel = () => {},\n confirm_text = 'Ok',\n cancel_text = 'Cancel',\n type = 'notice',\n inner = '',\n context = null\n} = {}) => {\n var notice = PNotify.alert({\n text: $(`
`).html(),\n textTrusted: true,\n icon: false,\n width: '350px',\n hide: false,\n type: type,\n addClass: 'program-page__rationale-form',\n stack: {\n 'overlayClose': true,\n 'dir1': 'right',\n 'dir2': 'up',\n 'firstpos1': 0,\n 'firstpos2': 0,\n 'context': context\n },\n modules: {\n Buttons: {\n closer: false,\n sticker: false\n },\n Confirm: {\n confirm: true,\n buttons: [\n {\n text: confirm_text,\n primary: true,\n addClass:(type == 'error')?'btn-danger':'',\n click: function (notice) {\n var close = true;\n var textarea = $(notice.refs.elem).find('textarea[name=\"rationale\"]')\n var rationale = textarea.val();\n textarea.parent().find('.invalid-feedback').remove();\n if(!rationale) {\n textarea.addClass('is-invalid');\n textarea.parent().append(`\n \n Results have been recorded. Rationale is required.\n
\n `);\n return false;\n } else {\n textarea.removeClass('is-invalid');\n }\n if(on_submit) {\n close = on_submit(rationale);\n if(close === undefined) {\n close = true;\n }\n }\n if(close) {\n notice.close();\n }\n }\n },\n {\n text: cancel_text,\n click: function (notice) {\n close = on_cancel()\n if(close === undefined) {\n close = true;\n }\n\n if(close) {\n notice.close();\n }\n }\n }\n ]\n }\n }\n })\n}\n\nwindow.create_destructive_changeset_notice = ({\n message_text = DEFAULT_DESTRUCTIVE_MESSAGE,\n on_submit = () => {},\n on_cancel = () => {},\n is_indicator = false,\n confirm_text = 'Ok',\n cancel_text = 'Cancel',\n context = null,\n no_preamble = false\n} = {}) => {\n if(!message_text) {message_text = DEFAULT_DESTRUCTIVE_MESSAGE}\n const preamble = (no_preamble)?'':`${gettext(\"This action cannot be undone.\")} `\n const inner = `\n \n
\n
${gettext(\"Warning\")} \n \n
\n
\n ${preamble}\n ${message_text}\n
\n
\n
\n
${gettext(\"Share Your Rationale\")} \n \n
\n
\n ${message_text}\n
\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n {gettext(\"Countries\")} \n store.changeCountryFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"countries_permitted_filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, selections}) => {\n return \n {gettext(\"Programs\")} \n store.changeProgramFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"programs_filter\" />\n
\n})\n\nconst OrganizationFilter = observer(({store, selections}) => {\n return \n {gettext(\"Organizations\")} \n store.changeOrganizationFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"organization_filter\" />\n
\n})\n\nconst SectorFilter = observer(({store, selections}) => {\n return \n {gettext(\"Sectors\")} \n store.changeSectorFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"sector_filter\" />\n
\n})\n\nexport const IndexView = observer(\n ({store}) => {\n return \n
\n \n
\n
\n
\n
\n
\n {gettext(\"Status\")} \n store.changeOrganizationStatusFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"status_filter\" />\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n
store.organizations[id])}\n keyField=\"id\"\n HeaderRow={({Col, Row}) =>\n \n
\n }\n Row={({Col, Row, data}) =>\n \n \n \n \n store.updateOrganizationProfile(data.id, new_organization_data)}\n onSaveNew={(new_organization_data) => store.saveNewOrganization(new_organization_data)}\n onSaveNewAndAddAnother={(new_organization_data) => store.saveNewOrganizationAndAddAnother(new_organization_data)} />\n \n )}\n HistorySection={observer(() =>\n \n store.updateOrganizationProfile(data.id, new_organization_data)}/>\n \n )}\n />\n \n }>\n store.toggleEditingTarget(data.id)} >\n
\n \n \n \n \n \n \n \n \n
\n
{store.organizations_count?`${store.organizations_count} ${gettext(\"organizations\")}`:`--`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
\n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
{name} : {(data != undefined && data != null)?data.toString():'N/A'}
\n}\n\nexport default class EditOrganizationHistory extends React.Component {\n\n constructor(props) {\n super(props)\n const data = {\n ...props.organizationData,\n is_active: status_options.find(op => op.value == props.organizationData.is_active)\n }\n this.state = {\n initial_data: data,\n data: {...data}\n }\n }\n\n onChange(new_value) {\n this.state.data.is_active = new_value\n\n this.setState({\n data: this.state.data\n })\n }\n\n onReset() {\n this.setState({\n data: this.state.initial_data\n })\n }\n\n save(e) {\n e.preventDefault()\n this.props.onSave({\n ...this.state.data,\n is_active: this.state.data.is_active.value,\n sectors: this.state.data.sectors.map(sector => sector.id)\n })\n }\n\n render() {\n return \n
{this.state.data.name ? this.state.data.name+\": \": \"\"}{gettext(\"Status and history\")} \n
\n this.onChange(new_value)} />\n
\n
\n this.save(e)}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n
\n \n \n {gettext(\"Date\")} \n {gettext(\"Admin User\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n \n {this.props.organizationHistoryData.map(entry => \n {entry.date} \n {entry.admin_user} \n {entry.change_type} \n \n \n {entry.diff_list.map(changeset => {\n return \n \n \n \n {entry.diff_list.map(changeset => {\n return \n \n )}\n \n
\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
\n
{od.name ? od.name+\": \": \"\"}{gettext(\"Profile\")} \n
\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n {gettext(\"Countries\")} \n store.changeCountryFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"countries_permitted_filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, selections}) => {\n return \n {gettext(\"Programs\")} \n store.changeProgramFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"programs_filter\" />\n
\n})\n\nconst OrganizationFilter = observer(({store, selections}) => {\n return \n {gettext(\"Organizations\")} \n store.changeOrganizationFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"organization_filter\" />\n
\n})\n\nconst SectorFilter = observer(({store, selections}) => {\n return \n {gettext(\"Sectors\")} \n store.changeSectorFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"sector_filter\" />\n
\n})\n\nexport const IndexView = observer(\n ({store}) => {\n return \n
\n \n
\n
\n
\n
\n
\n {gettext(\"Status\")} \n store.changeOrganizationStatusFilter(e)}\n placeholder={gettext(\"None Selected\")}\n id=\"status_filter\" />\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n
store.organizations[id])}\n keyField=\"id\"\n HeaderRow={({Col, Row}) =>\n \n
\n }\n Row={({Col, Row, data}) =>\n \n \n \n \n store.updateOrganizationProfile(data.id, new_organization_data)}\n onSaveNew={(new_organization_data) => store.saveNewOrganization(new_organization_data)}\n onSaveNewAndAddAnother={(new_organization_data) => store.saveNewOrganizationAndAddAnother(new_organization_data)} />\n \n )}\n HistorySection={observer(() =>\n \n store.updateOrganizationProfile(data.id, new_organization_data)}/>\n \n )}\n />\n \n }>\n store.toggleEditingTarget(data.id)} >\n
\n \n \n \n \n \n \n \n \n
\n
{store.organizations_count?`${store.organizations_count} ${gettext(\"organizations\")}`:`--`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
\n {name} : {(data != undefined && data != null)?data.toString():'N/A'}\n
\n}\n\nconst ChangeLogEntryHeader = ({data}) => {\n return {/* TODO: apply is-expanded dynamically */}\n {data.date} {data.admin_user} \n {data.change_type} \n \n}\n\nconst ChangeLogEntryRow = ({data}) => {\n if (data.change_type == 'user_programs_updated') {\n // Create multiple row for program/country changes:\n return \n {Object.entries(data.diff_list.countries).length > 0 &&\n Object.entries(data.diff_list.countries).map(([id, country]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n {Object.entries(data.diff_list.programs).length > 0 &&\n Object.entries(data.diff_list.programs).map(([id, program]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n \n } else {\n return \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n }\n}\n\nconst ChangeLogEntry = ({data}) => {\n return \n \n}\n\nconst ChangeLog = ({data}) => {\n return \n \n \n {gettext(\"Date\")} \n {gettext(\"Admin\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n {data.map((entry, id) =>\n
\n}\n\nexport default ChangeLog\n","import React from 'react'\nimport ReactPaginate from 'react-paginate'\nimport { observer } from \"mobx-react\"\n\n/***\n Props:\n\n - pageCount: total number of pages\n - initialPage: which page should be highlighted as active initially\n - onPageChange: a function to receive the newly selected page\n*/\nconst Pagination = (props) => {\n return \n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
\n
{this.state.data.name ? this.state.data.name+\": \": \"\"}{gettext(\"Status and history\")} \n
\n this.onChange(new_value)} />\n
\n
\n this.save(e)}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n\n
\n\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
\n
{od.name ? od.name+\": \": \"\"}{gettext(\"Profile\")} \n
\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n
{this.props.program_data.name ? this.props.program_data.name+': ' : ''}{gettext(\"Status and History\")} \n
\n {gettext(\"Program Status\")}* \n this.onStatusChange(new_value)}\n />\n
\n
\n this.onSave()}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n\n
\n\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
\n {name} : {(data != undefined && data != null)?data.toString():'N/A'}\n
\n}\n\nconst ChangeLogEntryHeader = ({data}) => {\n return {/* TODO: apply is-expanded dynamically */}\n {data.date} {data.admin_user} \n {data.change_type} \n \n}\n\nconst ChangeLogEntryRow = ({data}) => {\n if (data.change_type == 'user_programs_updated') {\n // Create multiple row for program/country changes:\n return \n {Object.entries(data.diff_list.countries).length > 0 &&\n Object.entries(data.diff_list.countries).map(([id, country]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n {Object.entries(data.diff_list.programs).length > 0 &&\n Object.entries(data.diff_list.programs).map(([id, program]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n \n } else {\n return \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n }\n}\n\nconst ChangeLogEntry = ({data}) => {\n return \n \n}\n\nconst ChangeLog = ({data}) => {\n return \n \n \n {gettext(\"Date\")} \n {gettext(\"Admin\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n {data.map((entry, id) =>\n
\n}\n\nexport default ChangeLog\n","import React from 'react'\nimport Select from 'react-select'\nimport { observer } from \"mobx-react\"\nimport CheckboxedMultiSelect from 'components/checkboxed-multi-select'\nimport classNames from 'classnames'\n\n\n const fundingStatusOptions = [\n {value: 'Funded', label: gettext('Funded')},\n {value: 'Completed', label: gettext('Completed')},\n]\n\nconst ErrorFeedback = observer(({errorMessages}) => {\n if (!errorMessages) {\n return null\n }\n return (\n \n {errorMessages.map((message, index) =>\n {message} \n )}\n
\n )\n})\n@observer\nexport default class EditProgramProfile extends React.Component {\n constructor(props) {\n super(props)\n const {program_data} = props\n\n this.state = {\n original_data: Object.assign({}, program_data),\n managed_data: Object.assign({}, program_data)\n }\n }\n\n\n save(e) {\n e.preventDefault()\n const program_id = this.props.program_data.id\n const program_data = this.state.managed_data\n this.props.onUpdate(program_id, program_data)\n }\n\n saveNew(e) {\n e.preventDefault()\n const program_data = this.state.managed_data\n this.props.onCreate(program_data)\n }\n\n updateFormField(fieldKey, val) {\n this.setState({\n managed_data: Object.assign(this.state.managed_data, {[fieldKey]: val})\n })\n }\n\n resetForm() {\n this.setState({\n managed_data: Object.assign({}, this.state.original_data)\n })\n }\n\n formErrors(fieldKey) {\n return this.props.errors[fieldKey]\n }\n\n render() {\n const formdata = this.state.managed_data\n const selectedFundingStatus = fundingStatusOptions.find(x=> x.value == formdata.funding_status)\n const selectedCountries = formdata.country.map(x=>this.props.countryOptions.find(y=>y.value==x))\n const selectedSectors = formdata.sector.map(x=>this.props.sectorOptions.find(y=>y.value==x))\n return (\n \n
{this.props.program_data.name ? this.props.program_data.name+': ' : ''}{gettext(\"Profile\")} \n
\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {gettext(\"Users\")} \n store.changeFilter('users', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"users_filter\" />\n
\n})\n\nconst CountryFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Countries\")} \n store.changeFilter('countries', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"countries_filter\" />\n
\n})\n\nconst OrganizationFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Organizations\")} \n store.changeFilter('organizations', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"organizations_filter\" />\n
\n})\n\nconst SectorFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Sectors\")} \n store.changeFilter('sectors', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"sector-filter\" />\n
\n})\n\nconst ProgramStatusFilter = observer(({store}) => {\n const statusFilterOptions = [\n {value: 'Active', label: gettext('Active')},\n {value: 'Closed', label: gettext('Closed')},\n ]\n return \n {gettext(\"Status\")} \n store.changeFilter('programStatus', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"program-status-filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Programs\")} \n store.changeFilter('programs', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"programs-filter\" />\n
\n})\n\n\nclass BulkActions extends React.Component {\n constructor(props) {\n super(props)\n this.active_child = React.createRef()\n this.state = {\n current_action: null,\n current_vals: []\n }\n }\n\n onActionChanged(new_action) {\n this.setState({\n current_action: new_action.value\n })\n }\n\n onChange(vals) {\n this.setState({\n current_vals: vals\n })\n }\n\n onApply() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n if(selected) {\n selected.onApply(this.state.current_vals)\n }\n }\n\n render() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n const SecondaryComponent = selected && selected.component\n return \n
\n o.value == this.state.current_action)}\n options={this.props.primaryOptions} onChange={(val) => this.onActionChanged(val)} />\n
\n {selected &&\n
\n this.onChange(vals)}/>\n
\n }\n {!selected &&\n
\n \n
\n }\n
this.onApply()}>{gettext(\"Apply\")} \n
\n \n )\n }\n return \"---\"\n }\n\n return \n
\n \n
\n
\n
\n
\n
\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n \n
\n
{store.program_count ? `${store.program_count} ${gettext(\"programs\")}`:`---`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
\n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
{name} : {(data != undefined && data != null)?data.toString():'N/A'}
\n}\n\n@observer\nexport class ProgramHistory extends React.Component {\n\n constructor(props) {\n super(props)\n const {program_data} = props\n this.state = {\n managed_status: Object.assign({}, program_data),\n original_status: Object.assign({}, program_data)\n }\n }\n\n onStatusChange(selection) {\n let value = selection.value\n this.setState({\n managed_status: Object.assign(this.state.managed_status, {'funding_status': value})\n })\n }\n\n onSave() {\n const program_id = this.state.original_status.id\n const program_data = this.state.managed_status\n this.props.onSave(this.state.original_status.id, this.state.managed_status)\n }\n\n onReset() {\n this.setState({\n managed_status: this.state.original_status,\n })\n }\n\n render() {\n const {history} = this.props\n const currentStatusSelection = status_options.find(x=> x.value == this.state.managed_status.funding_status)\n return \n
{this.props.program_data.name ? this.props.program_data.name+': ' : ''}{gettext(\"Status and History\")} \n
\n {gettext(\"Program Status\")}* \n this.onStatusChange(new_value)}\n />\n
\n
\n this.onSave()}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n
\n \n \n {gettext(\"Date\")} \n {gettext(\"Admin User\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n \n {this.props.history.map(entry => \n {entry.date} \n {entry.admin_user} \n {entry.change_type} \n \n \n {entry.diff_list.map(changeset => {\n return \n \n \n \n {entry.diff_list.map(changeset => {\n return \n \n )}\n \n
\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
\n {errorMessages.map((message, index) =>\n {message} \n )}\n
\n )\n})\n@observer\nexport default class EditProgramProfile extends React.Component {\n constructor(props) {\n super(props)\n const {program_data} = props\n\n this.state = {\n original_data: Object.assign({}, program_data),\n managed_data: Object.assign({}, program_data)\n }\n }\n\n\n save(e) {\n e.preventDefault()\n const program_id = this.props.program_data.id\n const program_data = this.state.managed_data\n this.props.onUpdate(program_id, program_data)\n }\n\n saveNew(e) {\n e.preventDefault()\n const program_data = this.state.managed_data\n this.props.onCreate(program_data)\n }\n\n updateFormField(fieldKey, val) {\n this.setState({\n managed_data: Object.assign(this.state.managed_data, {[fieldKey]: val})\n })\n }\n\n resetForm() {\n this.setState({\n managed_data: Object.assign({}, this.state.original_data)\n })\n }\n\n formErrors(fieldKey) {\n return this.props.errors[fieldKey]\n }\n\n render() {\n const formdata = this.state.managed_data\n const selectedFundingStatus = fundingStatusOptions.find(x=> x.value == formdata.funding_status)\n const selectedCountries = formdata.country.map(x=>this.props.countryOptions.find(y=>y.value==x))\n const selectedSectors = formdata.sector.map(x=>this.props.sectorOptions.find(y=>y.value==x))\n return (\n \n
{this.props.program_data.name ? this.props.program_data.name+': ' : ''}{gettext(\"Profile\")} \n
\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {gettext(\"Users\")} \n store.changeFilter('users', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"users_filter\" />\n
\n})\n\nconst CountryFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Countries\")} \n store.changeFilter('countries', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"countries_filter\" />\n
\n})\n\nconst OrganizationFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Organizations\")} \n store.changeFilter('organizations', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"organizations_filter\" />\n
\n})\n\nconst SectorFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Sectors\")} \n store.changeFilter('sectors', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"sector-filter\" />\n
\n})\n\nconst ProgramStatusFilter = observer(({store}) => {\n const statusFilterOptions = [\n {value: 'Active', label: gettext('Active')},\n {value: 'Closed', label: gettext('Closed')},\n ]\n return \n {gettext(\"Status\")} \n store.changeFilter('programStatus', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"program-status-filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, filterOptions}) => {\n return \n {gettext(\"Programs\")} \n store.changeFilter('programs', e)}\n placeholder={gettext(\"None Selected\")}\n id=\"programs-filter\" />\n
\n})\n\n\nclass BulkActions extends React.Component {\n constructor(props) {\n super(props)\n this.active_child = React.createRef()\n this.state = {\n current_action: null,\n current_vals: []\n }\n }\n\n onActionChanged(new_action) {\n this.setState({\n current_action: new_action.value\n })\n }\n\n onChange(vals) {\n this.setState({\n current_vals: vals\n })\n }\n\n onApply() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n if(selected) {\n selected.onApply(this.state.current_vals)\n }\n }\n\n render() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n const SecondaryComponent = selected && selected.component\n return \n
\n o.value == this.state.current_action)}\n options={this.props.primaryOptions} onChange={(val) => this.onActionChanged(val)} />\n
\n {selected &&\n
\n this.onChange(vals)}/>\n
\n }\n {!selected &&\n
\n \n
\n }\n
this.onApply()}>{gettext(\"Apply\")} \n
\n \n )\n }\n return \"---\"\n }\n\n return \n
\n \n
\n
\n
\n
\n
\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n \n
\n
{store.program_count ? `${store.program_count} ${gettext(\"programs\")}`:`---`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
\n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
\n
{user.name?user.name+': ':''}{gettext(\"Programs and Roles\")} \n\n
\n
\n this.changeCountryFilter(e)} />\n
\n
\n
\n
this.updateProgramFilter(e.target.value)} />\n
\n
\n
\n
\n\n
\n
\n {({height, width}) =>\n this.state.flattened_programs[index]}\n rowHeight={50}\n rowCount={this.state.flattened_programs.length}>\n\n ({\n checked: is_checked(rowData),\n disabled: is_check_disabled(rowData),\n id: rowData.id,\n type: rowData.type,\n action: (rowData.type == \"country\")?this.toggleAllProgramsForCountry.bind(this):this.toggleProgramAccess.bind(this)\n })}\n cellRenderer={({cellData}) => {\n if (cellData.type == 'country') {\n const country_has_all_checked = country_has_all_access(\n this.state.countries[cellData.id],\n this.state.filtered_programs,\n this.state.user_program_access\n )\n const button_label = (country_has_all_checked)?gettext('Deselect All'):gettext('Select All')\n if(cellData.disabled) {\n return null\n } else {\n return \n }\n } else {\n return
\n }\n }}/>\n\n ({bold: rowData.type == \"country\", name: rowData.name})}\n cellRenderer={({cellData}) => {\n if(cellData.bold) {\n return {cellData.name} \n } else {\n return {cellData.name} \n }\n }} />\n\n ({\n id: rowData.id,\n disabled: is_role_disabled(rowData),\n type: rowData.type,\n options: rowData.options,\n action: (rowData.type == \"country\")?this.changeCountryRole.bind(this):this.changeProgramRole.bind(this)\n })}\n cellRenderer={({cellData}) =>\n cellData.action(cellData.id, e.target.value)}>\n {cellData.options.map(option => {option.label} )}\n \n }/>\n\n \n }\n \n
\n\n
\n this.saveForm()}>Save Changes \n this.resetForm()}>Reset \n
\n\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n
{ud.name? ud.name+': ':''}Profile \n
\n
{name} : {(data != undefined && data != null)?data.toString():'N/A'}
\n}\n\nconst ProgramChangesetEntry = ({data, timeframe}) => {\n return \n {Object.entries(data.countries).length > 0 &&\n
\n
Countries \n {Object.entries(data.countries).map(([id, country]) =>\n
\n
{gettext(\"Country\")} : {country[timeframe].country}
\n
{gettext(\"Role\")} : {country[timeframe].role}
\n
\n )}\n
\n }\n {Object.entries(data.programs).length > 0 &&\n
\n
Programs \n {Object.entries(data.programs).map(([id, program]) =>\n
\n
{gettext(\"Program\")} : {program[timeframe].program}
\n
{gettext(\"Country\")} : {program[timeframe].country}
\n
{gettext(\"Role\")} : {program[timeframe].role}
\n
\n )}\n
\n }\n
\n
{this.state.user_data.name?this.state.user_data.name+': ':''}{gettext(\"Status and History\")} \n
\n this.onChange(new_value)} />\n
\n
\n this.onResendRegistrationEmail()}>{gettext(\"Resend Registration Email\")} \n
\n {!this.props.disabled &&\n
\n
\n this.props.onSave(this.state.user_data)}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n
\n }\n
\n \n \n {gettext(\"Date\")} \n {gettext(\"Admin\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n \n {history.map(entry => {\n if(entry.change_type == 'user_programs_updated') {\n return \n {entry.date} \n {entry.admin_user} \n {entry.change_type} \n \n \n \n \n \n \n \n \n \n \n } else {\n\n return \n {entry.date} \n {entry.admin_user} \n {entry.change_type} \n \n \n {entry.diff_list.map(changeset => {\n return \n \n \n \n {entry.diff_list.map(changeset => {\n return \n \n \n }\n })}\n \n
\n
\n
\n {this.props.children}\n
\n {this.state.overflowing &&\n
\n }\n
{props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {gettext(\"Users\")} \n store.changeUserFilter(e)}\n placeholder={selection_placeholder}\n id=\"users_filter\" />\n
\n})\n\nconst CountryFilter = observer(({store, selections}) => {\n return \n {gettext(\"Countries Permitted\")} \n store.changeCountryFilter(e)}\n placeholder={selection_placeholder}\n id=\"countries_permitted_filter\" />\n
\n})\n\nconst BaseCountryFilter = observer(({store, selections}) => {\n return \n {gettext(\"Base Country\")} \n store.changeBaseCountryFilter(e)}\n placeholder={selection_placeholder}\n id=\"base_country_filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, selections}) => {\n return \n {gettext(\"Programs\")} \n store.changeProgramFilter(e)}\n placeholder={selection_placeholder}\n id=\"programs_filter\" />\n
\n})\n\nclass SetUserStatusBulkAction extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n value: []\n }\n }\n\n onChange(new_val) {\n this.setState({\n value: new_val\n })\n }\n\n onApply() {\n this.props.onApply(this.state.value)\n }\n\n render() {\n return this.onChange(val)} />\n }\n}\n\nclass UpdateProgramsBulkAction extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n values: []\n }\n }\n\n onChange(new_vals) {\n this.setState({\n values: new_vals\n })\n }\n\n render() {\n return this.onChange(val)} />\n }\n}\n\nclass BulkActions extends React.Component {\n constructor(props) {\n super(props)\n this.active_child = React.createRef()\n this.state = {\n current_action: null,\n current_vals: []\n }\n }\n\n onActionChanged(new_action) {\n this.setState({\n current_action: new_action.value,\n current_vals: [],\n })\n }\n\n onChange(vals) {\n this.setState({\n current_vals: vals\n })\n }\n\n onApply() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n if(selected) {\n selected.onApply(this.state.current_vals)\n }\n }\n\n render() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n const SecondaryComponent = selected && selected.component\n const apply_disabled = !this.state.current_action || (Array.isArray(this.state.current_vals) && !this.state.current_vals.length) || !this.state.current_vals\n return \n
\n o.value == this.state.current_action)}\n options={this.props.primaryOptions} onChange={(val) => this.onActionChanged(val)} />\n
\n {selected &&\n
\n this.onChange(vals)}/>\n
\n }\n {!selected &&\n
\n \n
\n }\n
this.onApply()}>Apply \n
\n
\n \n
\n
\n
\n
\n {gettext(\"Organization\")} \n store.changeOrganizationFilter(e)}\n isMulti={true}\n placeholder={selection_placeholder}\n id=\"organization_filter\" />\n
\n
\n {gettext(\"Status\")} \n store.changeUserStatusFilter(e)}\n placeholder={selection_placeholder}\n id=\"status_filter\" />\n
\n
\n {gettext(\"Admin Role\")} \n store.changeAdminRoleFilter(e)}\n placeholder={selection_placeholder}\n id=\"admin_role_filter\" />\n
\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n \n
\n
{store.users_count?`${store.users_count} ${gettext(\"users\")}`:`--`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'programs_and_roles' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
\n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
\n
{user.name?user.name+': ':''}{gettext(\"Programs and Roles\")} \n\n
\n
\n this.changeCountryFilter(e)} />\n
\n
\n
\n
this.updateProgramFilter(e.target.value)} />\n
\n
\n
\n
\n\n
\n
\n {({height, width}) =>\n this.state.flattened_programs[index]}\n rowHeight={50}\n rowCount={this.state.flattened_programs.length}>\n\n ({\n checked: is_checked(rowData),\n disabled: is_check_disabled(rowData),\n id: rowData.id,\n type: rowData.type,\n action: (rowData.type == \"country\")?this.toggleAllProgramsForCountry.bind(this):this.toggleProgramAccess.bind(this)\n })}\n cellRenderer={({cellData}) => {\n if (cellData.type == 'country') {\n const country_has_all_checked = country_has_all_access(\n this.state.countries[cellData.id],\n this.state.filtered_programs,\n this.state.user_program_access\n )\n const button_label = (country_has_all_checked)?gettext('Deselect All'):gettext('Select All')\n if(cellData.disabled) {\n return null\n } else {\n return \n }\n } else {\n return
\n }\n }}/>\n\n ({bold: rowData.type == \"country\", name: rowData.name})}\n cellRenderer={({cellData}) => {\n if(cellData.bold) {\n return {cellData.name} \n } else {\n return {cellData.name} \n }\n }} />\n\n ({\n id: rowData.id,\n disabled: is_role_disabled(rowData),\n type: rowData.type,\n options: rowData.options,\n action: (rowData.type == \"country\")?this.changeCountryRole.bind(this):this.changeProgramRole.bind(this)\n })}\n cellRenderer={({cellData}) =>\n cellData.action(cellData.id, e.target.value)}>\n {cellData.options.map(option => {option.label} )}\n \n }/>\n\n \n }\n \n
\n\n
\n this.saveForm()}>Save Changes \n this.resetForm()}>Reset \n
\n\n
\n
\n
\n {({width, height}) => {\n return No selections available
}\n rowRenderer={\n ({index, parent, key, style}) =>\n \n {children[index]}
\n \n }/>\n }}\n \n
\n
\n
{ud.name? ud.name+': ':''}Profile \n
\n
\n
{this.state.user_data.name?this.state.user_data.name+': ':''}{gettext(\"Status and History\")} \n
\n this.onChange(new_value)} />\n
\n
\n this.onResendRegistrationEmail()}>{gettext(\"Resend Registration Email\")} \n
\n {!this.props.disabled &&\n
\n
\n this.props.onSave(this.state.user_data)}>{gettext(\"Save Changes\")} \n this.onReset()}>{gettext(\"Reset\")} \n
\n
\n }\n
\n
\n {name} : {(data != undefined && data != null)?data.toString():'N/A'}\n
\n}\n\nconst ChangeLogEntryHeader = ({data}) => {\n return {/* TODO: apply is-expanded dynamically */}\n {data.date} {data.admin_user} \n {data.change_type} \n \n}\n\nconst ChangeLogEntryRow = ({data}) => {\n if (data.change_type == 'user_programs_updated') {\n // Create multiple row for program/country changes:\n return \n {Object.entries(data.diff_list.countries).length > 0 &&\n Object.entries(data.diff_list.countries).map(([id, country]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n {Object.entries(data.diff_list.programs).length > 0 &&\n Object.entries(data.diff_list.programs).map(([id, program]) =>\n \n \n \n
\n \n \n \n
\n \n \n )\n }\n \n } else {\n return \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n \n {data.diff_list.map((changeset, id) =>\n
\n \n \n }\n}\n\nconst ChangeLogEntry = ({data}) => {\n return \n \n}\n\nconst ChangeLog = ({data}) => {\n return \n \n \n {gettext(\"Date\")} \n {gettext(\"Admin\")} \n {gettext(\"Change Type\")} \n {gettext(\"Previous Entry\")} \n {gettext(\"New Entry\")} \n \n \n {data.map((entry, id) =>\n
\n}\n\nexport default ChangeLog\n","import {api} from '../../../api';\n\nexport const fetchUsersWithFilter = (page, filters) => api.get('/tola_management/user/', {params: {page: page, ...filters}}).then(response => {\n let data = response.data\n\n let total_results_count = data.count\n let current_results_count = data.results.length\n let total_pages = data.page_count\n\n return {\n users: data.results,\n total_pages: total_pages,\n total_users: total_results_count,\n next_page: data.next,\n prev_page: data.previous\n }\n})\n\nexport const fetchUser = (user_id) => api.get(`/tola_management/user/${user_id}/`).then(response => response.data)\n\nexport const saveUserProfile = (user_id, data) => api.put(`/tola_management/user/${user_id}/`, data).then((response) => {\n return response.data\n})\n\nexport const updateUserIsActive = (user_id, data) => api.put(`/tola_management/user/${user_id}/is_active/`, data).then(response => response.data)\n\nexport const fetchUserProgramAccess = (user_id) => api.get(`/tola_management/user/${user_id}/program_access/`).then(response => response.data)\n\nexport const saveUserPrograms = (user_id, data) => api.put(`/tola_management/user/${user_id}/program_access/`, data).then(response => {\n\n})\n\nexport const fetchUserHistory = (user_id) => api.get(`/tola_management/user/${user_id}/history/`).then(response => response.data)\n\nexport const createUser = (new_user_data) => api.post(`/tola_management/user/`, new_user_data).then(response => {\n return response.data\n})\n\nexport const resendRegistrationEmail = (user_id) => api.post(`/tola_management/user/${user_id}/resend_registration_email/`, {}).then(response => response.data)\n\nexport const bulkUpdateUserStatus = (user_ids, new_status) => api.post(`/tola_management/user/bulk_update_status/`, {user_ids, new_status}).then(response => response.data)\nexport const bulkAddPrograms = (user_ids, added_programs) => api.post(`/tola_management/user/bulk_add_programs/`, {user_ids, added_programs}).then(response => response.data)\nexport const bulkRemovePrograms = (user_ids, removed_programs) => api.post(`/tola_management/user/bulk_remove_programs/`, {user_ids, removed_programs}).then(response => response.data)\n\nexport const fetchUserAggregates = (user_id) => api.get(`/tola_management/user/${user_id}/aggregate_data/`).then(response => response.data)\n\nexport default {\n fetchUsersWithFilter,\n fetchUser,\n saveUserProfile,\n fetchUserProgramAccess,\n saveUserPrograms,\n fetchUserHistory,\n createUser,\n resendRegistrationEmail,\n bulkUpdateUserStatus,\n bulkAddPrograms,\n bulkRemovePrograms,\n fetchUserAggregates,\n updateUserIsActive\n}\n","import React from 'react'\nimport ReactPaginate from 'react-paginate'\nimport { observer } from \"mobx-react\"\n\n/***\n Props:\n\n - pageCount: total number of pages\n - initialPage: which page should be highlighted as active initially\n - onPageChange: a function to receive the newly selected page\n*/\nconst Pagination = (props) => {\n return {props.children} \n\n// TODO: this is redundant with ColumnComponent\nconst HeaderColumnComponent = ({className, size, ...props}) => {props.children} \n\nconst InnerRowComponent = ({className, ...props}) => {props.children} \n\n// TODO: this is redundant with InnerRowComponent\nconst HeaderRowComponent = ({className, ...props}) => {props.children} \n\n/***\n A wrapper for the rendering of the given row renderer, it takes and expando\n renderer used to render expanded content\n\n Props:\n - expanded: whether the expando content is shown or not\n - Expando: The content to render when the expando is shown\n*/\nconst RowComponent = observer(({className, expanded, Expando, ...props}) => {\n if(Expando) {\n const ObservedExpando = observer(Expando)\n return \n {props.children} \n {expanded && \n } else {\n return \n {props.children} \n \n }\n})\nconst ExpandoWrapper = ({className, ...props}) => {props.children} \n {\n //we can let the outer component manage state\n }}\n />\n \n {props.data.label}\n \n )\n}\n\nconst CheckboxedMultiSelect = observer(props => (\n \n {gettext(\"Users\")} \n store.changeUserFilter(e)}\n placeholder={selection_placeholder}\n id=\"users_filter\" />\n
\n})\n\nconst CountryFilter = observer(({store, selections}) => {\n return \n {gettext(\"Countries Permitted\")} \n store.changeCountryFilter(e)}\n placeholder={selection_placeholder}\n id=\"countries_permitted_filter\" />\n
\n})\n\nconst BaseCountryFilter = observer(({store, selections}) => {\n return \n {gettext(\"Base Country\")} \n store.changeBaseCountryFilter(e)}\n placeholder={selection_placeholder}\n id=\"base_country_filter\" />\n
\n})\n\nconst ProgramFilter = observer(({store, selections}) => {\n return \n {gettext(\"Programs\")} \n store.changeProgramFilter(e)}\n placeholder={selection_placeholder}\n id=\"programs_filter\" />\n
\n})\n\nclass SetUserStatusBulkAction extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n value: []\n }\n }\n\n onChange(new_val) {\n this.setState({\n value: new_val\n })\n }\n\n onApply() {\n this.props.onApply(this.state.value)\n }\n\n render() {\n return this.onChange(val)} />\n }\n}\n\nclass UpdateProgramsBulkAction extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n values: []\n }\n }\n\n onChange(new_vals) {\n this.setState({\n values: new_vals\n })\n }\n\n render() {\n return this.onChange(val)} />\n }\n}\n\nclass BulkActions extends React.Component {\n constructor(props) {\n super(props)\n this.active_child = React.createRef()\n this.state = {\n current_action: null,\n current_vals: []\n }\n }\n\n onActionChanged(new_action) {\n this.setState({\n current_action: new_action.value,\n current_vals: [],\n })\n }\n\n onChange(vals) {\n this.setState({\n current_vals: vals\n })\n }\n\n onApply() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n if(selected) {\n selected.onApply(this.state.current_vals)\n }\n }\n\n render() {\n const selected = this.props.secondaryOptions[this.state.current_action]\n const SecondaryComponent = selected && selected.component\n const apply_disabled = !this.state.current_action || (Array.isArray(this.state.current_vals) && !this.state.current_vals.length) || !this.state.current_vals\n return \n
\n o.value == this.state.current_action)}\n options={this.props.primaryOptions} onChange={(val) => this.onActionChanged(val)} />\n
\n {selected &&\n
\n this.onChange(vals)}/>\n
\n }\n {!selected &&\n
\n \n
\n }\n
this.onApply()}>Apply \n
\n
\n \n
\n
\n
\n
\n {gettext(\"Organization\")} \n store.changeOrganizationFilter(e)}\n isMulti={true}\n placeholder={selection_placeholder}\n id=\"organization_filter\" />\n
\n
\n {gettext(\"Status\")} \n store.changeUserStatusFilter(e)}\n placeholder={selection_placeholder}\n id=\"status_filter\" />\n
\n
\n {gettext(\"Admin Role\")} \n store.changeAdminRoleFilter(e)}\n placeholder={selection_placeholder}\n id=\"admin_role_filter\" />\n
\n
\n
\n store.applyFilters()}>{gettext(\"Apply\")} \n store.clearFilters()}>{gettext(\"Reset\")} \n
\n
\n
\n
\n
\n \n \n
\n
{store.users_count?`${store.users_count} ${gettext(\"users\")}`:`--`}
\n
\n {store.total_pages &&\n
store.changePage(page)} />\n }\n \n
\n
\n
\n
\n
\n {this.state.active_page == 'profile' &&\n
\n }\n\n {this.state.active_page == 'programs_and_roles' &&\n
\n }\n\n {this.state.active_page == 'status_and_history' &&\n
\n }\n
\n
\n {!this.state.folded &&\n
{this.props.children} \n }\n\n
this.toggleFolded()}>\n
\n
this.ref.current.clientHeight&&this.setState({overflowing:!0})}},{key:"toggleExpanded",value:function(e){e.preventDefault(),this.setState({expanded:!this.state.expanded})}},{key:"render",value:function(){var t=this;return i.a.createElement("div",null,i.a.createElement("div",{ref:this.ref,className:"expander",style:{height:!this.state.expanded&&(this.props.height||50)}},this.props.children),this.state.overflowing&&i.a.createElement("div",null,i.a.createElement("a",{href:"",onClick:function(e){return t.toggleExpanded(e)}},this.state.expanded?"Show Less":"Show More")))}}])&&o(t.prototype,a),r&&o(t,r),n}();t.a=s},RCjz:function(e,t,n){"use strict";var a=n("q1tI"),r=n.n(a),i=n("werx"),o=n.n(i);n("okNM");function l(){return(l=Object.assign||function(e){for(var t=1;t td {
padding: 30px; }
-#user-management-index-view .edit-user-history table .program-changeset-row,
-#program-management-index-view .edit-user-history table .program-changeset-row,
-#country-management-index-view .edit-user-history table .program-changeset-row {
- border: 1px solid #aaa;
- padding: 5px; }
-
.edit-user-programs .check-column {
text-align: center; }
@@ -8399,9 +8396,12 @@ span[data-toggle="popover"]:hover {
cursor: pointer;
width: 40px; }
-.expander {
+.changelog-entry__expanding {
overflow: hidden; }
+.changelog__entry__header.is-expanded {
+ background-color: #ebedf0; }
+
/* Safari */
@-webkit-keyframes spin {
0% {
@@ -8459,8 +8459,6 @@ table.admin-list__table {
vertical-align: top; }
table.admin-list__table th, table.admin-list__table td {
vertical-align: top; }
- table.admin-list__table .expand-section {
- width: 10%; }
.objective-form-buttons {
display: flex; }
@@ -9201,5 +9199,3 @@ a:hover {
/* Unsorted custom selectors */
-
-/*# sourceMappingURL=base-a3666adfd3893f62c008.css.map*/
\ No newline at end of file
diff --git a/build/dist/base-7860ec9e0d43417984e1.js b/build/dist/base-84ad999e3b8337cb7619.js
similarity index 100%
rename from build/dist/base-7860ec9e0d43417984e1.js
rename to build/dist/base-84ad999e3b8337cb7619.js
diff --git a/build/dist/tola_management_organization-0c191946c56ef13da563.js b/build/dist/tola_management_organization-0c191946c56ef13da563.js
deleted file mode 100644
index 0d136e56..00000000
--- a/build/dist/tola_management_organization-0c191946c56ef13da563.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{"5Xg7":function(e,t,n){"use strict";n.d(t,"a",function(){return m});var a=n("q1tI"),c=n.n(a),l=n("c7k8"),r=n("y2Vs");function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(){return(o=Object.assign||function(e){for(var t=1;tthis.ref.current.clientHeight&&this.setState({overflowing:!0})}},{key:"toggleExpanded",value:function(e){e.preventDefault(),this.setState({expanded:!this.state.expanded})}},{key:"render",value:function(){var t=this;return i.a.createElement("div",null,i.a.createElement("div",{ref:this.ref,className:"expander",style:{height:!this.state.expanded&&(this.props.height||50)}},this.props.children),this.state.overflowing&&i.a.createElement("div",null,i.a.createElement("a",{href:"",onClick:function(e){return t.toggleExpanded(e)}},this.state.expanded?"Show Less":"Show More")))}}])&&o(t.prototype,a),r&&o(t,r),n}();t.a=u},RCjz:function(e,t,n){"use strict";var a=n("q1tI"),r=n.n(a),i=n("werx"),o=n.n(i);n("okNM");function c(){return(c=Object.assign||function(e){for(var t=1;tthis.ref.current.clientHeight&&this.setState({overflowing:!0})}},{key:"toggleExpanded",value:function(e){e.preventDefault(),this.setState({expanded:!this.state.expanded})}},{key:"render",value:function(){var t=this;return o.a.createElement("div",null,o.a.createElement("div",{ref:this.ref,className:"expander",style:{height:!this.state.expanded&&(this.props.height||50)}},this.props.children),this.state.overflowing&&o.a.createElement("div",null,o.a.createElement("a",{href:"",onClick:function(e){return t.toggleExpanded(e)}},this.state.expanded?"Show Less":"Show More")))}}])&&i(t.prototype,n),a&&i(t,a),r}();t.a=u},RCjz:function(e,t,r){"use strict";var n=r("q1tI"),a=r.n(n),o=r("werx"),i=r.n(o);r("okNM");function l(){return(l=Object.assign||function(e){for(var t=1;tthis.ref.current.clientHeight&&this.setState({overflowing:!0})}},{key:"toggleExpanded",value:function(e){e.preventDefault(),this.setState({expanded:!this.state.expanded})}},{key:"render",value:function(){var t=this;return o.a.createElement("div",null,o.a.createElement("div",{ref:this.ref,className:"expander",style:{height:!this.state.expanded&&(this.props.height||50)}},this.props.children),this.state.overflowing&&o.a.createElement("div",null,o.a.createElement("a",{href:"",onClick:function(e){return t.toggleExpanded(e)}},this.state.expanded?"Show Less":"Show More")))}}])&&i(t.prototype,n),a&&i(t,a),r}();t.a=l},RCjz:function(e,t,r){"use strict";var n=r("q1tI"),a=r.n(n),o=r("werx"),i=r.n(o);r("okNM");function s(){return(s=Object.assign||function(e){for(var t=1;t 1 and value[-1] != '%' and value not in ['N/A', '—']:
+ if percent and len(value) > 1 and value[-1] != '%' and value not in ['N/A', 'N/A']:
value = value + '%'
cell.value = value
diff --git a/js/components/changelog.js b/js/components/changelog.js
new file mode 100644
index 00000000..e604b765
--- /dev/null
+++ b/js/components/changelog.js
@@ -0,0 +1,115 @@
+import React from 'react'
+
+const ChangeField = ({name, data}) => {
+ return
+ {name} : {(data != undefined && data != null)?data.toString():'N/A'}
+
+}
+
+const ChangeLogEntryHeader = ({data}) => {
+ return {/* TODO: apply is-expanded dynamically */}
+ {data.date} {data.admin_user}
+ {data.change_type}
+
+}
+
+const ChangeLogEntryRow = ({data}) => {
+ if (data.change_type == 'user_programs_updated') {
+ // Create multiple row for program/country changes:
+ return
+ {Object.entries(data.diff_list.countries).length > 0 &&
+ Object.entries(data.diff_list.countries).map(([id, country]) =>
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+ {Object.entries(data.diff_list.programs).length > 0 &&
+ Object.entries(data.diff_list.programs).map(([id, program]) =>
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+
+ } else {
+ return
+
+
+ {data.diff_list.map((changeset, id) =>
+
+
+
+
+ {data.diff_list.map((changeset, id) =>
+
+
+
+ }
+}
+
+const ChangeLogEntry = ({data}) => {
+ return
+
+}
+
+const ChangeLog = ({data}) => {
+ return
+
+
+ {gettext("Date")}
+ {gettext("Admin")}
+ {gettext("Change Type")}
+ {gettext("Previous Entry")}
+ {gettext("New Entry")}
+
+
+ {data.map((entry, id) =>
+
+}
+
+export default ChangeLog
diff --git a/js/components/expander.js b/js/components/expander.js
index d281e296..320bfe39 100644
--- a/js/components/expander.js
+++ b/js/components/expander.js
@@ -24,12 +24,12 @@ class Expander extends React.Component {
}
render() {
- return
-
+ return
+
{this.props.children}
{this.state.overflowing &&
-
+
}
diff --git a/js/pages/tola_management_pages/audit_log/views.js b/js/pages/tola_management_pages/audit_log/views.js
index 30f3772c..55178058 100644
--- a/js/pages/tola_management_pages/audit_log/views.js
+++ b/js/pages/tola_management_pages/audit_log/views.js
@@ -11,9 +11,9 @@ import LoadingSpinner from 'components/loading-spinner'
const ResultChangeset = ({data, name, pretty_name}) => {
if(name == 'evidence_url') {
- return
{pretty_name}: {(data != 'N/A')?Link :data}
+ return
{pretty_name} : {(data != 'N/A')?
Link :data}
} else {
- return
{pretty_name}: {data}
+ return
{pretty_name} : {data}
}
}
@@ -23,16 +23,16 @@ const ProgramDatesChangeset = ({data, name, pretty_name}) => {
const IndicatorChangeset = ({data, name, pretty_name}) => {
if(name == 'targets') {
- return
-
Targets
+ return
+
{gettext('Targets changed')}
{Object.entries(data).map(([id, target]) => {
- return
{target.name}: {target.value}
+ return
{target.name}: {target.value}
})}
} else {
- return
- {pretty_name}: {(data !== null && data !== undefined)?data.toString():'N/A'}
-
+ return
+ {pretty_name}: {(mapped_data !== null && mapped_data !== undefined)?mapped_data.toString():'N/A'}
+
}
}
@@ -63,52 +63,66 @@ class ChangesetEntry extends React.Component {
export const IndexView = observer(
({store}) => {
- return
+ return
-
+
-
+
- {gettext("Date and Time")}
- {gettext("No.")}
- {gettext("Indicator")}
- {gettext("User")}
- {gettext("Organization")}
- {gettext("Change Type")}
- {gettext("Previous Entry")}
- {gettext("New Entry")}
- {gettext("Rationale")}
+ {gettext("Date and Time")}
+ {gettext("No.")}
+ {gettext("Indicator")}
+ {gettext("User")}
+ {gettext("Organization")}
+ {gettext("Change Type")}
+ {gettext("Previous Entry")}
+ {gettext("New Entry")}
+ {gettext("Rationale")}
-
- {store.log_rows.map(data =>
+ {store.log_rows.map(data =>
+
{data.date}
{(data.indicator)?data.indicator.number:'N/A'}
{(data.indicator)?data.indicator.name:'N/A'}
{data.user}
{data.organization}
- {data.pretty_change_type}
-
-
- {data.diff_list.map(changeset => {
- return
+ {data.pretty_change_type} {/* SWEET FANCY MOSES WHAT IS THIS */}
+
+
+
+ {data.diff_list.map(changeset => {
+ return
-
-
- {data.diff_list.map(changeset => {
- return
+
+ {data.diff_list.map(changeset => {
+ return
- {data.rationale} )}
+ {data.rationale}
+
+ )}
diff --git a/js/pages/tola_management_pages/organization/components/edit_organization_history.js b/js/pages/tola_management_pages/organization/components/edit_organization_history.js
index bab4057e..0926fb3d 100644
--- a/js/pages/tola_management_pages/organization/components/edit_organization_history.js
+++ b/js/pages/tola_management_pages/organization/components/edit_organization_history.js
@@ -3,16 +3,13 @@ import { observer } from "mobx-react"
import Select from 'react-select'
import {AutoSizer, Table, Column, CellMeasurer, CellMeasurerCache} from 'react-virtualized'
import Expander from 'components/expander'
+import ChangeLog from 'components/changelog'
const status_options = [
{value: true, label: gettext('Active')},
{value: false, label: gettext('Inactive')}
]
-const ChangesetEntry = ({name, type, data, pretty_name}) => {
- return
{pretty_name} : {(data != undefined && data != null)?data.toString():'N/A'}
-}
-
export default class EditOrganizationHistory extends React.Component {
constructor(props) {
@@ -100,6 +97,9 @@ export default class EditOrganizationHistory extends React.Component {
+
+
+
}
}
diff --git a/js/pages/tola_management_pages/program/components/program_history.js b/js/pages/tola_management_pages/program/components/program_history.js
index bf5e1297..515f5d3e 100755
--- a/js/pages/tola_management_pages/program/components/program_history.js
+++ b/js/pages/tola_management_pages/program/components/program_history.js
@@ -3,16 +3,13 @@ import Select from 'react-select'
import {AutoSizer, Table, Column, CellMeasurer, CellMeasurerCache} from 'react-virtualized'
import { observer } from 'mobx-react';
import Expander from 'components/expander'
+import ChangeLog from 'components/changelog'
const status_options = [
{value: 'Funded', label: 'Funded'},
{value: 'Completed', label: 'Completed'}
]
-const ChangesetEntry = ({name, type, data, pretty_name}) => {
- return
{pretty_name} : {(data != undefined && data != null)?data.toString():'N/A'}
-}
-
@observer
export class ProgramHistory extends React.Component {
@@ -102,6 +99,7 @@ export class ProgramHistory extends React.Component {
+
}
}
diff --git a/js/pages/tola_management_pages/user/components/edit_user_history.js b/js/pages/tola_management_pages/user/components/edit_user_history.js
index 4de29b75..5647d7d1 100755
--- a/js/pages/tola_management_pages/user/components/edit_user_history.js
+++ b/js/pages/tola_management_pages/user/components/edit_user_history.js
@@ -2,44 +2,13 @@ import React from 'react'
import { observer } from "mobx-react"
import Select from 'react-select'
import {AutoSizer, Table, Column, CellMeasurer, CellMeasurerCache} from 'react-virtualized'
-import Expander from 'components/expander'
+import ChangeLog from 'components/changelog'
const status_options = [
{value: true, label: gettext('Active')},
{value: false, label: gettext('Inactive')}
]
-const ChangesetEntry = ({name, type, data, pretty_name}) => {
- return
{pretty_name} : {(data != undefined && data != null)?data.toString():'N/A'}
-}
-
-const ProgramChangesetEntry = ({data, timeframe}) => {
- return
- {Object.entries(data.countries).length > 0 &&
-
-
Countries
- {Object.entries(data.countries).map(([id, country]) =>
-
-
{gettext("Country")} : {country[timeframe].country}
-
{gettext("Role")} : {country[timeframe].role}
-
- )}
-
- }
- {Object.entries(data.programs).length > 0 &&
-
-
Programs
- {Object.entries(data.programs).map(([id, program]) =>
-
-
{gettext("Program")} : {program[timeframe].program}
-
{gettext("Country")} : {program[timeframe].country}
-
{gettext("Role")} : {program[timeframe].role}
-
- )}
-
- }
-
-}
export class EditUserHistory extends React.Component {
@@ -92,65 +61,8 @@ export class EditUserHistory extends React.Component {
this.onReset()}>{gettext("Reset")}
- }
-
-
-
-
-
- {gettext("Date")}
- {gettext("Admin")}
- {gettext("Change Type")}
- {gettext("Previous Entry")}
- {gettext("New Entry")}
-
-
-
- {history.map(entry => {
- if(entry.change_type == 'user_programs_updated') {
- return
- {entry.date}
- {entry.admin_user}
- {entry.pretty_change_type}
-
-
-
-
-
-
-
-
-
- } else {
-
- return
- {entry.date}
- {entry.admin_user}
- {entry.pretty_change_type}
-
-
- {entry.diff_list.map(changeset => {
- return
-
-
-
- {entry.diff_list.map(changeset => {
- return
-
-
- }
- })}
-
-
-
-
- { e.preventDefault(); this.updateActivePage('programs_and_roles')}}>
{gettext("Programs and Roles")}
- { e.preventDefault(); this.updateActivePage('status_and_history')}}>
{gettext("Status and History")}
diff --git a/js/pages/tola_management_pages/user/views.js b/js/pages/tola_management_pages/user/views.js
index 408694db..617f1e4f 100644
--- a/js/pages/tola_management_pages/user/views.js
+++ b/js/pages/tola_management_pages/user/views.js
@@ -229,7 +229,7 @@ export const IndexView = observer(
diff --git a/scss/components/_tables.scss b/scss/components/_tables.scss
index a4bff23f..2e0aaaa5 100644
--- a/scss/components/_tables.scss
+++ b/scss/components/_tables.scss
@@ -16,3 +16,7 @@
// more semantic version of w-100
width: 100%;
}
+.td--half-stretch {
+ // more semantic version of w-50
+ width: 50%;
+}
diff --git a/scss/components/_tola_management.scss b/scss/components/_tola_management.scss
index 59ebe1e4..2a3b997a 100644
--- a/scss/components/_tola_management.scss
+++ b/scss/components/_tola_management.scss
@@ -2,10 +2,6 @@
#program-management-index-view,
#country-management-index-view {
.edit-user-history table {
- .program-changeset-row {
- border: 1px solid #aaa;
- padding: 5px;
- }
}
@@ -122,9 +118,44 @@
}
}
-.expander {
+// Expanding change logs
+// OLD SELECTORS, DELETE US!
+.changelog-entry {}
+.changelog-entry__expanding {
+ // expanding child element
overflow: hidden;
}
+.changelog-entry__expand-trigger {}
+
+// NEW SELECTORS
+.changelog { //
+}
+.changelog__entry { // each timestamped batch of DB updates;
+}
+.changelog__entry__header { // title row for changelog__entry;
+ &.is-expanded {
+ background-color: $gray-200;
+ }
+}
+.changelog__entry__row { // each DB row change;
+}
+.changelog__change {
+ // inside a row
+ // collects a group of changes made at the same time
+}
+.changelog__change--prev {
+ // previous values
+}
+.changelog__change--new {
+ // new values
+}
+.changelog__change--rationale {
+ // only on indicator report, ie. from IPTT
+}
+.changelog__change__targets {
+ // only on indicator report, ie. from IPTT
+ // group of targets inside the prev/new component
+}
/* Safari */
@-webkit-keyframes spin {
@@ -195,10 +226,6 @@ table.admin-list__table {
th, td {
vertical-align: top;
}
-
- .expand-section {
- width: 10%;
- }
}
.objective-form-buttons {
diff --git a/tola/settings/test.py b/tola/settings/test.py
index 2220b00c..b8ab87a3 100644
--- a/tola/settings/test.py
+++ b/tola/settings/test.py
@@ -25,8 +25,6 @@ def __getitem__(self, item):
"default": {
"ENGINE": "django.db.backends.mysql",
"NAME": "tola_activity",
- "USER": "mercy_corps",
- "PASSWORD": "mercy_corps",
"HOST": "localhost",
"PORT": "",
},
diff --git a/tola_management/programadmin.py b/tola_management/programadmin.py
index 9db11489..18e11ce0 100644
--- a/tola_management/programadmin.py
+++ b/tola_management/programadmin.py
@@ -1,3 +1,4 @@
+# -*- coding: utf-8 -*-
import json
import csv
from StringIO import StringIO
diff --git a/webpack-stats-dev.json b/webpack-stats-dev.json
index b557b48c..8e681c80 100644
--- a/webpack-stats-dev.json
+++ b/webpack-stats-dev.json
@@ -1 +1 @@
-{"status":"done","chunks":{"audit_log":[{"name":"audit_log-8f3ec9b285211b3b3934.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/audit_log-8f3ec9b285211b3b3934.js"},{"name":"audit_log-8f3ec9b285211b3b3934.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/audit_log-8f3ec9b285211b3b3934.js.map"}],"base":[{"name":"base-a3666adfd3893f62c008.css","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-a3666adfd3893f62c008.css"},{"name":"base-fdebc32420e55b9873d8.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-fdebc32420e55b9873d8.js"},{"name":"base-a3666adfd3893f62c008.css.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-a3666adfd3893f62c008.css.map"},{"name":"base-fdebc32420e55b9873d8.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-fdebc32420e55b9873d8.js.map"}],"document_list":[{"name":"document_list-4bf5d1e03d38a6eaca94.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/document_list-4bf5d1e03d38a6eaca94.js"},{"name":"document_list-4bf5d1e03d38a6eaca94.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/document_list-4bf5d1e03d38a6eaca94.js.map"}],"program_page":[{"name":"program_page-fff173154048bae63e32.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/program_page-fff173154048bae63e32.js"},{"name":"program_page-fff173154048bae63e32.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/program_page-fff173154048bae63e32.js.map"}],"runtime":[{"name":"runtime-618bcded6741c4c27fdf.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/runtime-618bcded6741c4c27fdf.js"},{"name":"runtime-618bcded6741c4c27fdf.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/runtime-618bcded6741c4c27fdf.js.map"}],"tola_management_country":[{"name":"tola_management_country-d2d40a6be9de670de4c2.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_country-d2d40a6be9de670de4c2.js"},{"name":"tola_management_country-d2d40a6be9de670de4c2.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_country-d2d40a6be9de670de4c2.js.map"}],"tola_management_organization":[{"name":"tola_management_organization-4c0e78fa1302d9fc5d80.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_organization-4c0e78fa1302d9fc5d80.js"},{"name":"tola_management_organization-4c0e78fa1302d9fc5d80.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_organization-4c0e78fa1302d9fc5d80.js.map"}],"tola_management_program":[{"name":"tola_management_program-feca61b7873f2fd0e205.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_program-feca61b7873f2fd0e205.js"},{"name":"tola_management_program-feca61b7873f2fd0e205.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_program-feca61b7873f2fd0e205.js.map"}],"tola_management_user":[{"name":"tola_management_user-2e62a5cc5ee41288dcc0.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_user-2e62a5cc5ee41288dcc0.js"},{"name":"tola_management_user-2e62a5cc5ee41288dcc0.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_user-2e62a5cc5ee41288dcc0.js.map"}],"vendors":[{"name":"vendors-0c0545a78ffc4ebff1c9.css","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-0c0545a78ffc4ebff1c9.css"},{"name":"vendors-5c9fb0cb6044de5e5456.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-5c9fb0cb6044de5e5456.js"},{"name":"vendors-0c0545a78ffc4ebff1c9.css.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-0c0545a78ffc4ebff1c9.css.map"},{"name":"vendors-5c9fb0cb6044de5e5456.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-5c9fb0cb6044de5e5456.js.map"}]}}
\ No newline at end of file
+{"status":"done","chunks":{"audit_log":[{"name":"audit_log-7a0e288eaf6a936df408.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/audit_log-7a0e288eaf6a936df408.js"},{"name":"audit_log-7a0e288eaf6a936df408.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/audit_log-7a0e288eaf6a936df408.js.map"}],"base":[{"name":"base-41e082a648aa1a38fbc4.css","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-41e082a648aa1a38fbc4.css"},{"name":"base-702c52ce47930ba15f84.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-702c52ce47930ba15f84.js"},{"name":"base-41e082a648aa1a38fbc4.css.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-41e082a648aa1a38fbc4.css.map"},{"name":"base-702c52ce47930ba15f84.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/base-702c52ce47930ba15f84.js.map"}],"document_list":[{"name":"document_list-4bf5d1e03d38a6eaca94.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/document_list-4bf5d1e03d38a6eaca94.js"},{"name":"document_list-4bf5d1e03d38a6eaca94.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/document_list-4bf5d1e03d38a6eaca94.js.map"}],"program_page":[{"name":"program_page-fff173154048bae63e32.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/program_page-fff173154048bae63e32.js"},{"name":"program_page-fff173154048bae63e32.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/program_page-fff173154048bae63e32.js.map"}],"runtime":[{"name":"runtime-618bcded6741c4c27fdf.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/runtime-618bcded6741c4c27fdf.js"},{"name":"runtime-618bcded6741c4c27fdf.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/runtime-618bcded6741c4c27fdf.js.map"}],"tola_management_country":[{"name":"tola_management_country-d2d40a6be9de670de4c2.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_country-d2d40a6be9de670de4c2.js"},{"name":"tola_management_country-d2d40a6be9de670de4c2.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_country-d2d40a6be9de670de4c2.js.map"}],"tola_management_organization":[{"name":"tola_management_organization-5271c5c80db2208426b1.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_organization-5271c5c80db2208426b1.js"},{"name":"tola_management_organization-5271c5c80db2208426b1.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_organization-5271c5c80db2208426b1.js.map"}],"tola_management_program":[{"name":"tola_management_program-1c0ce8637a72447286c3.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_program-1c0ce8637a72447286c3.js"},{"name":"tola_management_program-1c0ce8637a72447286c3.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_program-1c0ce8637a72447286c3.js.map"}],"tola_management_user":[{"name":"tola_management_user-3a98142a4e1ec567b01d.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_user-3a98142a4e1ec567b01d.js"},{"name":"tola_management_user-3a98142a4e1ec567b01d.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/tola_management_user-3a98142a4e1ec567b01d.js.map"}],"vendors":[{"name":"vendors-0c0545a78ffc4ebff1c9.css","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-0c0545a78ffc4ebff1c9.css"},{"name":"vendors-5c9fb0cb6044de5e5456.js","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-5c9fb0cb6044de5e5456.js"},{"name":"vendors-0c0545a78ffc4ebff1c9.css.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-0c0545a78ffc4ebff1c9.css.map"},{"name":"vendors-5c9fb0cb6044de5e5456.js.map","path":"/Users/paul/Repos/TolaActivity/build/dev-dist/vendors-5c9fb0cb6044de5e5456.js.map"}]}}
\ No newline at end of file
diff --git a/webpack-stats.json b/webpack-stats.json
index e18c2f56..05f836a3 100644
--- a/webpack-stats.json
+++ b/webpack-stats.json
@@ -1 +1 @@
-{"status":"done","chunks":{"runtime":[{"name":"runtime-ec2944dd8b20ec099bf3.js","path":"/Users/paul/Repos/TolaActivity/build/dist/runtime-ec2944dd8b20ec099bf3.js"}],"vendors":[{"name":"vendors-42e30866d827e6b06bb1.css","path":"/Users/paul/Repos/TolaActivity/build/dist/vendors-42e30866d827e6b06bb1.css"},{"name":"vendors-47bd47fcbeb192086d8b.js","path":"/Users/paul/Repos/TolaActivity/build/dist/vendors-47bd47fcbeb192086d8b.js"}],"audit_log":[{"name":"audit_log-28b6b761e87ded230c20.js","path":"/Users/paul/Repos/TolaActivity/build/dist/audit_log-28b6b761e87ded230c20.js"}],"base":[{"name":"base-faf56600e8452e84ab36.css","path":"/Users/paul/Repos/TolaActivity/build/dist/base-faf56600e8452e84ab36.css"},{"name":"base-7860ec9e0d43417984e1.js","path":"/Users/paul/Repos/TolaActivity/build/dist/base-7860ec9e0d43417984e1.js"}],"document_list":[{"name":"document_list-a1a50af96563ed667db5.js","path":"/Users/paul/Repos/TolaActivity/build/dist/document_list-a1a50af96563ed667db5.js"}],"program_page":[{"name":"program_page-4470e563d6238a23d44b.js","path":"/Users/paul/Repos/TolaActivity/build/dist/program_page-4470e563d6238a23d44b.js"}],"tola_management_country":[{"name":"tola_management_country-04ab318009aaae859046.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_country-04ab318009aaae859046.js"}],"tola_management_organization":[{"name":"tola_management_organization-0c191946c56ef13da563.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_organization-0c191946c56ef13da563.js"}],"tola_management_program":[{"name":"tola_management_program-f3cede18bd956db87a0f.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_program-f3cede18bd956db87a0f.js"}],"tola_management_user":[{"name":"tola_management_user-f52a05a8a0213477e2cc.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_user-f52a05a8a0213477e2cc.js"}]}}
\ No newline at end of file
+{"status":"done","chunks":{"runtime":[{"name":"runtime-ec2944dd8b20ec099bf3.js","path":"/Users/paul/Repos/TolaActivity/build/dist/runtime-ec2944dd8b20ec099bf3.js"}],"vendors":[{"name":"vendors-42e30866d827e6b06bb1.css","path":"/Users/paul/Repos/TolaActivity/build/dist/vendors-42e30866d827e6b06bb1.css"},{"name":"vendors-47bd47fcbeb192086d8b.js","path":"/Users/paul/Repos/TolaActivity/build/dist/vendors-47bd47fcbeb192086d8b.js"}],"audit_log":[{"name":"audit_log-615317e6f51428b2da6e.js","path":"/Users/paul/Repos/TolaActivity/build/dist/audit_log-615317e6f51428b2da6e.js"}],"base":[{"name":"base-6731d2e0b3b396102f05.css","path":"/Users/paul/Repos/TolaActivity/build/dist/base-6731d2e0b3b396102f05.css"},{"name":"base-84ad999e3b8337cb7619.js","path":"/Users/paul/Repos/TolaActivity/build/dist/base-84ad999e3b8337cb7619.js"}],"document_list":[{"name":"document_list-a1a50af96563ed667db5.js","path":"/Users/paul/Repos/TolaActivity/build/dist/document_list-a1a50af96563ed667db5.js"}],"program_page":[{"name":"program_page-4470e563d6238a23d44b.js","path":"/Users/paul/Repos/TolaActivity/build/dist/program_page-4470e563d6238a23d44b.js"}],"tola_management_country":[{"name":"tola_management_country-04ab318009aaae859046.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_country-04ab318009aaae859046.js"}],"tola_management_organization":[{"name":"tola_management_organization-9ed9709b0a49919db259.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_organization-9ed9709b0a49919db259.js"}],"tola_management_program":[{"name":"tola_management_program-89f28987e6b43e70cb39.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_program-89f28987e6b43e70cb39.js"}],"tola_management_user":[{"name":"tola_management_user-73052b4e0cf7339e2fa4.js","path":"/Users/paul/Repos/TolaActivity/build/dist/tola_management_user-73052b4e0cf7339e2fa4.js"}]}}
\ No newline at end of file