nextcloud/core/templates/layout.guest.php

<?php
/**
 * SPDX-FileCopyrightText: 2016-2024 Nextcloud GmbH and Nextcloud contributors
 * SPDX-FileCopyrightText: 2011-2016 ownCloud, Inc.
 * SPDX-License-Identifier: AGPL-3.0-only
 */
?>
<!DOCTYPE html>
<html class="ng-csp" data-placeholder-focus="false" lang="<?php p($_['language']); ?>" data-locale="<?php p($_['locale']); ?>" translate="no" >
	<head
<?php if ($_['user_uid']) { ?>
	data-user="<?php p($_['user_uid']); ?>" data-user-displayname="<?php p($_['user_displayname']); ?>"
<?php } ?>
 data-requesttoken="<?php p($_['requesttoken']); ?>">
		<meta charset="utf-8">
		<title>
			<?php
				p(!empty($_['pageTitle']) ? $_['pageTitle'] . ' – ' : '');
p($theme->getTitle());
?>
		</title>
		<meta name="csp-nonce" nonce="<?php p($_['cspNonce']); /* Do not pass into "content" to prevent exfiltration */ ?>">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0<?php if (isset($_['viewport_maximum_scale'])) {
			p(', maximum-scale=' . $_['viewport_maximum_scale']);
		} ?>">
		<?php if ($theme->getiTunesAppId() !== '') { ?>
		<meta name="apple-itunes-app" content="app-id=<?php p($theme->getiTunesAppId()); ?>">
		<?php } ?>
		<meta name="theme-color" content="<?php p($theme->getColorPrimary()); ?>">
		<link rel="icon" href="<?php print_unescaped(image_path('core', 'favicon.ico')); /* IE11+ supports png */ ?>">
		<link rel="apple-touch-icon" href="<?php print_unescaped(image_path('core', 'favicon-touch.png')); ?>">
		<link rel="mask-icon" sizes="any" href="<?php print_unescaped(image_path('core', 'favicon-mask.svg')); ?>" color="<?php p($theme->getColorPrimary()); ?>">
		<link rel="manifest" href="<?php print_unescaped(image_path('core', 'manifest.json')); ?>" crossorigin="use-credentials">
		<?php emit_css_loading_tags($_); ?>
		<?php emit_script_loading_tags($_); ?>
		<?php print_unescaped($_['headers']); ?>
	</head>
	<body id="<?php p($_['bodyid']);?>" <?php foreach ($_['enabledThemes'] as $themeId) {
		p("data-theme-$themeId ");
	}?> data-themes="<?php p(join(',', $_['enabledThemes'])) ?>">
		<?php include 'layout.noscript.warning.php'; ?>
		<?php include 'layout.initial-state.php'; ?>
		<div class="wrapper">
			<div class="v-align">
				<?php if ($_['bodyid'] === 'body-login'): ?>
					<header>
						<div id="header" class="header-guest">
							<div class="logo"></div>
						</div>
					</header>
				<?php endif; ?>
				<div class="guest-content">
					<h1 class="hidden-visually">
						<?php p($theme->getName()); ?>
					</h1>
					<?php print_unescaped($_['content']); ?>
				</div>
			</div>
		</div>
		<?php
		$longFooter = $theme->getLongFooter();
?>
		<footer class="guest-box <?php if ($longFooter === '') {
			p('hidden');
		} ?>">
			<p class="info">
				<?php print_unescaped($longFooter); ?>
			</p>
		</footer>
	</body>
</html>
-												chore: Add SPDX header

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

											
										
										
											2024-05-27 04:08:53 -04:00
+								<?php
 								/**
 								 * SPDX-FileCopyrightText: 2016-2024 Nextcloud GmbH and Nextcloud contributors
 								 * SPDX-FileCopyrightText: 2011-2016 ownCloud, Inc.
 								 * SPDX-License-Identifier: AGPL-3.0-only
 								 */
 								?>
-												this is now HTML5

											
										
										
											2011-04-16 17:29:54 -04:00
+								<!DOCTYPE html>
-												Disable browser translations

This will tell the browser not to translate the text on the page,
since this is very confusing given the good existing translation
support in Nextcloud and the fact that the language the Nextcloud
UI is set to might not match the language the content of the
instance is in, leading to surprising effects.

Better to disable it and remove the confusion.

Fixes #34857

Signed-off-by: Arnout Engelen <arnout@bzzt.net>

											
										
										
											2022-10-27 14:13:48 -04:00
+								<html class="ng-csp" data-placeholder-focus="false" lang="<?php p($_['language']); ?>" data-locale="<?php p($_['locale']); ?>" translate="no" >
-												Fix OC.getCurrentUser() on guest pages

Signed-off-by: Joas Schilling <coding@schilljs.com>

											
										
										
											2019-02-13 08:50:06 -05:00
+									<head
 								<?php if ($_['user_uid']) { ?>
 									data-user="<?php p($_['user_uid']); ?>" data-user-displayname="<?php p($_['user_displayname']); ?>"
 								<?php } ?>
 								 data-requesttoken="<?php p($_['requesttoken']); ?>">
