Simplify Data cleaning UI to match export changes

[janagombitova]

Context

We have started a larger project on improving how users export data, how we divide export types, call them and structure the UI. In this issue you can find all details: akvo/akvo-product-design#273 Because exporting data is in Flow closely linked to importing data and data cleaning, we need to make sure the Data cleaning tab matches with the changes coming.

We recognised that Data cleaning needs larger improvements in regards to the UI, but mostly around notifying the user if import or export went wrong and why. As these changes are not defined nor tested yet, we will only change the current UI with some lipstick improvements to bring consistency.

Current UI

Changes

• change ‘Export raw data report’ title to ‘Data cleaning export’
• shorten the description and only keep: ‘Please make a copy of this file before you make any changes.’
• change button from 'Raw data report' to 'Download'
• change: ‘Import cleaned survey data’ to ‘Import data’
• shorten description to only ‘Import will overwrite the existing data. The file must be in .xlsx or .xls format.
• change button from 'Import clean data' to 'Import'

[Maseline]

@janagombitova Export raw data report and and the length description are present under Reports as well, should i implement a change that works to change the text for both Data Cleaning and Reports or just for this case of Data Cleaning

[janagombitova]

@Maseline Good catch! Only on the Data cleaning page as we are implementing a fully new UI (Loic is currently working on that with Stellan) for the Reports. Here you can see what is coming up: #2282

[Maseline]

Test plan
Select Data from the main navigation
Under Data select Data Cleaning
Note that the headings, descriptions and button text have changed
Note that these changes have not affected what was under Reports

[janagombitova]

Note sure if what I see is due to these changes, but something broke on the Data cleaning tab and needs fixing. The folder/survey/form dropdowns are gone and I cannot select a form to work with:

Secondly, when selecting the date in Collected from and to I do not get the date selector anymore:

[Maseline]

Seems unlikely since only changes made were to placeholders text but let me look into it

[janagombitova]

Thank you and please do not forget the date selector that should be showing.

[muloem]

The issue with the inspect data tab not loading is connected to changes in #2282. Specifically the changes in views.js under a962f53

[janagombitova]

All resolved 👍