AV-689: Convert guide tables to bootstrap responsive oens

drupal/modules/avoindata-theme/avoindata.libraries.yml

@@ -21,3 +21,7 @@ webfonts:
 cycle-guide-menu-items:
   js:
     'js/cycle_guide_menu_items.js': {}
+
+inject-responsive-tables:
+  js:
+    'scripts/inject_responsive_tables.js': {}

drupal/modules/avoindata-theme/templates/node/node--avoindata_guide_page.html.twig

@@ -7,6 +7,7 @@
  */
 #}
 {{ attach_library('avoindata/cycle-guide-menu-items') }}
+{{ attach_library('avoindata/inject-responsive-tables') }}
 {% set has_menu = drupal_region('guide_menu')|render|striptags|trim %}
 
 

opendata-assets/gulpfile.js

@@ -310,7 +310,8 @@ gulp.task("scripts", (done) => {
   pump([
     gulp.src([paths.src.scripts, paths.src.drupal_avoindata_header]),
     gulp.dest(paths.dist + "/scripts"),
-    gulp.dest(paths.ckanResources + "/scripts")
+    gulp.dest(paths.ckanResources + "/scripts"),
+    gulp.dest(paths.drupalTheme + "/scripts")
   ], done)
 });
 

opendata-assets/src/scripts/inject_responsive_tables.js

@@ -3,10 +3,13 @@ var injectResponsiveTables = function (next) {
     if (document.readyState == "interactive" || document.readyState == "complete") {
       var content = document.getElementsByClassName("region-content");
       if (content.length != 0) {
-        var sections = content[0].getElementsByTagName("section");
+        var sections = content[0].getElementsByClassName("avoindata-section-content");
         for ( var j = 0; j < sections.length; j++) {
           var tables = sections[j].getElementsByTagName("table");
           for (var i = 0; i < tables.length; ++i) {
+            if(tables[i].parentElement.classList.contains('table-responsive')) {
+              continue;
+            }
             var wrapper = document.createElement("div");
             tables[i].classList.add("table");
             wrapper.classList.add("table-responsive");