]>
git.proxmox.com Git - pmg-gui.git/blob - js/mobile/loginscreen.js
1 class LoginScreen
extends Component
{
2 constructor(config
= {}) {
4 <div class="login-screen">
7 <div class="page-content login-screen-content">
8 <div class="login-screen-title">
9 <img class="logo" src="pve2/images/logo-128.png" />
12 <form action="/api2/json/access/ticket" method="POST" class="form-ajax-submit">
15 <li class="item-content item-input">
16 <div class="item-inner">
17 <div class="item-title item-label">Username</div>
18 <div class="item-input-wrap">
19 <input type="text" name="username" placeholder="` + gettext('Username') + `" required validate>
20 <span class="input-clear-button"></span>
24 <li class="item-content item-input">
25 <div class="item-inner">
26 <div class="item-title item-label">Password</div>
27 <div class="item-input-wrap">
28 <input type="password" name="password" placeholder="` + gettext('Password') + `" required validate>
29 <span class="input-clear-button"></span>
38 <input type="submit" class="button" value='` + gettext("Log In") + `'>
50 me
._screen
= app
.loginScreen
.create({
54 let login
= config
.loginInfo
;
55 me
._form
= me
.getEl().find('form');
57 if (login
.username
&& login
.ticket
) {
58 app
.form
.fillFromData(me
._form
, {
59 username
: login
.username
,
60 password
: login
.ticket
,
63 } else if (PMG
.Utils
.authOK()) {
64 app
.form
.fillFromData(me
._form
, {
65 username
: Proxmox
.UserName
,
66 password
: decodeURIComponent(PMG
.Utils
.getCookie('PMGAuthCookie')),
73 return new Promise(function(resolve
, reject
) {
74 me
._form
.on('formajax:beforesend', (e
) => {
75 me
.loader
= app
.dialog
.preloader();
78 me
._form
.on('formajax:success', (e
) => {
79 let xhr
= e
.detail
.xhr
;
82 json
= JSON
.parse(xhr
.responseText
);
85 PMG
.Utils
.showError(xhr
);
92 me
._form
.on('formajax:error', (e
) => {
93 let xhr
= e
.detail
.xhr
;
95 PMG
.Utils
.showError(xhr
);
100 me
._screen
.on('open', () => {
101 me
._form
.trigger('submit');
113 me
._screen
.close(false);