80 lines
2.3 KiB
JavaScript
80 lines
2.3 KiB
JavaScript
|
/**
|
||
|
|
* We handle several device classes based on browser width.
|
||
|
|
*
|
||
|
|
* - desktop: > __tablet_width__ (as set in style.ini)
|
||
|
|
* - mobile:
|
||
|
|
* - tablet <= __tablet_width__
|
||
|
|
* - phone <= __phone_width__
|
||
|
|
*/
|
||
|
|
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__sidebar 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__sidebar h3.toggle','#dokuwiki__sidebar div.content');
|
||
|
|
|
||
|
|
tpl_dokuwiki_mobile();
|
||
|
|
jQuery(window).on('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__sidebar');
|
||
|
|
//if($sidebar.length) {
|
||
|
|
// var $content = jQuery('#dokuwiki__content div.page');
|
||
|
|
// $content.css('min-height', $sidebar.height());
|
||
|
|
//}
|
||
|
|
});
|