391 lines
16 KiB
PHP
391 lines
16 KiB
PHP
<?php
|
||
/**
|
||
* @copyright Copyright (c) 2017 Arthur Schiwon <blizzz@arthur-schiwon.de>
|
||
*
|
||
* @author Arthur Schiwon <blizzz@arthur-schiwon.de>
|
||
* @author Thomas Citharel <tcit@tcit.fr>
|
||
*
|
||
* @license GNU AGPL version 3 or any later version
|
||
*
|
||
* This program is free software: you can redistribute it and/or modify
|
||
* it under the terms of the GNU Affero General Public License as
|
||
* published by the Free Software Foundation, either version 3 of the
|
||
* License, or (at your option) any later version.
|
||
*
|
||
* This program is distributed in the hope that it will be useful,
|
||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
* GNU Affero General Public License for more details.
|
||
*
|
||
* You should have received a copy of the GNU Affero General Public License
|
||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||
*
|
||
*/
|
||
|
||
/** @var \OCP\IL10N $l */
|
||
/** @var array $_ */
|
||
|
||
script('settings', [
|
||
'usersettings',
|
||
'templates',
|
||
'federationsettingsview',
|
||
'federationscopemenu',
|
||
'settings/personalInfo',
|
||
'vue-settings-personal-info',
|
||
]);
|
||
?>
|
||
|
||
<div id="personal-settings" data-lookup-server-upload-enabled="<?php p($_['lookupServerUploadEnabled'] ? 'true' : 'false') ?>">
|
||
<div id="personal-settings-avatar-container" class="personal-settings-container">
|
||
<div>
|
||
<form id="avatarform" class="section" method="post" action="<?php p(\OC::$server->getURLGenerator()->linkToRoute('core.avatar.postAvatar')); ?>">
|
||
<h3>
|
||
<?php p($l->t('Profile picture')); ?>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of profile picture')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<div id="displayavatar">
|
||
<div class="avatardiv"></div>
|
||
<div class="warning hidden"></div>
|
||
<?php if ($_['avatarChangeSupported']): ?>
|
||
<label for="uploadavatar" class="inlineblock button icon-upload svg" id="uploadavatarbutton" title="<?php p($l->t('Upload new')); ?>" tabindex="0"></label>
|
||
<button class="inlineblock button icon-folder svg" id="selectavatar" title="<?php p($l->t('Select from Files')); ?>"></button>
|
||
<button class="hidden button icon-delete svg" id="removeavatar" title="<?php p($l->t('Remove image')); ?>"></button>
|
||
<input type="file" name="files[]" id="uploadavatar" class="hiddenuploadfield" accept="image/*">
|
||
<p><em><?php p($l->t('png or jpg, max. 20 MB')); ?></em></p>
|
||
<?php else: ?>
|
||
<?php p($l->t('Picture provided by original account')); ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div id="cropper" class="hidden">
|
||
<div class="inner-container">
|
||
<div class="inlineblock button" id="abortcropperbutton"><?php p($l->t('Cancel')); ?></div>
|
||
<div class="inlineblock button primary" id="sendcropperbutton"><?php p($l->t('Choose as profile picture')); ?></div>
|
||
</div>
|
||
</div>
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="avatarscope" value="<?php p($_['avatarScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box personal-settings-group-box section">
|
||
<h3><?php p($l->t('Details')); ?></h3>
|
||
<div id="groups" class="personal-info icon-user">
|
||
<p><?php p($l->t('You are a member of the following groups:')); ?></p>
|
||
<p id="groups-groups">
|
||
<strong><?php p(implode(', ', $_['groups'])); ?></strong>
|
||
</p>
|
||
</div>
|
||
<div id="quota" class="personal-info icon-quota">
|
||
<div class="quotatext-bg">
|
||
<p class="quotatext">
|
||
<?php if ($_['quota'] === \OCP\Files\FileInfo::SPACE_UNLIMITED): ?>
|
||
<?php print_unescaped($l->t('You are using <strong>%s</strong>',
|
||
[$_['usage']]));?>
|
||
<?php else: ?>
|
||
<?php print_unescaped($l->t('You are using <strong>%1$s</strong> of <strong>%2$s</strong> (<strong>%3$s %%</strong>)',
|
||
[$_['usage'], $_['total_space'], $_['usage_relative']]));?>
|
||
<?php endif ?>
|
||
</p>
|
||
</div>
|
||
<progress value="<?php p($_['usage_relative']); ?>" max="100"<?php if ($_['usage_relative'] > 80): ?> class="warn" <?php endif; ?>></progress>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="personal-settings-container">
|
||
<div class="personal-settings-setting-box">
|
||
<form id="displaynameform" class="section">
|
||
<h3>
|
||
<label for="displayname"><?php p($l->t('Full name')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of full name')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<input type="text" id="displayname" name="displayname"
|
||
<?php if (!$_['displayNameChangeSupported']) {
|
||
print_unescaped('class="hidden"');
|
||
} ?>
|
||
value="<?php p($_['displayName']) ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off" />
|
||
<?php if (!$_['displayNameChangeSupported']) { ?>
|
||
<span><?php if (isset($_['displayName']) && !empty($_['displayName'])) {
|
||
p($_['displayName']);
|
||
} else {
|
||
p($l->t('No display name set'));
|
||
} ?></span>
|
||
<?php } ?>
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="displaynamescope" value="<?php p($_['displayNameScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<div id="vue-emailform" class="section"></div>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<form id="emailform" class="section">
|
||
<h3>
|
||
<label for="email"><?php p($l->t('Email')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of email')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<div class="verify <?php if ($_['email'] === '' || $_['emailScope'] !== 'public') {
|
||
p('hidden');
|
||
} ?>">
|
||
<img id="verify-email" title="<?php p($_['emailMessage']); ?>" data-status="<?php p($_['emailVerification']) ?>" src="
|
||
<?php
|
||
switch ($_['emailVerification']) {
|
||
case \OC\Accounts\AccountManager::VERIFICATION_IN_PROGRESS:
|
||
p(image_path('core', 'actions/verifying.svg'));
|
||
break;
|
||
case \OC\Accounts\AccountManager::VERIFIED:
|
||
p(image_path('core', 'actions/verified.svg'));
|
||
break;
|
||
default:
|
||
p(image_path('core', 'actions/verify.svg'));
|
||
}
|
||
?>">
|
||
</div>
|
||
<input type="email" name="email" id="email" value="<?php p($_['email']); ?>"
|
||
<?php if (!$_['displayNameChangeSupported']) {
|
||
print_unescaped('class="hidden"');
|
||
} ?>
|
||
placeholder="<?php p($l->t('Your email address')); ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off" />
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<?php if (!$_['displayNameChangeSupported']) { ?>
|
||
<span><?php if (isset($_['email']) && !empty($_['email'])) {
|
||
p($_['email']);
|
||
} else {
|
||
p($l->t('No email address set'));
|
||
}?></span>
|
||
<?php } ?>
|
||
<?php if ($_['displayNameChangeSupported']) { ?>
|
||
<em><?php p($l->t('For password reset and notifications')); ?></em>
|
||
<?php } ?>
|
||
<input type="hidden" id="emailscope" value="<?php p($_['emailScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<form id="phoneform" class="section">
|
||
<h3>
|
||
<label for="phone"><?php p($l->t('Phone number')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of phone number')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<input type="tel" id="phone" name="phone"
|
||
value="<?php p($_['phone']) ?>"
|
||
placeholder="<?php p($l->t('Your phone number')); ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off" />
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="phonescope" value="<?php p($_['phoneScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<form id="addressform" class="section">
|
||
<h3>
|
||
<label for="address"><?php p($l->t('Address')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of address')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<input type="text" id="address" name="address"
|
||
placeholder="<?php p($l->t('Your postal address')); ?>"
|
||
value="<?php p($_['address']) ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off" />
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="addressscope" value="<?php p($_['addressScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<form id="websiteform" class="section">
|
||
<h3>
|
||
<label for="website"><?php p($l->t('Website')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of website')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<?php if ($_['lookupServerUploadEnabled']) { ?>
|
||
<div class="verify <?php if ($_['website'] === '' || $_['websiteScope'] !== 'public') {
|
||
p('hidden');
|
||
} ?>">
|
||
<img id="verify-website" title="<?php p($_['websiteMessage']); ?>" data-status="<?php p($_['websiteVerification']) ?>" src="
|
||
<?php
|
||
switch ($_['websiteVerification']) {
|
||
case \OC\Accounts\AccountManager::VERIFICATION_IN_PROGRESS:
|
||
p(image_path('core', 'actions/verifying.svg'));
|
||
break;
|
||
case \OC\Accounts\AccountManager::VERIFIED:
|
||
p(image_path('core', 'actions/verified.svg'));
|
||
break;
|
||
default:
|
||
p(image_path('core', 'actions/verify.svg'));
|
||
}
|
||
?>"
|
||
<?php if ($_['websiteVerification'] === \OC\Accounts\AccountManager::VERIFICATION_IN_PROGRESS || $_['websiteVerification'] === \OC\Accounts\AccountManager::NOT_VERIFIED) {
|
||
print_unescaped(' class="verify-action"');
|
||
} ?>
|
||
>
|
||
<div class="verification-dialog popovermenu bubble menu">
|
||
<div class="verification-dialog-content">
|
||
<p class="explainVerification"></p>
|
||
<p class="verificationCode"></p>
|
||
<p><?php p($l->t('It can take up to 24 hours before the account is displayed as verified.'));?></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php } ?>
|
||
<input type="url" name="website" id="website" value="<?php p($_['website']); ?>"
|
||
placeholder="<?php p($l->t('Link https://…')); ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off"
|
||
/>
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="websitescope" value="<?php p($_['websiteScope']) ?>">
|
||
</form>
|
||
</div>
|
||
<div class="personal-settings-setting-box">
|
||
<form id="twitterform" class="section">
|
||
<h3>
|
||
<label for="twitter"><?php p($l->t('Twitter')); ?></label>
|
||
<a href="#" class="federation-menu" aria-label="<?php p($l->t('Change privacy level of Twitter profile')); ?>">
|
||
<span class="icon-federation-menu icon-password">
|
||
<span class="icon-triangle-s"></span>
|
||
</span>
|
||
</a>
|
||
</h3>
|
||
<?php if ($_['lookupServerUploadEnabled']) { ?>
|
||
<div class="verify <?php if ($_['twitter'] === '' || $_['twitterScope'] !== 'public') {
|
||
p('hidden');
|
||
} ?>">
|
||
<img id="verify-twitter" title="<?php p($_['twitterMessage']); ?>" data-status="<?php p($_['twitterVerification']) ?>" src="
|
||
<?php
|
||
switch ($_['twitterVerification']) {
|
||
case \OC\Accounts\AccountManager::VERIFICATION_IN_PROGRESS:
|
||
p(image_path('core', 'actions/verifying.svg'));
|
||
break;
|
||
case \OC\Accounts\AccountManager::VERIFIED:
|
||
p(image_path('core', 'actions/verified.svg'));
|
||
break;
|
||
default:
|
||
p(image_path('core', 'actions/verify.svg'));
|
||
}
|
||
?>"
|
||
<?php if ($_['twitterVerification'] === \OC\Accounts\AccountManager::VERIFICATION_IN_PROGRESS || $_['twitterVerification'] === \OC\Accounts\AccountManager::NOT_VERIFIED) {
|
||
print_unescaped(' class="verify-action"');
|
||
} ?>
|
||
>
|
||
<div class="verification-dialog popovermenu bubble menu">
|
||
<div class="verification-dialog-content">
|
||
<p class="explainVerification"></p>
|
||
<p class="verificationCode"></p>
|
||
<p><?php p($l->t('It can take up to 24 hours before the account is displayed as verified.'));?></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php } ?>
|
||
<input type="text" name="twitter" id="twitter" value="<?php p($_['twitter']); ?>"
|
||
placeholder="<?php p($l->t('Twitter handle @…')); ?>"
|
||
autocomplete="on" autocapitalize="none" autocorrect="off"
|
||
/>
|
||
<span class="icon-checkmark hidden"></span>
|
||
<span class="icon-error hidden" ></span>
|
||
<input type="hidden" id="twitterscope" value="<?php p($_['twitterScope']) ?>">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="profile-settings-container">
|
||
<div class="personal-settings-setting-box personal-settings-language-box">
|
||
<?php if (isset($_['activelanguage'])) { ?>
|
||
<form id="language" class="section">
|
||
<h3>
|
||
<label for="languageinput"><?php p($l->t('Language'));?></label>
|
||
</h3>
|
||
<select id="languageinput" name="lang" data-placeholder="<?php p($l->t('Language'));?>">
|
||
<option value="<?php p($_['activelanguage']['code']);?>">
|
||
<?php p($_['activelanguage']['name']);?>
|
||
</option>
|
||
<?php foreach ($_['commonlanguages'] as $language):?>
|
||
<option value="<?php p($language['code']);?>">
|
||
<?php p($language['name']);?>
|
||
</option>
|
||
<?php endforeach;?>
|
||
<optgroup label="––––––––––"></optgroup>
|
||
<?php foreach ($_['languages'] as $language):?>
|
||
<option value="<?php p($language['code']);?>">
|
||
<?php p($language['name']);?>
|
||
</option>
|
||
<?php endforeach;?>
|
||
</select>
|
||
<a href="https://www.transifex.com/nextcloud/nextcloud/"
|
||
target="_blank" rel="noreferrer noopener">
|
||
<em><?php p($l->t('Help translate'));?></em>
|
||
</a>
|
||
</form>
|
||
<?php } ?>
|
||
</div>
|
||
<div class="personal-settings-setting-box personal-settings-locale-box">
|
||
<?php if (isset($_['activelocale'])) { ?>
|
||
<form id="locale" class="section">
|
||
<h3>
|
||
<label for="localeinput"><?php p($l->t('Locale'));?></label>
|
||
</h3>
|
||
<select id="localeinput" name="lang" data-placeholder="<?php p($l->t('Locale'));?>">
|
||
<option value="<?php p($_['activelocale']['code']);?>">
|
||
<?php p($l->t($_['activelocale']['name']));?>
|
||
</option>
|
||
<optgroup label="––––––––––"></optgroup>
|
||
<?php foreach ($_['localesForLanguage'] as $locale):?>
|
||
<option value="<?php p($locale['code']);?>">
|
||
<?php p($l->t($locale['name']));?>
|
||
</option>
|
||
<?php endforeach;?>
|
||
<optgroup label="––––––––––"></optgroup>
|
||
<option value="<?php p($_['activelocale']['code']);?>">
|
||
<?php p($l->t($_['activelocale']['name']));?>
|
||
</option>
|
||
<?php foreach ($_['locales'] as $locale):?>
|
||
<option value="<?php p($locale['code']);?>">
|
||
<?php p($l->t($locale['name']));?>
|
||
</option>
|
||
<?php endforeach;?>
|
||
</select>
|
||
<div id="localeexample" class="personal-info icon-timezone">
|
||
<p>
|
||
<span id="localeexample-date"></span> <span id="localeexample-time"></span>
|
||
</p>
|
||
<p id="localeexample-fdow"></p>
|
||
</div>
|
||
</form>
|
||
<?php } ?>
|
||
</div>
|
||
<span class="msg"></span>
|
||
</div>
|
||
|
||
<div id="personal-settings-group-container">
|
||
|
||
</div>
|
||
|
||
</div>
|