-
Notifications
You must be signed in to change notification settings - Fork 4
/
debug.js
79 lines (74 loc) · 3.03 KB
/
debug.js
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
79
//$Id$
(function ($) {
Drupal.grid_debug = function (context) {
// add toolbar items
if (Drupal.settings.fluid_grid == 'fluid') {
$('body').addClass('fluid-grid');
}
// add an extra identifying class to body
$('body').addClass('has-grid');
if (Drupal.settings.grid_overlay_state) {
// grid is on by default
$('body:not(.fluid-grid)').addClass('show-grid');
$('body').addClass('grid-hover');
var debug_next_state = "Off";
}
else {
// grid is off by default
var debug_next_state = "On";
}
// add toggle button/section
$('#page').after('<div id="omega-debug"><a href="#">Turn Debug <strong>'+debug_next_state+'</strong></a><div id="omega-debug-info"></div></div>');
// toggle info between clicks
$('#omega-debug a').click(function(){
if (debug_next_state == "Off") {
$('#omega-debug a').html('Turn Debug <strong>On</strong>');
$('body:not(.fluid-grid)').removeClass('show-grid');
$('body').removeClass('grid-hover');
debug_next_state = "On";
return false;
}
else {
$('#omega-debug a').html('Turn Debug <strong>Off</strong>');
$('body:not(.fluid-grid)').addClass('show-grid');
$('body').addClass('grid-hover');
debug_next_state = "Off";
return false;
}
});
// show info on hovering region
$('.has-grid .grid-1, .has-grid .grid-2, .has-grid .grid-3, .has-grid .grid-4, .has-grid .grid-5, .has-grid .grid-6, .has-grid .grid-7, .has-grid .grid-8, .has-grid .grid-9, .has-grid .grid-10, .has-grid .grid-11, .has-grid .grid-12, .has-grid .grid-13, .has-grid .grid-14, .has-grid .grid-15, .has-grid .grid-16, .has-grid .grid-17, .has-grid .grid-18, .has-grid .grid-19, .has-grid .grid-20, .has-grid .grid-21, .has-grid .grid-22, .has-grid .grid-23, .has-grid .grid-24')
.hover(function(){
if ($(this).parents('body').hasClass('grid-hover')) {
var grid_classes = '';
var i = 1;
var grid_size = 'undefined';
for(i = 1; i <= 24; i++) {
var grid_size_test = 'grid-'+i;
if ($(this).hasClass(grid_size_test)) {
var grid_size = grid_size_test;
}
}
var container_parent = $(this).parents('div[class*=container]');
if (container_parent.hasClass('container-12')) {
var container_size = 'container-12';
}
if (container_parent.hasClass('container-16')) {
var container_size = 'container-16';
}
if (container_parent.hasClass('container-24')) {
var container_size = 'container-24';
}
$('#omega-debug-info').html('<hr /><div><strong>Container class: '+container_size+'</div><div><strong>Grid class: </strong>'+grid_size+'</div>');
//$('#omega-debug-info').html(container_info);
}
}, function(){
if ($(this).parents('body').hasClass('grid-hover')) {
$('#omega-debug-info').html('');
}
});
};
$(document).ready(function(){
var debug = new Drupal.grid_debug();
});
})(jQuery);