fix tables and their scrolling

- added customized Bootstrap (so that the plugin works in non-Bootstrap themes)
- table header is always visible
- table has same (max) height as charts

Author: melanger

.eslintrc.yml

@@ -6,12 +6,14 @@ extends:
 parserOptions:
   ecmaVersion: 5
   sourceType: script
-  impliedStrict: true
   jsx: false
 rules:
   comma-dangle:
     - error
     - "never"
+  max-len:
+    - error
+    - {code: 120, tabWidth: 2, ignoreTrailingComments: true}
   no-plusplus:
     - error
     - {allowForLoopAfterthoughts: true}
@@ -24,4 +26,7 @@ rules:
   prefer-rest-params: off
   prefer-spread: off
   prefer-template: off
+  strict:
+    - error
+    - "global"
   vars-on-top: off

templates/charts.include.php

@@ -2,7 +2,10 @@
 use SimpleSAML\Module;
 
 $this->data['jquery'] = ['core' => true, 'ui' => true, 'css' => true];
-$this->data['head'] = '<link rel="stylesheet"  media="screen" type="text/css" href="' .
+$this->data['head'] = '';
+$this->data['head'] .= '<link rel="stylesheet"  media="screen" type="text/css" href="' .
+    Module::getModuleUrl('proxystatistics/bootstrap.min.css') . '" />';
+$this->data['head'] .= '<link rel="stylesheet"  media="screen" type="text/css" href="' .
     Module::getModuleUrl('proxystatistics/statisticsproxy.css') . '" />';
 $this->data['head'] .= '<link rel="stylesheet" type="text/css" href="' .
     Module::getModuleUrl('proxystatistics/Chart.min.css') . '">';