1 | <div class="pl-login {{inHelp ? 'help' : ''}} {{storyboard}} {{storyboardMessage}}">
|
2 | <rv-require
|
3 | name="pl-screen-message"
|
4 | src="../screen-message/pl-screen-message"
|
5 | ></rv-require>
|
6 |
|
7 | <section class="pl-login-container" style="top: {{top}}px; height: {{height}}px;">
|
8 |
|
9 | <div class="pl-login-content">
|
10 | {{#useforgot}}
|
11 | <div class="pl-login-forgot-texts">
|
12 | <p class="pl-login-forgot-text {{inForgot && !inForgotCode && !inForgotPassword ? 'show' : ''}}">{{{texts.forgottext}}}</p>
|
13 | <p class="pl-login-forgot-code-text {{inForgotCode ? 'show' : ''}}">{{{texts.forgotcodetext}}}</p>
|
14 | <p class="pl-login-forgot-password-text {{inForgotPassword ? 'show' : ''}}">{{{texts.forgotpasswordtext}}}</p>
|
15 | </div>
|
16 |
|
17 | <div class="pl-login-links">
|
18 | <div class="pl-login-forgot-link accent {{!inForgot ? 'show' : ''}}" on-click="displayForgot">{{texts.forgotlink}}</div>
|
19 | <div class="pl-login-login-link accent {{inForgot ? 'show' : ''}}" on-click="displayLogin">{{texts.login}}</div>
|
20 | </div>
|
21 |
|
22 | <button class="help-button accent {{inForgotPassword ? 'show' : ''}}" on-click="openHelp">?</button>
|
23 | {{/useforgot}}
|
24 |
|
25 | <div class="pl-login-form">
|
26 | <div class="pl-login-form-content accent-bg">
|
27 | <input
|
28 | class="input name"
|
29 | type="{{inForgotPassword ? 'password' : 'text'}}"
|
30 | placeholder="{{usernamePlaceholder}}"
|
31 | value="{{username}}"
|
32 | disabled="{{inModal}}"
|
33 | />
|
34 | <input
|
35 | class="input password {{inForgot && !inForgotPassword ? 'hide' : ''}}"
|
36 | type="password"
|
37 | placeholder="{{userpasswordPlaceholder}}"
|
38 | value="{{userpassword}}"
|
39 | disabled="{{inModal || (inForgot && !inForgotPassword)}}"
|
40 | />
|
41 |
|
42 | {{#useforgot}}
|
43 | <div class="mask-password {{inForgot && !inForgotPassword ? 'show' : ''}}"></div>
|
44 | {{/useforgot}}
|
45 |
|
46 | <div
|
47 | class="old-avatar accent-bg {{oldAvatar ? 'show' : ''}}"
|
48 | style="{{#if oldAvatar != 'null'}}background-image: url('{{oldAvatar}}');{{/if}}"
|
49 | ></div>
|
50 | <div
|
51 | class="avatar accent-bg {{oldAvatar ? 'show-again' : ''}}"
|
52 | style="{{#if avatar != 'null'}}background-image: url('{{avatar}}');{{/if}}"
|
53 | ></div>
|
54 | </div>
|
55 |
|
56 | <div class="pl-login-form-message {{messageType == 'error' ? 'error-bg' : 'success-bg'}}">
|
57 | <p>{{{message}}}</p>
|
58 | </div>
|
59 | </div>
|
60 |
|
61 | <div class="help-container" style="top: {{helpTop}}px;">{{{texts.forgotpasswordhelp}}}</div>
|
62 | </div>
|
63 |
|
64 | <div class="bottom-border-container">
|
65 | <div class="bottom-border accent-bg"></div>
|
66 | </div>
|
67 | </section>
|
68 | </div>
|