Add embedded mode (hides menu and so on), maybe need for #98

This commit is contained in:
Bernd Bestel 2018-11-17 12:57:35 +01:00
parent 0f73d849eb
commit 973f07b360
No known key found for this signature in database
GPG Key ID: 71BD34C0D4891300
4 changed files with 25 additions and 4 deletions

View File

@ -42,9 +42,18 @@ class BaseController
return $container->UrlManager->ConstructUrl($relativePath, $isResource);
});
try {
$embedded = false;
if (isset($container->request->getQueryParams()['embedded']))
{
$embedded = true;
}
$container->view->set('embedded', $embedded);
try
{
$usersService = new UsersService();
if (defined('GROCY_USER_ID')) {
if (defined('GROCY_USER_ID'))
{
$container->view->set('userSettings', $usersService->GetUserSettings(GROCY_USER_ID));
}
}

View File

@ -72,6 +72,16 @@ button.disabled {
pointer-events: none;
}
.embedded .hide-when-embedded {
display: none;
}
body.embedded.fixed-nav {
padding-top: 0;
}
.embedded .content-wrapper {
margin-left: 0;
}
/* Hide the default up/down arrow buttons for number inputs because we use our own buttons in numberpicker */
input[type='number'] {
-moz-appearance: textfield;

View File

@ -46,7 +46,8 @@
</script>
</head>
<body class="fixed-nav @if(boolval($userSettings['night_mode_enabled']) || (boolval($userSettings['auto_night_mode_enabled']) && boolval($userSettings['currently_inside_night_mode_range']))) night-mode @endif">
<body class="fixed-nav @if(boolval($userSettings['night_mode_enabled']) || (boolval($userSettings['auto_night_mode_enabled']) && boolval($userSettings['currently_inside_night_mode_range']))) night-mode @endif @if($embedded) embedded @endif">
@if(!($embedded))
<nav id="mainNav" class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand py-0" href="{{ $U('/') }}"><img src="{{ $U('/img/grocy_logo.svg?v=', true) }}{{ $version }}" height="30"></a>
@ -264,6 +265,7 @@
</ul>
</div>
</nav>
@endif
<div class="content-wrapper">
<div class="container-fluid">

View File

@ -54,7 +54,7 @@
</form>
</div>
<div class="col-xs-12 col-md-6 col-xl-4">
<div class="col-xs-12 col-md-6 col-xl-4 hide-when-embedded">
@include('components.productcard')
</div>
</div>