Javascript audit

[jtranier]

Description

• Track all the legacy javascript code
• Identify best candidates to be rewritten as VueJS component

Inventory

Application source code

Dedicated files

onboarding.js

Set of functions providing onboarding facilities.

result-graph.js

Set of functions to render graphs (confidence graph & evaluation graph).

elaastic/VueCkEditorComponent

Vue2 component wrapping CKEditor.

elaastic/util.js

Provides isVisible and ensureIsVisible utilitarian functions.

elaastic/auto-reload.js

Automatic page reload on websocket message reception.

elaastic/draxo/draxo-fn.js

Ad-hoc function using jQuery to interact with the DOM to implement DRAXO evaluations.

elaastic/draxo/draxo-form-app.js

Vue2 app implementing the DRAXO form.

• [ ] Clean & convert to Vue3 component

Inline Javascript

SemanticUI component activation

• Drop down
• Form
• Checkbox
• Message (with transitions)
• Accordion
• Tab

3-columns layout

• [ ] Convert to VueJS component

Help menu

• [ ] Convert to VueJS component

Confirmation modal (jQuery)

• Delete assignment
• Duplicate assignment
• Delete course
• Delete LTI consumer
• Delete subject
• Import subject
• Duplicate subject

Revision mode management

Using jQuery

• [ ] Convert to VueJS component

Modal learner access popup

• [ ] Convert to VueJS component

Modal LTI access

• [ ] Convert to VueJS component

Scroll to hash & selected sequence management

• [ ] Convert to VueJS component ?

Handle nb of registered users

• [ ] Convert to VueJS component

Analytics

• [ ] Convert to VueJS component

Assignment overview

Inline javascript to enhance the selected sequence & ensure it is visible.

• [ ] Convert to VueJS component

Dashboard

• [ ] Convert to VueJS component

Chat GPT

• [ ] Convert to VueJS component

Config sequence

• [ ] Convert to VueJS component

Teacher recommendation

• [ ] Convert to VueJS component

Response form

• [ ] Convert to VueJS component

Evaluation phase

• [ ] To be cleaned & Convert to VueJS component

Likert evaluation

• [ ] Convert to VueJS component

Confidence degree selection

• [ ] Convert from inline Vue2 to Vue3 component

Response form

• [ ] Convert to VueJS component

Share access modal

• [ ] Convert to VueJS component

Assignment management

• [ ] Convert to VueJS component

Question management

• [ ] Convert to VueJS component

Import statement

• [ ] Convert to VueJS component

Fake explanations management

• [ ] Convert to VueJS component

Statement editor

• [ ] Convert from inline Vue2 to Vue3

Subscription form

• [ ] Convert to VueJS component ?

Libraries

Vega

Data visualisation system.

• [ ] Check if we really need the 3 versions complete, embed & lite.

Underscore

Library facilitating array & object manipulations and support functional programming.

jQuery

It probably won't be needed anymore when the composants will be developed under VueJS.

intro.js

For onboarding...

js.cookie.js

Cookies management.

bootstrap-modal-js

• [ ] To be removed (I couldn't find any usage)

MathJax

For maths.

VueJS

• [ ] To be migrated to version 3

SemanticUI js components

Support current UI.

[jtranier]

I close this issue as the inventory has been done.

We've started the "Vue3 components" migration by the likert scale component, used within the "confronting viewpoints" interaction. He various interactions are good candidates to be migrated to simplify their adaptation. The steps associated to the teacher commands could be a good candidate as well.

More generally, it is probably interesting to migrate any for the identified javascripts bunch of code as soon as we need to modify them.