drupal-responsive-tables/responsive-tables.js at master · LaneCommunityCollege/drupal-responsive-tables · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
jQuery(document).ready(function() {
    maxWidth = 0;
    jQuery("#region-content").find('table').not('.sticky-header').not('.non-responsive').each(function(index){
        jQuery(this).addClass('responsive');
        if(jQuery(this).width() > maxWidth){
            maxWidth = jQuery(this).width();
        }
    });
    var switched = false;
    var updateTables = function() {
        if ((jQuery('#region-content').width() < maxWidth) && !switched ){
            switched = true;
            jQuery("table.responsive").each(function(i, element) {
                jQuery(element).addClass("rt_split");
                splitTable(jQuery(element));
            });
            return true;
        }
        else if (switched && (jQuery('#region-content').width() > maxWidth)) {
            switched = false;
            jQuery("table.responsive").each(function(i, element) {
                unsplitTable(jQuery(element));
                jQuery(element).removeClass("rt_split");
            });
        }
    };

    jQuery(window).load(updateTables);
    jQuery(window).load(resizeRows);
    jQuery(window).bind("resize", updateTables);
    jQuery(window).bind("resize", resizeRows);

	function splitTable(original){
		original.wrap("<div class='table-responsive-wrapper' />");

		var copy = original.clone();
		copy.find("td:not(:first-child), th:not(:first-child)").css("display", "none");
		copy.removeClass("responsive").removeClass("rt_split");

		original.closest(".table-responsive-wrapper").append(copy);
		copy.wrap("<div class='pinned' />");
		original.wrap("<div class='scrollable' />");
	}

	function unsplitTable(original) {
        original.closest(".table-responsive-wrapper").find(".pinned").remove();
        original.unwrap();
        original.unwrap();
        original.find('tr').each(function(index){
            jQuery(this).height("auto");
        });
	}

    function resizeRows(){
        jQuery("#region-content").find(".table-responsive-wrapper").each(function(){
            copy = jQuery(this).find(".pinned");
            original = jQuery(this).find(".scrollable");
            totHeight = 0;
            original.find('tr').each(function(index){
                e = copy.find('tr:eq(' + index + ')');
                originalHeight = jQuery(this).height();
                copyHeight = e.height();
                if(originalHeight > copyHeight){
                    e.height(originalHeight);
                    jQuery(this).height(originalHeight);
                    totHeight = totHeight + originalHeight;
                }
                else{
                    jQuery(this).height(copyHeight);
                    e.height(copyHeight);
                    totHeight = totHeight + copyHeight;
                }
            });
//            copy.height(totHeight);
//            original.height(totHeight);
        });
    }
});