sftpgo/templates/webadmin/adminsetup.html
Nicola Murino 3e47a4f664
WebAdmin: use the new theme for the login and setup page
Signed-off-by: Nicola Murino <nicola.murino@gmail.com>
2023-12-30 19:12:22 +01:00

109 lines
No EOL
5 KiB
HTML

<!--
Copyright (C) 2023 Nicola Murino
This WebUI uses the KeenThemes Mega Bundle, a proprietary theme:
https://keenthemes.com/products/templates-mega-bundle
KeenThemes HTML/CSS/JS components are allowed for use only within the
SFTPGo product and restricted to be used in a resealable HTML template
that can compete with KeenThemes products anyhow.
This WebUI is allowed for use only within the SFTPGo product and
therefore cannot be used in derivative works/products without an
explicit grant from the SFTPGo Team (support@sftpgo.com).
-->
{{- template "baselogin" .}}
{{- define "content"}}
<form class="form w-100" id="sign_in_form" action="{{.CurrentURL}}" method="POST">
<div class="container mb-10">
<div class="row align-items-center">
<div class="col-5 align-items-center">
<img alt="Logo" src="{{.StaticURL}}{{.Branding.LogoPath}}" class="h-80px h-md-90px h-lg-100px" />
</div>
<div class="col-7">
<span class="text-gray-900 mb-3 ms-3 fs-1 fw-bold">
{{.Branding.ShortName}}
</span>
</div>
</div>
</div>
<div class="text-center mb-10">
<h2 data-i18n="title.setup" class="text-gray-900 mb-3"></h2>
<div class="text-gray-700 fw-semibold fs-4">
<span data-i18n="setup.desc"></span>
</div>
</div>
{{- template "errmsg" .Error}}
{{- if .HasInstallationCode}}
<div class="fv-row mb-10">
<input class="form-control form-control-lg form-control-solid" type="text" placeholder="{{.InstallationCodeHint}}" name="install_code" spellcheck="false" required />
</div>
{{- end}}
<div class="fv-row mb-10">
<input data-i18n="[placeholder]login.username" class="form-control form-control-lg form-control-solid" type="text" name="username" placeholder="Username" autocomplete="on" spellcheck="false" required />
</div>
<div class="fv-row mb-10">
<div class="position-relative" data-password-control="container">
<input data-i18n="[placeholder]login.password" data-password-control="input" class="form-control form-control-lg form-control-solid"
type="password" name="password" placeholder="Password" autocomplete="password" spellcheck="false" required />
<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-password-control="visibility">
<i class="ki-duotone ki-eye-slash fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
<i class="ki-duotone ki-eye d-none fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
</i>
</span>
</div>
</div>
<div class="fv-row mb-10">
<div class="position-relative" data-password-control="container">
<input data-i18n="[placeholder]change_pwd.confirm" data-password-control="input" class="form-control form-control-lg form-control-solid"
type="password" name="confirm_password" placeholder="Confirm Password" autocomplete="new-password" spellcheck="false" required />
<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-password-control="visibility">
<i class="ki-duotone ki-eye-slash fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
<i class="ki-duotone ki-eye d-none fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
</i>
</span>
</div>
</div>
<div class="text-center">
<input type="hidden" name="_form_token" value="{{.CSRFToken}}">
<button type="submit" id="sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
<span data-i18n="setup.submit" class="indicator-label"></span>
<span data-i18n="general.wait" class="indicator-progress">
Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
</span>
</button>
</div>
</form>
<hr>
<div class="d-flex flex-stack pt-5 mt-3">
<div class="me-10">
<select id="languageSwitcher" name="language" class="form-select form-select-solid form-select-sm" data-control="i18n-select2" data-hide-search="true"></select>
</div>
{{- if not .HideSupportLink}}
<div class="d-flex fw-semibold text-primary">
<a href="https://github.com/drakkan/sftpgo#sponsors" target="_blank" class="px-2">
<span data-i18n="setup.help_text"></span>
</a>
</div>
{{- end}}
</div>
{{- end}}