aiforge/templates/user/auth/activate.tmpl

{{template "base/head" .}}
<div class="user activate">
	<div class="ui middle very relaxed page grid">
		<div class="column">
			<form class="ui form ignore-dirty" action="{{AppSubUrl}}/user/activate" method="post">
				{{.CsrfTokenHtml}}
				<h2 class="ui top attached header">
					{{.i18n.Tr "auth.active_your_account"}}
				</h2>
				<div class="ui attached segment">
					{{template "base/alert" .}}
					{{if .IsActivatePage}}
						{{if .ServiceNotEnabled}}
							<p class="center">{{.i18n.Tr "auth.disable_register_mail"}}</p>
						{{else if .ResendLimited}}
							<p class="center">{{.i18n.Tr "auth.resent_limit_prompt"}}</p>
						{{else}}
							<p>{{.i18n.Tr "auth.confirmation_mail_sent_prompt" .Email .ActiveCodeLives | Str2html}}</p>
						{{end}}
					{{else}}
						{{if .IsSendRegisterMail}}
							<p>{{.i18n.Tr "auth.confirmation_mail_sent_prompt" .Email .ActiveCodeLives | Str2html}}</p>
						{{else if .IsActivateFailed}}
							<p>{{.i18n.Tr "auth.invalid_code"}}</p>
						{{else}}
							<p>{{.i18n.Tr "auth.has_unconfirmed_mail" .SignedUser.Name .SignedUser.Email | Str2html}}</p>
							<div class="ui divider"></div>
							<div class="text right">
								<button type="button" class="ui blue button change">{{.i18n.Tr "auth.change_email"}}</button>
								<button class="ui blue button">{{.i18n.Tr "auth.resend_mail"}}</button>
							</div>
						{{end}}
					{{end}}
				</div>
			</form>
		</div>
	</div>
	<div>
        <div class="ui modal chang-email">
            <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">
                <h4>{{.i18n.Tr "auth.change_email_address"}}</h4>
            </div>
			<form id="formId" action="{{AppSubUrl}}/user/update_email" method="POST" class="ui form">
				<div class="content content-padding">
						<div class="ui error message">
						</div>
						{{$.CsrfTokenHtml}}
						<div class="inline required field">
							<label>{{.i18n.Tr "auth.new_email_address"}}</label>
							<input style="width: 80%;" id="label" name="NewEmail" maxlength="255" value="{{.SignedUser.Email}}">
						</div>
				</div>
				<div class="center actions">
					<button class="ui green button">{{.i18n.Tr "repo.confirm_choice"}}</button>
					<div class="ui deny button">{{.i18n.Tr "cancel"}}</div>
				</div>
			</form>
        </div>
    </div>
</div>
{{template "base/footer" .}}
<script>
	$('.ui.blue.button.change').on('click',function(){
		$('.ui.modal').modal('show')
	})
</script>