forked from deblan/side_menu
fix #12: add an option to hide the opener and the panel when there is no application
This commit is contained in:
parent
76ecd6aeaa
commit
4146e9c2a1
|
@ -54,6 +54,7 @@ class JsController extends Controller
|
||||||
$parameters = [
|
$parameters = [
|
||||||
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
||||||
'opener-hover' => (bool) $this->config->getAppValue('side_menu', 'opener-hover', '0'),
|
'opener-hover' => (bool) $this->config->getAppValue('side_menu', 'opener-hover', '0'),
|
||||||
|
'hide-when-no-apps' => (bool) $this->config->getAppValue('side_menu', 'hide-when-no-apps', '0'),
|
||||||
];
|
];
|
||||||
|
|
||||||
$response = new TemplateResponse('side_menu', 'js/script', $parameters, 'blank');
|
$response = new TemplateResponse('side_menu', 'js/script', $parameters, 'blank');
|
||||||
|
|
|
@ -61,6 +61,7 @@ class Admin implements ISettings
|
||||||
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
||||||
'opener-hover' => $this->config->getAppValue('side_menu', 'opener-hover', '0'),
|
'opener-hover' => $this->config->getAppValue('side_menu', 'opener-hover', '0'),
|
||||||
'opener-only' => $this->config->getAppValue('side_menu', 'opener-only', '0'),
|
'opener-only' => $this->config->getAppValue('side_menu', 'opener-only', '0'),
|
||||||
|
'hide-when-no-apps' => $this->config->getAppValue('side_menu', 'hide-when-no-apps', '0'),
|
||||||
'size-icon' => $this->config->getAppValue('side_menu', 'size-icon', 'normal'),
|
'size-icon' => $this->config->getAppValue('side_menu', 'size-icon', 'normal'),
|
||||||
'size-text' => $this->config->getAppValue('side_menu', 'size-text', 'normal'),
|
'size-text' => $this->config->getAppValue('side_menu', 'size-text', 'normal'),
|
||||||
];
|
];
|
||||||
|
|
|
@ -66,7 +66,11 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
jQuery('body').trigger('side-menu.apps', [this.apps])
|
(function(apps) {
|
||||||
|
window.setTimeout(function() {
|
||||||
|
jQuery('body').trigger('side-menu.apps', [apps])
|
||||||
|
}, 1000)
|
||||||
|
})(this.apps)
|
||||||
},
|
},
|
||||||
retrieveLogo() {
|
retrieveLogo() {
|
||||||
const ncLogo = document.querySelector('#nextcloud .logo')
|
const ncLogo = document.querySelector('#nextcloud .logo')
|
||||||
|
|
|
@ -25,6 +25,7 @@ const elements = [
|
||||||
'side-menu-opener-hover',
|
'side-menu-opener-hover',
|
||||||
'side-menu-opener-only',
|
'side-menu-opener-only',
|
||||||
'side-menu-display-logo',
|
'side-menu-display-logo',
|
||||||
|
'side-menu-hide-when-no-apps',
|
||||||
'side-menu-size-icon',
|
'side-menu-size-icon',
|
||||||
'side-menu-size-text',
|
'side-menu-size-text',
|
||||||
'side-menu-cache',
|
'side-menu-cache',
|
||||||
|
|
|
@ -3,28 +3,19 @@
|
||||||
var sideMenuOpener = $('<button class="side-menu-opener"></button>')
|
var sideMenuOpener = $('<button class="side-menu-opener"></button>')
|
||||||
var sideMenu = $('<div id="side-menu">')
|
var sideMenu = $('<div id="side-menu">')
|
||||||
var body = $('body')
|
var body = $('body')
|
||||||
|
|
||||||
body.append(sideMenuContainer)
|
|
||||||
|
|
||||||
sideMenuContainer.append(sideMenu)
|
|
||||||
|
|
||||||
<?php if ($_['opener-position'] === 'before'): ?>
|
|
||||||
sideMenuOpener.insertBefore('#nextcloud')
|
|
||||||
<?php else: ?>
|
|
||||||
sideMenuOpener.insertAfter('#nextcloud')
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
var isTouchDevice = window.matchMedia("(pointer: coarse)").matches
|
var isTouchDevice = window.matchMedia("(pointer: coarse)").matches
|
||||||
|
|
||||||
body.on('side-menu.apps', function(e, apps) {
|
body.on('side-menu.apps', function(e, apps) {
|
||||||
sideMenu = $('#side-menu')
|
<?php if ($_['hide-when-no-apps']): ?>
|
||||||
|
sideMenu = $('#side-menu')
|
||||||
|
|
||||||
if (apps.length === 0) {
|
if (apps.length === 0) {
|
||||||
sideMenu.removeClass('open')
|
sideMenu.removeClass('open')
|
||||||
sideMenuOpener.addClass('hide')
|
sideMenuOpener.addClass('hide')
|
||||||
} else {
|
} else {
|
||||||
sideMenuOpener.removeClass('hide')
|
sideMenuOpener.removeClass('hide')
|
||||||
}
|
}
|
||||||
|
<?php endif; ?>
|
||||||
})
|
})
|
||||||
|
|
||||||
body.on('side-menu.ready', function() {
|
body.on('side-menu.ready', function() {
|
||||||
|
@ -65,4 +56,13 @@
|
||||||
sideMenu.removeClass('open');
|
sideMenu.removeClass('open');
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
body.append(sideMenuContainer)
|
||||||
|
sideMenuContainer.append(sideMenu)
|
||||||
|
|
||||||
|
<?php if ($_['opener-position'] === 'before'): ?>
|
||||||
|
sideMenuOpener.insertBefore('#nextcloud')
|
||||||
|
<?php else: ?>
|
||||||
|
sideMenuOpener.insertAfter('#nextcloud')
|
||||||
|
<?php endif; ?>
|
||||||
})();
|
})();
|
||||||
|
|
|
@ -151,6 +151,22 @@ $choicesSizes = [
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label for="side-menu-hide-when-no-apps" class="settings-hint">
|
||||||
|
<?php p($l->t('Do not display the side menu and the opener if there is no application (eg: public pages).')); ?>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<select id="side-menu-hide-when-no-apps" name="hide-when-no-apps">
|
||||||
|
<?php foreach ($choicesYesNo as $label => $value): ?>
|
||||||
|
<option value="<?php echo $value ?>" <?php if ($value === $_['hide-when-no-apps']): ?>selected<?php endif; ?>>
|
||||||
|
<?php echo $l->t($label); ?>
|
||||||
|
</option>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
|
|
Loading…
Reference in a new issue