Vue3 migration

[prakhyatox]

Ticket: #2492

[prakhyatox]

Vue 3 Progress so far

Completed:

• Home page
• AdvancedSearch
• Profile page (private) (/accounts/profile page)
• Public profile page (/user/:id)
• UsersList (/profiles/usersList)
• Implemented v-fab scroll top button
• Sign-up page (/accounts/signup)
• Footer
  • /communities
  • /community_champions
  • /community_champions/our_champions
  • /educational
  • /communities
  • All footer links
• Search Page
• Records Page
  • general information
    • Relation graph
  • licence links
  • publications
  • organisation & grants
  • relation to other records
  • additional information
• Subject Browser

Items deleted temperorily to make netlify build. Below items needs to be added once unit test are started

• .github -> workflows -> unit_tests.yml
• test script in package.json
• removing codacy-coverage temporarily(379cf88)

[ramGranell]

In the edit menu when editing this record https://deploy-preview-2496--fairsharing.netlify.app/FAIRsharing.zwtww5

GENERAL INFORMATION TAB

• the existing registry and type of the record does not appear (if you select one it appears, but not the existing one).
• when adding a new contact point (Edit Contact information:), when adding a new contact point with name: "hrtgrrt", email: "ewqew.we3trew@few.es" and ORCID "0000-0000-0000-0001" it is blocked and the console says: - TypeError: this.$set is not a function, addItem Contact.vue:194 The same error happens when editing an existing contact point
• when editing the subject/object/domain/UDT, when adding a label (clicking at the label and appearing a tick in the left of the lable), the label does not appear at the top as added. In production, they appear at the top (with different background colour) when you select them. Adding a new created User Defined Tag worked properly.

LICENCES & SUPPORT LINKS

• when adding a new licence, I selected AC CDC... andd applies to content, it is added correctly to the editor, but when saving it doesn't save and the console says: TypeError: e._self is undefined q vue-json-pretty.js:1
• when editing an existing support link, you change the field Support Link Name, press Submit Support Link button and it is not changed in the edit panel.

PUBLICATIONS

• when adding an existing publication, the publication appears at the top but with all the fields empty

ORGANISATIONS

• I modify the relation with existing organisation "3D geoinformation research group" from "funds" to "collaborates on". In the edit menu is changeg but when pressing save, it is not saved and a console error "TypeError: e._self is undefined"

RELATIONS TO OTHER RECORDS

• when scrolling down in the list of available records, the records take some seconds to appear (it is a grey menu until you stop to scroll down) This thing does not happen in production. I wonder if this can be due to the Netlify building. ---That should not be an issue because it is lazy load and the in lazy load data appears when in the screen view

ADDITIONAL INFORMATION

• all worked correctly for record https://deploy-preview-2496--fairsharing.netlify.app/FAIRsharing.zwtww5 however in record https://deploy-preview-2496--fairsharing.netlify.app/FAIRsharing.b7533a when I tried to create a new cross reference with the following values: url "https:ewe.ew.es", name: "rewrew" and portal "re3data", it does not work and it console it appears: "TypeError: e.sections.additionalInformation.data.additionalInformation is undefined" The same happens when adding any other item. The record is deprecated but you are allowed to modify deprecated records.

[knirirr]

Missing text from warning banner after login failure:

Issue is fixed