146 lines
5.6 KiB
Plaintext
146 lines
5.6 KiB
Plaintext
<!DOCTYPE html>
|
||
<html class="${properties.kcHtmlClass!}" lang="${(locale.currentLanguageTag)!'ru'}">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>Drill Cloud Login</title>
|
||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' rx='22' fill='%23070a0f'/%3E%3Cpath d='M58 18h5l22 78H73l-3-13H51l-3 13H36l22-78zm-4 53h13l-6-28-7 28z' fill='%23d7a15f'/%3E%3Cpath d='M29 96h62v6H29z' fill='%2334d399'/%3E%3C/svg%3E" />
|
||
<#if properties.styles?has_content>
|
||
<#list properties.styles?split(' ') as style>
|
||
<link href="${url.resourcesPath}/${style}" rel="stylesheet" />
|
||
</#list>
|
||
</#if>
|
||
</head>
|
||
<body class="drill-login">
|
||
<main class="drill-login__shell">
|
||
<section class="drill-login__brand" aria-label="Drill Cloud">
|
||
<div class="drill-login__brand-grid" aria-hidden="true"></div>
|
||
|
||
<div class="drill-login__brand-top">
|
||
<div class="drill-login__brand-mark" aria-hidden="true">
|
||
<span class="drill-login__brand-mark-core">D</span>
|
||
<span class="drill-login__brand-mark-bar"></span>
|
||
</div>
|
||
<div class="drill-login__status-pill">
|
||
<span></span>
|
||
Protected industrial access
|
||
</div>
|
||
</div>
|
||
|
||
<div class="drill-login__brand-copy">
|
||
<span class="drill-login__eyebrow">Drill Cloud</span>
|
||
<h1>Единый доступ к буровой телеметрии и сервисам объекта</h1>
|
||
<p>
|
||
Защищенная операторская среда для мониторинга установок, работы с оборудованием,
|
||
архивом параметров и техническим контекстом буровой.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="drill-login__industrial-panel" aria-hidden="true">
|
||
<div class="drill-login__rig">
|
||
<span class="drill-login__rig-mast"></span>
|
||
<span class="drill-login__rig-leg drill-login__rig-leg--left"></span>
|
||
<span class="drill-login__rig-leg drill-login__rig-leg--right"></span>
|
||
<span class="drill-login__rig-floor"></span>
|
||
</div>
|
||
<div class="drill-login__signal-list">
|
||
<div>
|
||
<span class="drill-login__signal drill-login__signal--ok"></span>
|
||
<strong>Telemetry</strong>
|
||
<small>online contour</small>
|
||
</div>
|
||
<div>
|
||
<span class="drill-login__signal drill-login__signal--warn"></span>
|
||
<strong>Equipment</strong>
|
||
<small>controlled access</small>
|
||
</div>
|
||
<div>
|
||
<span class="drill-login__signal drill-login__signal--ok"></span>
|
||
<strong>Archive</strong>
|
||
<small>timeseries ready</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="drill-login__feature-grid">
|
||
<article>
|
||
<span>01</span>
|
||
<strong>Показатели в реальном времени</strong>
|
||
</article>
|
||
<article>
|
||
<span>02</span>
|
||
<strong>Оборудование и ТОиР</strong>
|
||
</article>
|
||
<article>
|
||
<span>03</span>
|
||
<strong>Архив и инженерный анализ</strong>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="drill-login__panel" aria-label="Вход в систему">
|
||
<div class="drill-login__panel-head">
|
||
<span class="drill-login__eyebrow">SSO Authorization</span>
|
||
<h2>Вход в систему</h2>
|
||
<p>Используйте корпоративную учетную запись для доступа к Drill Cloud.</p>
|
||
</div>
|
||
|
||
<#if message?has_content>
|
||
<div class="drill-login__alert drill-login__alert--${message.type}">
|
||
${kcSanitize(message.summary)?no_esc}
|
||
</div>
|
||
</#if>
|
||
|
||
<form id="kc-form-login" class="drill-login__form" action="${url.loginAction}" method="post">
|
||
<div class="drill-login__field">
|
||
<label for="username">Логин</label>
|
||
<input
|
||
id="username"
|
||
name="username"
|
||
type="text"
|
||
value="${(login.username!'')}"
|
||
autocomplete="username"
|
||
autofocus
|
||
placeholder="Введите логин"
|
||
/>
|
||
</div>
|
||
|
||
<div class="drill-login__field">
|
||
<div class="drill-login__field-row">
|
||
<label for="password">Пароль</label>
|
||
<#if realm.resetPasswordAllowed>
|
||
<a href="${url.loginResetCredentialsUrl}">Восстановить доступ</a>
|
||
</#if>
|
||
</div>
|
||
<input
|
||
id="password"
|
||
name="password"
|
||
type="password"
|
||
autocomplete="current-password"
|
||
placeholder="Введите пароль"
|
||
/>
|
||
</div>
|
||
|
||
<#if realm.rememberMe && !usernameEditDisabled??>
|
||
<label class="drill-login__remember">
|
||
<input id="rememberMe" name="rememberMe" type="checkbox" <#if login.rememberMe??>checked</#if> />
|
||
<span>Запомнить меня</span>
|
||
</label>
|
||
</#if>
|
||
|
||
<button class="drill-login__submit" name="login" id="kc-login" type="submit">
|
||
<span>Войти в Drill Cloud</span>
|
||
</button>
|
||
</form>
|
||
|
||
<div class="drill-login__footer">
|
||
<span>GReact Drill</span>
|
||
<span>Secure session</span>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|