app.js

/*
 * Welcome to your app's main JavaScript file!
 *
 * We recommend including the built version of this JavaScript file
 * (and its CSS file) in your base layout (base.html.twig).
 */

// any CSS you import will output into a single css file (app.css in this case)
import '../css/app.css';

import 'bootstrap/dist/css/bootstrap.min.css';

// Need jQuery? Install it with "yarn add jquery", then uncomment to import it.
// import $ from 'jquery';
const $ = require('jquery');
global.$ = global.jQuery = $;
// this "modifies" the jquery module: adding behavior to it
// the bootstrap module doesn't export/return anything
require('bootstrap');
require('datatables.net-bs4');
require('chart.js');
require('chartjs-plugin-colorschemes');

require('../images/tapes.jpg');
require('../images/tape_logo.png');
require('../images/tapes_view.jpg');
require('../images/tms-black.png');
require('../images/library.jpg');
require('../images/library2.jpg');
require('../images/library3.jpg');
require('../images/gitlab.png');
require('../images/favicon.ico');
require('@fortawesome/fontawesome-free/css/all.min.css');
require('@fortawesome/fontawesome-free/js/all.js');

import 'datatables.net-bs4/css/dataTables.bootstrap4.css';


// or you can include specific pieces
// require('bootstrap/js/dist/tooltip');
// require('bootstrap/js/dist/popover');

$(document).ready(function() {
    $('[data-toggle="popover"]').popover();

    $('.dataTable').dataTable({
            "order": [[1, "desc"]]
        }
    );

});