687 lines
42 KiB
HTML
687 lines
42 KiB
HTML
<html><head><title>{{i18n "Register"}}</title><meta charset=utf8 /><meta name=viewport content="width=device-width,initial-scale=1"/><style>.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);padding:0 8px 0 8px;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;border-radius:4px}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__ripple{border-radius:4px}.mdc-button:not(:disabled){background-color:rgba(0,0,0,0)}.mdc-button:disabled{background-color:rgba(0,0,0,0)}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;width:18px;height:18px;font-size:18px;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__touch{position:absolute;top:50%;right:0;height:48px;left:0;transform:translateY(-50%)}.mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-button:disabled{color:rgba(0,0,0,.38)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--unelevated .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px}.mdc-button--raised,.mdc-button--unelevated{padding:0 16px 0 16px}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{background-color:rgba(0,0,0,.12)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{color:rgba(0,0,0,.38)}.mdc-button--raised{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--raised:hover,.mdc-button--raised:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-button--raised:active{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mdc-button--raised:disabled{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12)}.mdc-button--outlined{padding:0 15px 0 15px;border-width:1px;border-style:solid}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;border:1px solid rgba(0,0,0,0)}.mdc-button--outlined:not(:disabled){border-color:rgba(0,0,0,.12)}.mdc-button--outlined:disabled{border-color:rgba(0,0,0,.12)}.mdc-button--touch{margin-top:6px;margin-bottom:6px}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-button:hover .mdc-button__ripple::before{opacity:.04}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.12}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.12}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-button .mdc-button__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple{top:0;left:0}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after,.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff)}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--unelevated:hover .mdc-button__ripple::before{opacity:.08}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.24}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.24}.mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-button{height:36px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-radio{padding:10px;display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0,0,0,.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:-10px;left:-10px;width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:0px;right:0px;left:0px;width:40px;height:40px}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:-4px;right:-4px;left:-4px;width:48px;height:48px}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-radio .mdc-radio__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio:hover .mdc-radio__ripple::before{opacity:.04}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before{transition-duration:75ms;opacity:.12}.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after{transition:opacity 150ms linear}.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after{transition-duration:75ms;opacity:.12}.mdc-radio.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before{content:none}.mdc-radio__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-primary{color:#fff !important;background-color:#1e88e5 !important}.group{position:relative;margin-bottom:24px;min-height:45px}.floating>input{font-size:18px;padding:10px 10px 10px 5px;appearance:none;-webkit-appearance:none;display:block;background:#fafafa;color:#636363;width:100%;border:none;border-radius:0;border-bottom:1px solid #757575}.floating>input:focus{outline:none}.floating>label{color:#999;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease}.floating>input:focus~label,.floating>input.used~label{top:-0.75em;transform:scale(0.75);left:-2px;color:#1e88e5;transform-origin:left}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#1e88e5;transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}.floating>input:focus~.bar:before,.floating>input:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.floating>input:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{from{background:#1e88e5}to{width:0;background:rgba(0,0,0,0)}}*{box-sizing:border-box}body{font-family:Helvetica;background:#eee;-webkit-font-smoothing:antialiased}hgroup{text-align:center;margin-top:1em}h1,h3{font-weight:300}h1{color:#636363}h3{color:#1e88e5}form{max-width:380px;margin:1em auto;padding:3em 2em 2em 2em;background:#fafafa;border:1px solid #ebebeb;box-shadow:rgba(0,0,0,.14902) 0px 1px 1px 0px,rgba(0,0,0,.09804) 0px 1px 2px 0px}#registerbutton{width:100%;background:#1e88e5;text-shadow:1px 1px 0 rgba(39,110,204,.5)}footer{text-align:center}footer p{color:#888;font-size:13px;letter-spacing:.4px}footer a{color:#1e88e5;text-decoration:none;transition:all .2s ease}footer a:hover{color:#666;text-decoration:underline}footer img{width:80px;transition:all .2s ease}footer img:hover{opacity:.83}footer img:focus,footer a:focus{outline:none}.invisible{display:none}.errorColor{background:#ff2f00 !important}.error{color:#ff2f00;margin-top:5px;font-size:13px}</style></head><body><hgroup><h1>{{i18n "Register"}}</h1></hgroup><form action=JavaScript:void(0)><div class="error invisible" id=error style="font-size: 18px; margin-bottom: 16px"></div><div class="floating group"><input type=text id=regcode> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Registration code"}}</label><div class="error invisible" id=err_regcode></div></div><div class="floating group"><input type=text id=username> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Username"}}</label><div class="error invisible" id=err_username></div></div><div class="floating group"><input type=text id=name> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Name"}}</label><div class="error invisible" id=err_name></div></div><div class="error invisible" id=err_gender></div><div class="mdc-form-field group"><div class=mdc-radio><input class=mdc-radio__native-control type=radio id=radio-male name=radios checked=checked><div class=mdc-radio__background><div class=mdc-radio__outer-circle></div><div class=mdc-radio__inner-circle></div></div></div><label for=radio-male style="position: relative;">{{i18n "Male"}}</label><div class=mdc-radio><input class=mdc-radio__native-control type=radio id=radio-female name=radios checked=checked><div class=mdc-radio__background><div class=mdc-radio__outer-circle></div><div class=mdc-radio__inner-circle></div></div></div><label for=radio-female style="position: relative;">{{i18n "Female"}}</label><div class=mdc-radio><input class=mdc-radio__native-control type=radio id=radio-other name=radios checked=checked><div class=mdc-radio__background><div class=mdc-radio__outer-circle></div><div class=mdc-radio__inner-circle></div></div></div><label for=radio-other style="position: relative;">{{i18n "Other"}}</label></div><div class="floating group"><input type=text id=mail> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Mail"}}</label><div class="error invisible" id=err_mail></div></div><div class="floating group"><input type=password id=password> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Password"}}</label><div class="error invisible" id=err_password></div></div><div class="floating group"><input type=password id=passwordrep> <span class=highlight></span> <span class=bar></span> <label>{{i18n "Repeat Password"}}</label><div class="error invisible" id=err_passwordrep></div></div><button type=button id=registerbutton class="mdc-button mdc-button--raised">{{i18n "Register"}}</button></form><footer><p>Powered by {{appname}}</p></footer><script type=json id=error_codes>{
|
|
"noregcode": "{{i18n "Registration code required"}}",
|
|
"nousername": "{{i18n "Username required"}}",
|
|
"noname": "{{i18n "Name required"}}",
|
|
"nomail": "{{i18n "Mail required"}}",
|
|
"nogender": "{{i18n "You need to select one of the options"}}",
|
|
"nopassword": "{{i18n "Password is required"}}",
|
|
"nomatch": "{{i18n "The passwords do not match"}}"
|
|
}</script><script>(function(){'use strict';(() => {
|
|
const run = () => {
|
|
document.querySelectorAll(".floating>input").forEach((e) => {
|
|
function checkState() {
|
|
if (e.value !== "") {
|
|
if (e.classList.contains("used")) return;
|
|
e.classList.add("used");
|
|
} else {
|
|
if (e.classList.contains("used")) e.classList.remove("used");
|
|
}
|
|
}
|
|
|
|
e.addEventListener("change", () => checkState());
|
|
checkState();
|
|
});
|
|
};
|
|
|
|
run();
|
|
|
|
var mutationObserver = new MutationObserver(() => {
|
|
run();
|
|
});
|
|
|
|
mutationObserver.observe(document.documentElement, {
|
|
attributes: false,
|
|
characterData: false,
|
|
childList: true,
|
|
subtree: true,
|
|
});
|
|
window.addEventListener("DOMNodeInserted", () => run());
|
|
})();var b;
|
|
if (!(b = t)) {
|
|
var w = Math,
|
|
y = {},
|
|
B = (y.p = {}),
|
|
aa = function () {},
|
|
C = (B.A = {
|
|
extend: function (o) {
|
|
aa.prototype = this;
|
|
var _ = new aa();
|
|
return o && _.u(o), (_.z = this), _;
|
|
},
|
|
create: function () {
|
|
var o = this.extend();
|
|
return o.h.apply(o, arguments), o;
|
|
},
|
|
h: function () {},
|
|
u: function (o) {
|
|
for (var _ in o) o.hasOwnProperty(_) && (this[_] = o[_]);
|
|
o.hasOwnProperty("toString") && (this.toString = o.toString);
|
|
},
|
|
e: function () {
|
|
return this.z.extend(this);
|
|
},
|
|
}),
|
|
D = (B.i = C.extend({
|
|
h: function (o, _) {
|
|
(o = this.d = o || []), (this.c = void 0 == _ ? 4 * o.length : _);
|
|
},
|
|
toString: function (o) {
|
|
return (o || ba).stringify(this);
|
|
},
|
|
concat: function (o) {
|
|
var _ = this.d,
|
|
Da = o.d,
|
|
Ea = this.c,
|
|
o = o.c;
|
|
if ((this.t(), Ea % 4))
|
|
for (var Fa = 0; Fa < o; Fa++)
|
|
_[(Ea + Fa) >>> 2] |=
|
|
(255 & (Da[Fa >>> 2] >>> (24 - 8 * (Fa % 4)))) <<
|
|
(24 - 8 * ((Ea + Fa) % 4));
|
|
else if (65535 < Da.length)
|
|
for (Fa = 0; Fa < o; Fa += 4) _[(Ea + Fa) >>> 2] = Da[Fa >>> 2];
|
|
else _.push.apply(_, Da);
|
|
return (this.c += o), this;
|
|
},
|
|
t: function () {
|
|
var o = this.d,
|
|
_ = this.c;
|
|
(o[_ >>> 2] &= 4294967295 << (32 - 8 * (_ % 4))),
|
|
(o.length = w.ceil(_ / 4));
|
|
},
|
|
e: function () {
|
|
var o = C.e.call(this);
|
|
return (o.d = this.d.slice(0)), o;
|
|
},
|
|
random: function (o) {
|
|
for (var _ = [], Da = 0; Da < o; Da += 4)
|
|
_.push(0 | (4294967296 * w.random()));
|
|
return D.create(_, o);
|
|
},
|
|
})),
|
|
ca = (y.O = {}),
|
|
ba = (ca.K = {
|
|
stringify: function (o) {
|
|
for (var Fa, _ = o.d, o = o.c, Da = [], Ea = 0; Ea < o; Ea++)
|
|
(Fa = 255 & (_[Ea >>> 2] >>> (24 - 8 * (Ea % 4)))),
|
|
Da.push((Fa >>> 4).toString(16)),
|
|
Da.push((15 & Fa).toString(16));
|
|
return Da.join("");
|
|
},
|
|
parse: function (o) {
|
|
for (var _ = o.length, Da = [], Ea = 0; Ea < _; Ea += 2)
|
|
Da[Ea >>> 3] |=
|
|
parseInt(o.substr(Ea, 2), 16) << (24 - 4 * (Ea % 8));
|
|
return D.create(Da, _ / 2);
|
|
},
|
|
}),
|
|
da = (ca.M = {
|
|
stringify: function (o) {
|
|
for (var _ = o.d, o = o.c, Da = [], Ea = 0; Ea < o; Ea++)
|
|
Da.push(
|
|
String.fromCharCode(
|
|
255 & (_[Ea >>> 2] >>> (24 - 8 * (Ea % 4)))
|
|
)
|
|
);
|
|
return Da.join("");
|
|
},
|
|
parse: function (o) {
|
|
for (var _ = o.length, Da = [], Ea = 0; Ea < _; Ea++)
|
|
Da[Ea >>> 2] |= (255 & o.charCodeAt(Ea)) << (24 - 8 * (Ea % 4));
|
|
return D.create(Da, _);
|
|
},
|
|
}),
|
|
ea = (ca.N = {
|
|
stringify: function (o) {
|
|
try {
|
|
return decodeURIComponent(escape(da.stringify(o)));
|
|
} catch (_) {
|
|
throw Error("Malformed UTF-8 data");
|
|
}
|
|
},
|
|
parse: function (o) {
|
|
return da.parse(unescape(encodeURIComponent(o)));
|
|
},
|
|
}),
|
|
ia = (B.I = C.extend({
|
|
reset: function () {
|
|
(this.g = D.create()), (this.j = 0);
|
|
},
|
|
l: function (o) {
|
|
"string" == typeof o && (o = ea.parse(o)),
|
|
this.g.concat(o),
|
|
(this.j += o.c);
|
|
},
|
|
m: function (o) {
|
|
var _ = this.g,
|
|
Da = _.d,
|
|
Ea = _.c,
|
|
Fa = this.n,
|
|
Ga = Ea / (4 * Fa),
|
|
Ga = o ? w.ceil(Ga) : w.max((0 | Ga) - this.r, 0),
|
|
o = Ga * Fa,
|
|
Ea = w.min(4 * o, Ea);
|
|
if (o) {
|
|
for (var Ha = 0; Ha < o; Ha += Fa) this.H(Da, Ha);
|
|
(Ha = Da.splice(0, o)), (_.c -= Ea);
|
|
}
|
|
return D.create(Ha, Ea);
|
|
},
|
|
e: function () {
|
|
var o = C.e.call(this);
|
|
return (o.g = this.g.e()), o;
|
|
},
|
|
r: 0,
|
|
}));
|
|
B.B = ia.extend({
|
|
h: function () {
|
|
this.reset();
|
|
},
|
|
reset: function () {
|
|
ia.reset.call(this), this.q();
|
|
},
|
|
update: function (o) {
|
|
return this.l(o), this.m(), this;
|
|
},
|
|
o: function (o) {
|
|
return o && this.l(o), this.G(), this.f;
|
|
},
|
|
e: function () {
|
|
var o = ia.e.call(this);
|
|
return (o.f = this.f.e()), o;
|
|
},
|
|
n: 16,
|
|
D: function (o) {
|
|
return function (_, Da) {
|
|
return o.create(Da).o(_);
|
|
};
|
|
},
|
|
F: function (o) {
|
|
return function (_, Da) {
|
|
return ja.J.create(o, Da).o(_);
|
|
};
|
|
},
|
|
});
|
|
var ja = (y.s = {});
|
|
b = y;
|
|
}
|
|
var t = b,
|
|
K = t,
|
|
ka = K.p,
|
|
la = ka.A,
|
|
va = ka.i,
|
|
K = (K.w = {});
|
|
(K.C = la.extend({
|
|
h: function (o, _) {
|
|
(this.a = o), (this.b = _);
|
|
},
|
|
})),
|
|
(K.i = la.extend({
|
|
h: function (o, _) {
|
|
(o = this.d = o || []), (this.c = void 0 == _ ? 8 * o.length : _);
|
|
},
|
|
v: function () {
|
|
for (var Fa, o = this.d, _ = o.length, Da = [], Ea = 0; Ea < _; Ea++)
|
|
(Fa = o[Ea]), Da.push(Fa.a), Da.push(Fa.b);
|
|
return va.create(Da, this.c);
|
|
},
|
|
e: function () {
|
|
for (
|
|
var o = la.e.call(this),
|
|
_ = (o.d = this.d.slice(0)),
|
|
Da = _.length,
|
|
Ea = 0;
|
|
Ea < Da;
|
|
Ea++
|
|
)
|
|
_[Ea] = _[Ea].e();
|
|
return o;
|
|
},
|
|
}));
|
|
function L() {
|
|
return wa.create.apply(wa, arguments);
|
|
}
|
|
for (
|
|
var xa = t.p.B,
|
|
M = t.w,
|
|
wa = M.C,
|
|
ya = M.i,
|
|
M = t.s,
|
|
za = [
|
|
L(1116352408, 3609767458),
|
|
L(1899447441, 602891725),
|
|
L(3049323471, 3964484399),
|
|
L(3921009573, 2173295548),
|
|
L(961987163, 4081628472),
|
|
L(1508970993, 3053834265),
|
|
L(2453635748, 2937671579),
|
|
L(2870763221, 3664609560),
|
|
L(3624381080, 2734883394),
|
|
L(310598401, 1164996542),
|
|
L(607225278, 1323610764),
|
|
L(1426881987, 3590304994),
|
|
L(1925078388, 4068182383),
|
|
L(2162078206, 991336113),
|
|
L(2614888103, 633803317),
|
|
L(3248222580, 3479774868),
|
|
L(3835390401, 2666613458),
|
|
L(4022224774, 944711139),
|
|
L(264347078, 2341262773),
|
|
L(604807628, 2007800933),
|
|
L(770255983, 1495990901),
|
|
L(1249150122, 1856431235),
|
|
L(1555081692, 3175218132),
|
|
L(1996064986, 2198950837),
|
|
L(2554220882, 3999719339),
|
|
L(2821834349, 766784016),
|
|
L(2952996808, 2566594879),
|
|
L(3210313671, 3203337956),
|
|
L(3336571891, 1034457026),
|
|
L(3584528711, 2466948901),
|
|
L(113926993, 3758326383),
|
|
L(338241895, 168717936),
|
|
L(666307205, 1188179964),
|
|
L(773529912, 1546045734),
|
|
L(1294757372, 1522805485),
|
|
L(1396182291, 2643833823),
|
|
L(1695183700, 2343527390),
|
|
L(1986661051, 1014477480),
|
|
L(2177026350, 1206759142),
|
|
L(2456956037, 344077627),
|
|
L(2730485921, 1290863460),
|
|
L(2820302411, 3158454273),
|
|
L(3259730800, 3505952657),
|
|
L(3345764771, 106217008),
|
|
L(3516065817, 3606008344),
|
|
L(3600352804, 1432725776),
|
|
L(4094571909, 1467031594),
|
|
L(275423344, 851169720),
|
|
L(430227734, 3100823752),
|
|
L(506948616, 1363258195),
|
|
L(659060556, 3750685593),
|
|
L(883997877, 3785050280),
|
|
L(958139571, 3318307427),
|
|
L(1322822218, 3812723403),
|
|
L(1537002063, 2003034995),
|
|
L(1747873779, 3602036899),
|
|
L(1955562222, 1575990012),
|
|
L(2024104815, 1125592928),
|
|
L(2227730452, 2716904306),
|
|
L(2361852424, 442776044),
|
|
L(2428436474, 593698344),
|
|
L(2756734187, 3733110249),
|
|
L(3204031479, 2999351573),
|
|
L(3329325298, 3815920427),
|
|
L(3391569614, 3928383900),
|
|
L(3515267271, 566280711),
|
|
L(3940187606, 3454069534),
|
|
L(4118630271, 4000239992),
|
|
L(116418474, 1914138554),
|
|
L(174292421, 2731055270),
|
|
L(289380356, 3203993006),
|
|
L(460393269, 320620315),
|
|
L(685471733, 587496836),
|
|
L(852142971, 1086792851),
|
|
L(1017036298, 365543100),
|
|
L(1126000580, 2618297676),
|
|
L(1288033470, 3409855158),
|
|
L(1501505948, 4234509866),
|
|
L(1607167915, 987167468),
|
|
L(1816402316, 1246189591),
|
|
],
|
|
$ = [],
|
|
Aa = 0;
|
|
80 > Aa;
|
|
Aa++
|
|
)
|
|
$[Aa] = L();
|
|
(M = M.k = xa.extend({
|
|
q: function () {
|
|
this.f = ya.create([
|
|
L(1779033703, 4089235720),
|
|
L(3144134277, 2227873595),
|
|
L(1013904242, 4271175723),
|
|
L(2773480762, 1595750129),
|
|
L(1359893119, 2917565137),
|
|
L(2600822924, 725511199),
|
|
L(528734635, 4215389547),
|
|
L(1541459225, 327033209),
|
|
]);
|
|
},
|
|
H: function (o, _) {
|
|
for (
|
|
var qb,
|
|
Da = this.f.d,
|
|
Ea = Da[0],
|
|
Fa = Da[1],
|
|
Ga = Da[2],
|
|
Ha = Da[3],
|
|
Ia = Da[4],
|
|
Ja = Da[5],
|
|
Ka = Da[6],
|
|
Da = Da[7],
|
|
La = Ea.a,
|
|
Ma = Ea.b,
|
|
Na = Fa.a,
|
|
Oa = Fa.b,
|
|
Pa = Ga.a,
|
|
Qa = Ga.b,
|
|
Ra = Ha.a,
|
|
Sa = Ha.b,
|
|
Ta = Ia.a,
|
|
Ua = Ia.b,
|
|
Va = Ja.a,
|
|
Wa = Ja.b,
|
|
Xa = Ka.a,
|
|
Ya = Ka.b,
|
|
Za = Da.a,
|
|
$a = Da.b,
|
|
_a = La,
|
|
ab = Ma,
|
|
bb = Na,
|
|
cb = Oa,
|
|
db = Pa,
|
|
eb = Qa,
|
|
fb = Ra,
|
|
gb = Sa,
|
|
hb = Ta,
|
|
ib = Ua,
|
|
jb = Va,
|
|
kb = Wa,
|
|
lb = Xa,
|
|
mb = Ya,
|
|
nb = Za,
|
|
ob = $a,
|
|
pb = 0;
|
|
80 > pb;
|
|
pb++
|
|
) {
|
|
if (((qb = $[pb]), 16 > pb))
|
|
var rb = (qb.a = 0 | o[_ + 2 * pb]),
|
|
sb = (qb.b = 0 | o[_ + 2 * pb + 1]);
|
|
else {
|
|
var rb = $[pb - 15],
|
|
sb = rb.a,
|
|
tb = rb.b,
|
|
rb =
|
|
((tb << 31) | (sb >>> 1)) ^
|
|
((tb << 24) | (sb >>> 8)) ^
|
|
(sb >>> 7),
|
|
tb =
|
|
((sb << 31) | (tb >>> 1)) ^
|
|
((sb << 24) | (tb >>> 8)) ^
|
|
((sb << 25) | (tb >>> 7)),
|
|
ub = $[pb - 2],
|
|
sb = ub.a,
|
|
vb = ub.b,
|
|
ub =
|
|
((vb << 13) | (sb >>> 19)) ^
|
|
((sb << 3) | (vb >>> 29)) ^
|
|
(sb >>> 6),
|
|
vb =
|
|
((sb << 13) | (vb >>> 19)) ^
|
|
((vb << 3) | (sb >>> 29)) ^
|
|
((sb << 26) | (vb >>> 6)),
|
|
sb = $[pb - 7],
|
|
wb = sb.a,
|
|
xb = $[pb - 16],
|
|
yb = xb.a,
|
|
xb = xb.b,
|
|
sb = tb + sb.b,
|
|
rb = rb + wb + (sb >>> 0 < tb >>> 0 ? 1 : 0),
|
|
sb = sb + vb,
|
|
rb = rb + ub + (sb >>> 0 < vb >>> 0 ? 1 : 0),
|
|
sb = sb + xb,
|
|
rb = rb + yb + (sb >>> 0 < xb >>> 0 ? 1 : 0);
|
|
(qb.a = rb), (qb.b = sb);
|
|
}
|
|
var wb = (hb & jb) ^ (~hb & lb),
|
|
xb = (ib & kb) ^ (~ib & mb),
|
|
qb = (_a & bb) ^ (_a & db) ^ (bb & db),
|
|
tb =
|
|
((ab << 4) | (_a >>> 28)) ^
|
|
((_a << 30) | (ab >>> 2)) ^
|
|
((_a << 25) | (ab >>> 7)),
|
|
ub =
|
|
((_a << 4) | (ab >>> 28)) ^
|
|
((ab << 30) | (_a >>> 2)) ^
|
|
((ab << 25) | (_a >>> 7)),
|
|
vb = za[pb],
|
|
Ab = vb.a,
|
|
Bb = vb.b,
|
|
vb =
|
|
ob +
|
|
(((hb << 18) | (ib >>> 14)) ^
|
|
((hb << 14) | (ib >>> 18)) ^
|
|
((ib << 23) | (hb >>> 9))),
|
|
yb =
|
|
nb +
|
|
(((ib << 18) | (hb >>> 14)) ^
|
|
((ib << 14) | (hb >>> 18)) ^
|
|
((hb << 23) | (ib >>> 9))) +
|
|
(vb >>> 0 < ob >>> 0 ? 1 : 0),
|
|
vb = vb + xb,
|
|
yb = yb + wb + (vb >>> 0 < xb >>> 0 ? 1 : 0),
|
|
vb = vb + Bb,
|
|
yb = yb + Ab + (vb >>> 0 < Bb >>> 0 ? 1 : 0),
|
|
vb = vb + sb,
|
|
yb = yb + rb + (vb >>> 0 < sb >>> 0 ? 1 : 0),
|
|
sb = ub + ((ab & cb) ^ (ab & eb) ^ (cb & eb)),
|
|
qb = tb + qb + (sb >>> 0 < ub >>> 0 ? 1 : 0),
|
|
nb = lb,
|
|
ob = mb,
|
|
lb = jb,
|
|
mb = kb,
|
|
jb = hb,
|
|
kb = ib,
|
|
ib = 0 | (gb + vb),
|
|
hb = 0 | (fb + yb + (ib >>> 0 < gb >>> 0 ? 1 : 0)),
|
|
fb = db,
|
|
gb = eb,
|
|
db = bb,
|
|
eb = cb,
|
|
bb = _a,
|
|
cb = ab,
|
|
ab = 0 | (vb + sb),
|
|
_a = 0 | (yb + qb + (ab >>> 0 < vb >>> 0 ? 1 : 0));
|
|
}
|
|
(Ma = Ea.b = 0 | (Ma + ab)),
|
|
(Ea.a = 0 | (La + _a + (Ma >>> 0 < ab >>> 0 ? 1 : 0))),
|
|
(Oa = Fa.b = 0 | (Oa + cb)),
|
|
(Fa.a = 0 | (Na + bb + (Oa >>> 0 < cb >>> 0 ? 1 : 0))),
|
|
(Qa = Ga.b = 0 | (Qa + eb)),
|
|
(Ga.a = 0 | (Pa + db + (Qa >>> 0 < eb >>> 0 ? 1 : 0))),
|
|
(Sa = Ha.b = 0 | (Sa + gb)),
|
|
(Ha.a = 0 | (Ra + fb + (Sa >>> 0 < gb >>> 0 ? 1 : 0))),
|
|
(Ua = Ia.b = 0 | (Ua + ib)),
|
|
(Ia.a = 0 | (Ta + hb + (Ua >>> 0 < ib >>> 0 ? 1 : 0))),
|
|
(Wa = Ja.b = 0 | (Wa + kb)),
|
|
(Ja.a = 0 | (Va + jb + (Wa >>> 0 < kb >>> 0 ? 1 : 0))),
|
|
(Ya = Ka.b = 0 | (Ya + mb)),
|
|
(Ka.a = 0 | (Xa + lb + (Ya >>> 0 < mb >>> 0 ? 1 : 0))),
|
|
($a = Da.b = 0 | ($a + ob)),
|
|
(Da.a = 0 | (Za + nb + ($a >>> 0 < ob >>> 0 ? 1 : 0)));
|
|
},
|
|
G: function () {
|
|
var o = this.g,
|
|
_ = o.d,
|
|
Da = 8 * this.j,
|
|
Ea = 8 * o.c;
|
|
(_[Ea >>> 5] |= 128 << (24 - (Ea % 32))),
|
|
(_[(((Ea + 128) >>> 10) << 5) + 31] = Da),
|
|
(o.c = 4 * _.length),
|
|
this.m(),
|
|
(this.f = this.f.v());
|
|
},
|
|
n: 32,
|
|
})),
|
|
(t.k = xa.D(M)),
|
|
(t.L = xa.F(M));
|
|
function sha512(o) {
|
|
return t.k(o) + "";
|
|
}function fireEvent(element, event) {
|
|
if (document.createEventObject) {
|
|
// dispatch for IE
|
|
var evt = document.createEventObject();
|
|
return element.fireEvent("on" + event, evt);
|
|
} else {
|
|
// dispatch for firefox + others
|
|
var evt = document.createEvent("HTMLEvents");
|
|
evt.initEvent(event, true, true); // event type,bubbling,cancelable
|
|
return !element.dispatchEvent(evt);
|
|
}
|
|
}(() => {
|
|
const translations = JSON.parse(
|
|
document.getElementById("error_codes").innerText
|
|
);
|
|
|
|
const regcode = document.getElementById("regcode");
|
|
regcode.value = new URL(window.location.href).searchParams.get("regcode");
|
|
fireEvent(regcode, "change");
|
|
|
|
function showError(element, message) {
|
|
if (typeof element === "string")
|
|
element = document.getElementById(element);
|
|
|
|
if (!element) console.error("Element not found,", element);
|
|
element.innerText = message;
|
|
if (!message) {
|
|
if (!element.classList.contains("invisible"))
|
|
element.classList.add("invisible");
|
|
} else {
|
|
element.classList.remove("invisible");
|
|
}
|
|
}
|
|
|
|
function makeid(length) {
|
|
var text = "";
|
|
var possible =
|
|
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
|
|
for (var i = 0; i < length; i++)
|
|
text += possible.charAt(Math.floor(Math.random() * possible.length));
|
|
|
|
return text;
|
|
}
|
|
|
|
const username = document.getElementById("username");
|
|
const name = document.getElementById("name");
|
|
const mail = document.getElementById("mail");
|
|
const password = document.getElementById("password");
|
|
const passwordrep = document.getElementById("passwordrep");
|
|
|
|
const radio_male = document.getElementById("radio-male");
|
|
const radio_female = document.getElementById("radio-female");
|
|
document.getElementById("radio-other");
|
|
|
|
const registerButton = document.getElementById("registerbutton");
|
|
registerButton.onclick = () => {
|
|
console.log("Register");
|
|
showError("error");
|
|
let error = false;
|
|
if (!regcode.value) {
|
|
showError("err_regcode", translations["noregcode"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_regcode");
|
|
}
|
|
|
|
if (!username.value) {
|
|
showError("err_username", translations["nousername"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_username");
|
|
}
|
|
|
|
if (!name.value) {
|
|
showError("err_name", translations["noname"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_name");
|
|
}
|
|
|
|
if (!mail.value) {
|
|
showError("err_mail", translations["nomail"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_mail");
|
|
}
|
|
|
|
if (!password.value) {
|
|
showError("err_password", translations["nopassword"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_password");
|
|
}
|
|
|
|
if (password.value !== passwordrep.value) {
|
|
showError("err_passwordrep", translations["nomatch"]);
|
|
error = true;
|
|
} else {
|
|
showError("err_passwordrep");
|
|
}
|
|
|
|
if (error) return;
|
|
|
|
let gender;
|
|
|
|
if (radio_male.checked) {
|
|
gender = "male";
|
|
} else if (radio_female.checked) {
|
|
gender = "female";
|
|
} else {
|
|
gender = "other";
|
|
}
|
|
|
|
let salt = makeid(10);
|
|
|
|
//username, password, salt, mail, gender, name, birthday, regcode
|
|
|
|
let body = {
|
|
username: username.value,
|
|
gender: gender,
|
|
mail: mail.value,
|
|
name: name.value,
|
|
regcode: regcode.value,
|
|
salt: salt,
|
|
password: sha512(salt + password.value),
|
|
};
|
|
|
|
fetch("/api/user/register", {
|
|
method: "POST",
|
|
body: JSON.stringify(body),
|
|
headers: {
|
|
"content-type": "application/json",
|
|
},
|
|
})
|
|
.then(async (e) => {
|
|
if (e.status !== 200)
|
|
return Promise.reject(
|
|
new Error((await e.text()) || e.statusText)
|
|
);
|
|
return e.json();
|
|
})
|
|
.then((data) => {
|
|
if (data.error) {
|
|
if (!Array.isArray(data.error))
|
|
return Promise.reject(new Error(data.error));
|
|
let ce = [];
|
|
data.error.forEach((e) => {
|
|
let ef = document.getElementById("err_" + e.field);
|
|
if (!ef) ce.push(e);
|
|
else {
|
|
showError(ef, e.message);
|
|
}
|
|
});
|
|
if (ce.length > 0) {
|
|
showError("error", ce.join("<br>"));
|
|
}
|
|
} else {
|
|
window.location.href = "/login";
|
|
}
|
|
})
|
|
.catch((e) => {
|
|
showError("error", e.message);
|
|
});
|
|
};
|
|
})();})();</script></body></html> |