-												adressing #14979 meta charset declaration should be first in head

											
										
										
											2015-03-17 18:36:05 -04:00
+										<meta charset="utf-8">
-												mage page title aware of ownCloud edition

											
										
										
											2013-06-12 08:33:24 -04:00
+										<title>
-												Identify the login page explicitly by the page title

Signed-off-by: Christopher Ng <chrng8@gmail.com>

											
										
										
											2022-07-20 19:55:50 -04:00
+											<?php
 												p(!empty($_['pageTitle']) ? $_['pageTitle'] . ' – ' : '');
-												composer run cs:fix

Signed-off-by: Côme Chilliet <come.chilliet@nextcloud.com>

											
										
										
											2023-01-20 05:45:08 -05:00
+								p($theme->getTitle());
 								?>
-												mage page title aware of ownCloud edition

											
										
										
											2013-06-12 08:33:24 -04:00
+										</title>
-												feat: Provide CSP nonce as `<meta>` element

This way we use the CSP nonce for dynamically loaded scripts.
Important to notice: The CSP nonce must NOT be injected in `content` as
this can lead to value exfiltration using e.g. side-channel attacts (CSS selectors).

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2024-08-01 17:06:55 -04:00
+										<meta name="csp-nonce" nonce="<?php p($_['cspNonce']); /* Do not pass into "content" to prevent exfiltration */ ?>">
-												fix: Disable auto-zoom on iOS

When using iOS and focussing an input element the view should not be zoomed.
So if we set a maximum scale iOS will not auto-zoom but still allow users to zoom.
But we can not do this by default as this will disable user zoom on Chrome.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2024-08-20 20:59:14 -04:00
+										<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0<?php if (isset($_['viewport_maximum_scale'])) {
 											p(', maximum-scale=' . $_['viewport_maximum_scale']);
 										} ?>">
-												Only add the app-itunes-app tag if the id is set

Signed-off-by: Julius Härtl <jus@bitgrid.net>

											
										
										
											2019-08-23 10:17:09 -04:00
+										<?php if ($theme->getiTunesAppId() !== '') { ?>
-												templates: use p() for getiTunesAppId

											
										
										
											2014-08-28 04:12:59 -04:00
+										<meta name="apple-itunes-app" content="app-id=<?php p($theme->getiTunesAppId()); ?>">
-												Only add the app-itunes-app tag if the id is set

Signed-off-by: Julius Härtl <jus@bitgrid.net>

											
										
										
											2019-08-23 10:17:09 -04:00
+										<?php } ?>
-												rename confusing getMailHeaderColor to getColorPrimary, ref #3491

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

											
										
										
											2017-03-27 19:37:47 -04:00
+										<meta name="theme-color" content="<?php p($theme->getColorPrimary()); ?>">
-												Remove OCP\App and OCP\BackgroundJob

Both deprecated since NC 23

IAppManager is the replacement for OCP\App unfortunately it can't be
dependency injected in classes used by the installed otherwise the
database connection is initialised too early

Signed-off-by: Carl Schwan <carl@carlschwan.eu>

											
										
										
											2022-05-12 11:08:54 -04:00
+										<link rel="icon" href="<?php print_unescaped(image_path('core', 'favicon.ico')); /* IE11+ supports png */ ?>">
 										<link rel="apple-touch-icon" href="<?php print_unescaped(image_path('core', 'favicon-touch.png')); ?>">
 										<link rel="mask-icon" sizes="any" href="<?php print_unescaped(image_path('core', 'favicon-mask.svg')); ?>" color="<?php p($theme->getColorPrimary()); ?>">
-												fix(manifest): Check if app exists instead of accessing null as an array

Signed-off-by: Joas Schilling <coding@schilljs.com>

											
										
										
											2023-12-11 02:59:45 -05:00
+										<link rel="manifest" href="<?php print_unescaped(image_path('core', 'manifest.json')); ?>" crossorigin="use-credentials">
-												Streamline templates, more DRY

Use Unified function to emit <link> tags for css loading, obey "Don't Repeat Yourself" ;-)

(Next step might by to combine this with the emit <script> function (even more DRY?) AND move all this to a better place?)

Signed-off-by: Michael Letzgus <michaelletzgus@users.noreply.github.com>

											
										
										
											2017-05-20 06:16:44 -04:00
+										<?php emit_css_loading_tags($_); ?>
-												Make page loading faster by deferred script loading:

* Create generalized function for emmitting <script defer src=""> tags to templates
* Remove type attribute from inline_js
* Add defer attribute to external <script> tags

Signed-off-by: Michael Letzgus <michaelletzgus@users.noreply.github.com>

											
										
										
											2017-03-08 03:43:51 -05:00
+										<?php emit_script_loading_tags($_); ?>
-												Fix the "addHeader($tag, $attributes, $text)" methods to not ignore the $text parameter

Also support closing tags with no text content given

Conflicts:
	lib/private/template.php

											
										
										
											2014-10-28 06:15:58 -04:00
