chat-password.gohtml (3689B)
1 {{ define "content" }} 2 <div id="parent"> 3 <div class="container" id="form_login"> 4 <div class="row"> 5 6 <div class="container mt-3"> 7 <div class="col-8 offset-2 col-md-8 offset-md-2 col-sm-8 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4"> 8 {{ if .Data.Error }} 9 <div class="alert alert-danger">{{ .Data.Error }}</div> 10 {{ end }} 11 12 <form method="post"> 13 <input type="hidden" name="formName" value="chat-password" /> 14 <input type="hidden" name="csrf" value="{{ .CSRF }}" /> 15 <div class="form-group"> 16 <label for="password" class="bg-label">{{ t "Room password" . }}</label> 17 <input class="transparent-input form-control" type="password" name="password" id="password" placeholder="Room password" value="{{ .Data.RoomPassword }}" /> 18 </div> 19 20 {{ if not .AuthUser }} 21 <input type="hidden" name="captcha_id" value="{{ .Data.CaptchaID }}" /> 22 <div class="form-group"> 23 <label for="guest_username" class="bg-label">{{ t "Guest username (3-20 characters a-zA-Z0-9)" . }}</label> 24 <input class="transparent-input form-control{{ if .Data.ErrGuestUsername }} is-invalid{{ end }}" type="text" name="guest_username" id="guest_username" placeholder="Guest username" value="{{ .Data.GuestUsername }}" /> 25 {{ if .Data.ErrGuestUsername }}<div class="invalid-feedback bg-label d-block">{{ .Data.ErrGuestUsername }}</div>{{ end }} 26 </div> 27 28 {{ if .Data.PowEnabled }} 29 <div class="form-group"> 30 <div class="text-center mb-2 bg-label"><a href="/pow-help" target="_blank" rel="noopener noreferrer">Proof of work help</a></div> 31 <input class="transparent-input form-control{{ if .Data.ErrPow }} is-invalid{{ end }}" placeholder="{{ t "Proof of work" . }}" name="pow" type="text" value="{{ .Data.Pow }}" /> 32 {{ if .Data.ErrPow }}<div class="invalid-feedback d-block">{{ .Data.ErrPow }}</div>{{ end }} 33 </div> 34 {{ end }} 35 36 <div class="form-group"> 37 <div class="mb-2 text-center"> 38 <img src="data:image/png;base64,{{ .Data.CaptchaImg }}" alt="captcha" style="background-color: hsl(0, 0%, 90%);" class="captcha-img" /> 39 <div class="text-center mb-2 bg-label"><a href="/captcha-help">Need help to solve the captcha?</a></div> 40 </div> 41 <input class="transparent-input form-control{{ if .Data.ErrCaptcha }} is-invalid{{ end }}" placeholder="{{ t "Captcha" . }}" name="captcha" type="text" maxlength="6" required autocomplete="off" /> 42 {{ if .Data.ErrCaptcha }}<div class="invalid-feedback bg-label d-block">{{ .Data.ErrCaptcha }}</div>{{ end }} 43 </div> 44 {{ end }} 45 46 <div class="form-group"> 47 <button class="btn btn-primary btn-block" type="submit">{{ t "Enter room" . }}</button> 48 </div> 49 </form> 50 </div> 51 </div> 52 53 </div> 54 </div> 55 </div> 56 {{ end }}