Basic case management/Dynamic data attachments improvements

[duvld]

Description

Here's a collection of improvements we can do to basic case management/dynamic data attachments frontend.

The list

UI/UX:

• Add way to insert calculation to text/number questions in the formbuilder
• Add checkbox to hide or show group names (internal discussion: https://chat.kobotoolbox.org/#narrow/stream/4-KoBo-Dev/topic/case.20management.20.2F.20record.20updating/near/43484)
• Drop the 50/50 columns and make the check boxes full width of modal here:
  
  • Remove loading/PATCHing asset after click--introduce a submit button
    • This probably means exporting the Import modal and place it ^ instead

Code wise (javascript):

• Clean it up!! Use BEM elements, apply our linters
• Check the TODOs in the code related to connectProjects.es6, dataShareActions.es6, and dataAttachmentColumnsForm.es6
  • Maybe these files should be renamed to be more closely related
• Bottom two dataShareActions need to have explicitly different fields and:
  • make the parameters uid, isShared, fields and build data object here:

  const data = JSON.stringify({
    data_sharing: {
      enabled: isShared
      fields: fields,
    }
  });

  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
• Check if we only need to load the asset in dataAttachmentColumnsForm.es6 if the reponse fields is empty
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
• Make a general function to get asset uid from the URL regardless of route
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
• Check how backend deals with underscore-ing strings with multiple spaces, then mimic that in our string truncation function
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)

Code wise (CSS):

• Create wrapper BEM elements for columns (if there still are any after UI/UX redo)
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
• @media improvements for the connect projects modal
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)
• @media improvements for the import modal
  • [Feature] Basic Case Management/Dynamic Data Attachments #3057 (comment)