80 lines
2.4 KiB
JavaScript
80 lines
2.4 KiB
JavaScript
/**
|
|
* We handle several device classes based on browser width.
|
|
* see http://twitter.github.com/bootstrap/scaffolding.html#responsive
|
|
*
|
|
* - desktop: 980+
|
|
* - mobile: < 980
|
|
* - tablet 481 - 979 (ostensibly for tablets in portrait mode)
|
|
* - phone <= 480
|
|
*/
|
|
var device_class = ''; // not yet known
|
|
var device_classes = 'desktop mobile tablet phone';
|
|
|
|
function tpl_dokuwiki_mobile(){
|
|
|
|
// the z-index in mobile.css is (mis-)used purely for detecting the screen mode here
|
|
var screen_mode = jQuery('#screen__mode').css('z-index');
|
|
|
|
// determine our device pattern
|
|
// TODO: consider moving into dokuwiki core
|
|
switch (screen_mode) {
|
|
case '1':
|
|
if (device_class.match(/tablet/)) return;
|
|
device_class = 'mobile tablet';
|
|
break;
|
|
case '2':
|
|
if (device_class.match(/phone/)) return;
|
|
device_class = 'mobile phone';
|
|
break;
|
|
default:
|
|
if (device_class == 'desktop') return;
|
|
device_class = 'desktop';
|
|
}
|
|
|
|
jQuery('html').removeClass(device_classes).addClass(device_class);
|
|
|
|
// handle some layout changes based on change in device
|
|
var $handle = jQuery('#dokuwiki__aside h3.toggle');
|
|
var $toc = jQuery('#dw__toc h3');
|
|
|
|
if (device_class == 'desktop') {
|
|
// reset for desktop mode
|
|
if($handle.length) {
|
|
$handle[0].setState(1);
|
|
$handle.hide();
|
|
}
|
|
if($toc.length) {
|
|
$toc[0].setState(1);
|
|
}
|
|
}
|
|
if (device_class.match(/mobile/)){
|
|
// toc and sidebar hiding
|
|
if($handle.length) {
|
|
$handle.show();
|
|
$handle[0].setState(-1);
|
|
}
|
|
if($toc.length) {
|
|
$toc[0].setState(-1);
|
|
}
|
|
}
|
|
}
|
|
|
|
jQuery(function(){
|
|
var resizeTimer;
|
|
dw_page.makeToggle('#dokuwiki__aside h3.toggle','#dokuwiki__aside div.content');
|
|
|
|
tpl_dokuwiki_mobile();
|
|
jQuery(window).bind('resize',
|
|
function(){
|
|
if (resizeTimer) clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(tpl_dokuwiki_mobile,200);
|
|
}
|
|
);
|
|
|
|
// increase sidebar length to match content (desktop mode only)
|
|
var $sidebar = jQuery('.desktop #dokuwiki__aside');
|
|
if($sidebar.length) {
|
|
var $content = jQuery('#dokuwiki__content div.page');
|
|
$content.css('min-height', $sidebar.height());
|
|
}
|
|
});
|