72 lines
3.1 KiB
Twig
72 lines
3.1 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>{{ APP_NAME }}{% if APP_VER %} Ver. {{ APP_VER }}{% endif %}</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="generator" content="VSC + FW9 @ 3FONIA Software"/>
|
|
<meta name="author" content="Siau Pheng <siaupheng[at]3fonia.com>"/>
|
|
<meta name="description" content="{{ APP_NAME }}{% if APP_VER %} Ver. {{ APP_VER }}{% endif %}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
{% if CSS %}
|
|
{% for item in CSS %}
|
|
<link nonce="{{ csp_nonce }}" rel="stylesheet" type="text/css" href="{{ item }}">
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if JS %}
|
|
{% for item in JS %}
|
|
<script nonce="{{ csp_nonce }}" type="text/javascript" src="{{ item }}"></script>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if JSX %}
|
|
{% for baris in JSX %}
|
|
{{ baris|raw }}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<link rel="icon" href="assets/images/logo200.png" type="image/png" />
|
|
<link rel="shortcut icon" href="assets/images/logo200.png" type="image/png" />
|
|
</head>
|
|
<body class="min-vh-100 d-flex flex-row align-items-center dark:bg-transparent">
|
|
<div class="container">
|
|
<div aria-live="polite" aria-atomic="true" class="position-relative">
|
|
<div class="toast-container position-absolute top-0 start-50 translate-middle-x" id="div-toast"> </div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-4 col-lg-5 col-md-6 col-10">
|
|
<div class="card-group d-block d-md-flex row">
|
|
<div class="card col-md-6 p-3 mb-0">
|
|
<div class="card-body">
|
|
<div class="mb-2">
|
|
<img class="mx-auto d-block" src="assets/images/logo200.png" title="{{ REG_NAME|upper }}">
|
|
<div class="text-center pt-2 pb-2">{{ APP_NAME }}{% if APP_VER %} Ver. {{ APP_VER }}{% endif %}<br>Register ID : {{ REG_ID }}</div>
|
|
</div>
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text">
|
|
<i class="bi-person-circle"></i>
|
|
</span>
|
|
<input class="form-control" id="Username" type="text" placeholder="ID Pengguna">
|
|
</div>
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text">
|
|
<i class="bi-unlock2"></i>
|
|
</span>
|
|
<input class="form-control" id="Password" type="password" placeholder="Kata Sandi">
|
|
</div>
|
|
<div class="input-group d-grid gap-2">
|
|
<button id="butLogin" class="btn btn-primary" type="button">Login</button>
|
|
</div>
|
|
<div class="text-center d-none" id="divLoginMsg"> </div>
|
|
<div class="pt-4">
|
|
<div class="text-center"><i class="bi-r-circle pe-1"></i>{{ REG_YEAR }}; {{ REG_NAME }}</div>
|
|
<div class="text-center"><i class="bi-c-circle pe-1"></i>{% if CREATOR_YEARS %}{{ CREATOR_YEARS }}{% else %}{{ CREATOR_YEAR }}{% endif %}; {{ CREATOR_NAME }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|