aiforge/templates/user/auth/signup_inner.tmpl

<style>
.full.height{background-color: #F9F9F9;}
</style>

<div class="ui container very padded {{if .LinkAccountMode}} icon{{end}}" style=" padding-top: 5.0rem; padding-bottom: 3.0rem;">
	<div class="ui raised very padded text container segment">
		<div class="ui centered grid">
			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
				<div class="ui bottom aligned two column grid">
           <div class="column">
						<h2 class="ui header">
						{{if .LinkAccountMode}}
							{{.i18n.Tr "auth.oauth_signup_title"}}
						{{else}}
							{{.i18n.Tr "sign_up"}}
						{{end}}
						</h2>
					</div>
					{{if not .LinkAccountMode}}
					<div class="ui right floated column">
						<a href="{{AppSubUrl}}/user/login">{{.i18n.Tr "auth.register_helper_msg"}}</a>
					</div>
					{{end}}
				</div>
				<div class="ui grid">
          <div class="column">
						<form class="ui form" action="{{.SignUpLink}}" method="post">
							{{.CsrfTokenHtml}}
							{{if or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister)}}
								{{template "base/alert" .}}
							{{end}}
							<div class="ui negative message" style="display:none;">
								<p></p>
							</div>
							{{if .DisableRegistration}}
								<p>{{.i18n.Tr "auth.disable_register_prompt"}}</p>
							{{else}}
								<div class="field invitation_tips" style="font-weight:400;font-size:14px;color:rgba(250,140,22,1);display:none;">
									<span>您的好友 <span class="__invitation_code__">Itx003</span> 邀请你加入启智社区AI协作平台，畅享充沛的免费算力资源！</span>
								</div>
								<div class="field {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="user_name" name="user_name" value="{{.user_name}}" placeholder="{{.i18n.Tr "username"}}" autofocus required>
								</div>
								<div class="field {{if .Err_Email}}error{{end}}">
									<input id="email" name="email" type="email" value="{{.email}}" placeholder="{{.i18n.Tr "email"}}" required>
								</div>

								{{if not .DisablePassword}}
								<div class="field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="password" name="password" type="password" value="{{.password}}" placeholder="{{.i18n.Tr "password"}}" autocomplete="off" required>
								</div>
								<div class="field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="retype" name="retype" type="password" value="{{.retype}}" placeholder="{{.i18n.Tr "re_type"}}" autocomplete="off" required>
								</div>
								{{end}}
								
								{{if and .EnableCaptcha (eq .CaptchaType "image")}}
								<div class="field">
									{{.Captcha.CreateHtml}}
								</div>
								<div class="field {{if .Err_Captcha}}error{{end}}">
									<input id="captcha" name="captcha" value="{{.captcha}}" placeholder="{{.i18n.Tr "captcha"}}" autocomplete="off">
								</div>
								{{end}}
								
								{{if and .EnableCaptcha (eq .CaptchaType "recaptcha")}}
								<div class="field required">
									<div class="g-recaptcha" data-sitekey="{{ .RecaptchaSitekey }}"></div>
								</div>
								{{end}}
								
								{{if .EnablePhone }}
									<div class="use-type" usetype="0">
										{{template "user/auth/phone_verify" .}}
									</div>
								{{end}}
								
								<div class="field">
									<div style="display:flex;">
										<div style="display:flex;align-items:center;">
											<span>推荐人</span>
										</div>
										<input style="flex:1;margin-left:12px;" id="invitation_code" name="invitation_code" value="" autocomplete="off" />
									</div>
								</div>

								<div class="field">
									<div class="ui checkbox">
										<input name="agree" type="checkbox" tabindex="0" class="hidden" {{if .agree}}checked{{end}}><label>{{.i18n.Tr "use_and_privacy_agree" "/home/term" "/home/privacy" | Safe}}</label>
									</div>
								</div>
								<div class="ui hidden divider"></div>
								<div class="center aligned field">
									<button class="fluid large ui blue button">
										{{if .LinkAccountMode}}
											{{.i18n.Tr "auth.oauth_signup_submit"}}
										{{else}}
											{{.i18n.Tr "auth.create_new_account"}}
										{{end}}
									</button>
								</div>
							{{end}}
						</form>
					</div>
				</div>
			</div>	
		</div>
	</div>
</div>
<script>
	; (function() {
		var getUrlParams = function() {
			var url = window.location.search;
			var index = url.indexOf('?');
			var obj = {};
			if (index !== -1) {
				var str = url.substr(1);
				var arr = str.split('&');
				for (var i = 0, iLen = arr.length; i < iLen; i++) {
					var list = arr[i].split('=');
					obj[list[0]] = list[1];
				}				
			}
			return obj;
		};
		
		var sharedUser = getUrlParams()['sharedUser'];
		if (sharedUser) {
			setTimeout(function() {
				$('.invitation_tips').show().find('.__invitation_code__').text(sharedUser);
				$('input#invitation_code').val(sharedUser).attr('disabled', true);
			}, 20);
		}
	})();
</script>