+										<?php print_unescaped($_['headers']); ?>
-												Getting rid of Smarty, using our own template system

											
										
										
											2011-03-02 05:56:48 -05:00
+									</head>
-												fix(theming): enforce theme also for login

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2025-03-27 06:11:59 -04:00
+									<body id="<?php p($_['bodyid']);?>" <?php foreach ($_['enabledThemes'] as $themeId) {
 										p("data-theme-$themeId ");
 									}?> data-themes="<?php p(join(',', $_['enabledThemes'])) ?>">
-												Remove unneeded semicolon and parentheses

Signed-off-by: Morris Jobke <hey@morrisjobke.de>

											
										
										
											2018-01-26 17:46:40 -05:00
+										<?php include 'layout.noscript.warning.php'; ?>
-												chore(core): wrap initial state into hidden container

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

											
										
										
											2024-07-30 07:24:38 -04:00
+										<?php include 'layout.initial-state.php'; ?>
-												fixing #15023, getting comments out of HTML output

											
										
										
											2015-03-21 02:10:46 -04:00
+										<div class="wrapper">
 											<div class="v-align">
-												Remove trailing and in between spaces

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

											
										
										
											2020-04-09 10:07:47 -04:00
+												<?php if ($_['bodyid'] === 'body-login'): ?>
-												fix(core): remove unnecessary role=banner on top level header

By default, the HTML's `<header>` element has an identical meaning to the banner landmark,
unless it is a descendant of `<aside>`, `<article>`, `<main>`, `<nav>`, or `<section>`.

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

											
										
										
											2023-10-18 11:02:13 -04:00
+													<header>
-												refactor: de-duplicate header styles, add comments and mark deprecations

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2025-07-31 14:39:57 -04:00
+														<div id="header" class="header-guest">
-												Revert "Add alt to the logo, adapt css for logo"

This reverts commit bba5ab0532bcf71dc421fd15efd890cd25bdc8d3.

											
										
										
											2023-01-17 08:19:23 -05:00
+															<div class="logo"></div>
-												Step one, open guest layout for different styles.

Conflicts:
	core/templates/layout.guest.php

Step one, open guest layout for different styles.

											
										
										
											2014-09-11 05:39:50 -04:00
+														</div>
 													</header>
 												<?php endif; ?>
-												refactor(core): migrate public share authentication to Vue

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2026-01-15 10:10:17 -05:00
+												<div class="guest-content">
-												Place ```<h1>``` into main content

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>

											
										
										
											2022-11-14 06:15:24 -05:00
+													<h1 class="hidden-visually">
 														<?php p($theme->getName()); ?>
 													</h1>
-												Fix form labels and main landmark on log in page

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

											
										
										
											2018-04-18 10:14:09 -04:00
+													<?php print_unescaped($_['content']); ?>
-												fix(template): Use `<div>` instead of `<main>` to support Vue3 apps mounting

Vue3 does not replace the element while mounting but only renders within
(replace inner HTML).
So it would result in two stacked `<main>` elements which is invalid and
an accessibility issue.
Instead we just use a `<div>` element for mounting.

For Vue2 apps this does not change anything as the whole element will be
replaced with a new `<main>` element.
For vanilla apps this will slightly decrease the accessibility as the
main landmark is now missing, but this is not a hard accessibility issue
as it would be for Vue3 apps having two main elements.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2025-01-10 12:17:22 -05:00
+												</div>
-												Vertically align public layout to better fit small mobile screens
											
										
										
											2014-04-09 18:33:55 -04:00
+											</div>
-												sticky footer

											
										
										
											2013-07-22 07:16:01 -04:00
+										</div>
-												fix(theming): Make sure the footer is hidden if not content is rendered

Previously the footer was empty, but the backdrop was still shown.
This hides the footer if no text content was defined.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2023-09-23 08:21:49 -04:00
+										<?php
 										$longFooter = $theme->getLongFooter();
-												chore: Compile CSS assets

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2023-09-23 08:25:49 -04:00
+								?>
-												fix(theming): Make sure the footer is hidden if not content is rendered

Previously the footer was empty, but the backdrop was still shown.
This hides the footer if no text content was defined.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2023-09-23 08:21:49 -04:00
+										<footer class="guest-box <?php if ($longFooter === '') {
 											p('hidden');
 										} ?>">
-												make footer aware of ownCloud editions

											
										
										
											2013-06-12 08:49:30 -04:00
+											<p class="info">
-												fix(theming): Make sure the footer is hidden if not content is rendered

Previously the footer was empty, but the backdrop was still shown.
This hides the footer if no text content was defined.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

											
										
										
											2023-09-23 08:21:49 -04:00
+												<?php print_unescaped($longFooter); ?>
-												input field adjustments for new full-color background on log in

											
										
										
											2013-07-22 06:40:28 -04:00
+											</p>
 										</footer>
-												Getting rid of Smarty, using our own template system

											
										
										
											2011-03-02 05:56:48 -05:00
+									</body>
 								</html>