Allow more input types for application description

[rivernews]

Current Behavior

• Application has an input for a url link to the job description page.

Desired Behavior

• Will be nice to have a textfield to have a short note for the application.
• Also one user pointed out company may pull down the job description page once the interview starts. In such case there's no way to retrieve the description by url or online.
  • One suggestion the user gave is to allow screenshot image upload.

To sum up:

• Image upload field
• Textfield

[rivernews]

Ideal case: Scalable text field input

Ideally, the text field can contain rich content. If so, we can add link or even image then the image upload field is not needed.

But the application status link becomes less useful too. However, the status text can come in handy serving for tab labels. See issue for tab.

Workaround: simple text field

A pure text field may suffice a lot of needs.

If we move toward ideal case in the future, will it be backward compatible? Yes it will, those text will just be pure text in the editor, assuming we are introducing a rich text editor.

[rivernews]

Implementation for workaround

• Add the new field in backend model, for all company, application and application status.
• Add new fields to serializer
• Add new fields in frontend data models
• Add new fields in frontend forms
• Add new fields in frontend render components

[rivernews]

Working with tab when adding the text input type

One way to do it is

• Make the current status text be used as simple text field.
• At the company model level, add a status field for tab.
  • Whether we use the current many-to-many label field, or we use a new choice field, is however arguable.

[rivernews]

Update:

• Status: may related to tabbed UI, can be done later. Hold on.
• Rich text editor for application, or for company

Search for appropriate Rich Text Editor

Any tech stack constraints?

• In React
• Has typings for Typescript

Candidates

• Ckeditor: great to have @ckeditor/ckeditor5-react @shaungc/ckeditor5-custom-balloon, but unfortunately, seems like ts typing not there yet.
  • Quickstart react example at Ckeditor5 official doc.
  • As a workaround we will add the typing declare file manually, and the issue it's now solved.
  • In case you want to switch to official balloon, its github repo is here.

[rivernews]

Add Rich Text Field for Application

Aspects

• Frontend editor onkeyboardDown - update the data mechanism?
  • Should reside in form components now - scaffold a rich text field by shadowing existing field.
    • See how we can hook into our current form framework.
  • At the bottom - how to integrate with material components? --> We will consider this later
• Frontend data model update?
• Backend model
  • Add new field in model
• Backend CRUD consideration?
  • Add new field to fields in serializer. That's all!