- Change TRAICIE_VACANCY_DEFINTION_SPECIALIST to TRAICIE_ROLE_DEFINITION_SPECIALIST
- Introduce new vanilla-jsoneditor iso older jsoneditor (for viewing a.o. ChatSessions) - Introduce use of npm to install required javascript libraries - update Material-kit-pro - Introduce new top bar to show session defaults, remove old navbar buttons - Correct Task & Tools editor
This commit is contained in:
46
nginx/frontend_src/js/main.js
Normal file
46
nginx/frontend_src/js/main.js
Normal file
@@ -0,0 +1,46 @@
|
||||
// Importeer de bibliotheken die je wilt bundelen.
|
||||
// Parcel zal deze vinden in je node_modules map.
|
||||
|
||||
// jQuery
|
||||
import $ from 'jquery';
|
||||
// Maak jQuery globaal beschikbaar als window.jQuery en window.$
|
||||
// Dit is vaak nodig als oudere scripts of plugins dit verwachten.
|
||||
window.jQuery = $;
|
||||
window.$ = $;
|
||||
|
||||
// Popper.js (noodzakelijk voor Bootstrap 5 dropdowns, tooltips, popovers)
|
||||
// Controleer je package.json. Als je Bootstrap 5 gebruikt, heb je waarschijnlijk '@popperjs/core' nodig.
|
||||
// Als 'popper.js' in je package.json staat, is dat v1, en moet je mogelijk de import aanpassen
|
||||
// of Bootstrap's eigen gebundelde Popper gebruiken (indien aanwezig).
|
||||
import * as Popper from '@popperjs/core';
|
||||
window.Popper = Popper; // Maak het globaal beschikbaar als Bootstrap het extern verwacht.
|
||||
|
||||
// Bootstrap JavaScript
|
||||
import 'bootstrap'; // Importeert alle BS JS componenten.
|
||||
// Bootstrap's JS koppelt zichzelf meestal aan jQuery en gebruikt Popper.
|
||||
// Als je 'bootstrap' als object nodig hebt (bijv. voor new bootstrap.Modal()), importeer het dan als:
|
||||
// import * as bootstrap from 'bootstrap';
|
||||
// window.bootstrap = bootstrap;
|
||||
|
||||
// DataTables.net Core
|
||||
import DataTable from 'datatables.net';
|
||||
// Maak DataTable globaal beschikbaar
|
||||
window.DataTable = DataTable;
|
||||
|
||||
// Select2
|
||||
// Select2 is een jQuery plugin, dus het moet na jQuery geïmporteerd worden.
|
||||
// Het zou zichzelf moeten koppelen aan de jQuery instance.
|
||||
import 'select2';
|
||||
|
||||
// vanilla-jsoneditor
|
||||
// De import hieronder is voor recentere versies van vanilla-jsoneditor.
|
||||
// Controleer of de versie in je package.json ('^0.5.0') hiermee compatibel is.
|
||||
// Mogelijk moet je vanilla-jsoneditor updaten in package.json
|
||||
// of een andere import/initialisatie gebruiken voor v0.5.0.
|
||||
import { createJSONEditor } from 'vanilla-jsoneditor';
|
||||
// import { createJSONEditor } from 'vanilla-jsoneditor/standalone.js' staat in de documentatie
|
||||
// Maak de factory functie globaal beschikbaar als je dit elders in je code gebruikt.
|
||||
window.createJSONEditor = createJSONEditor;
|
||||
|
||||
// Eventueel een log om te bevestigen dat de bundel is geladen
|
||||
console.log('JavaScript bibliotheken gebundeld en geladen via main.js.');
|
||||
Reference in New Issue
Block a user