aiforge/templates/user/auth/signin_phone.tmpl

{{template "base/head" .}}
<style>
	@media only screen and (max-width: 1200px) {
		._container {
			display:block !important;
		}
   	._left-img-area {
	 		display: none;
	 	}
	 	._right_content_area {
	 
	 	}
	 	._right_content_area .segment {	 
			margin-left: auto !important;
			border-top-left-radius: .28571429rem !important;
			border-bottom-left-radius: .28571429rem !important;
			border-left: border: 1px solid rgba(34,36,38,.15) !important;
	 	}
  }
</style>
<div class="user signin">
	<div class="ui container" style="margin-top:60px;">
		<div class="_container" style="display:flex;justify-content:center;">
			<div class="_left-img-area" style="padding-right:0;flex:2">
				<div style="width:450px;height:100%;float:right;border-radius:0.28571429rem;border-top-right-radius: 0;
					border-bottom-right-radius: 0;border-right:none !important;overflow: hidden;
					-webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
					box-shadow: 0 2px 4px 0rgba(34,36,38,.12),0 2px 10px 0rgba(34,36,38,.15);">
					{{ if .ActivityTpl }}
						{{ .ActivityTpl | Safe}}
					{{ else }}
						{{ template "user/auth/signin_up_img_default" .}}
					{{ end }}
				</div>
			</div>
			<div class="_right_content_area" style="padding-left:0;flex:3;">
				<div class="ui raised very padded text container segment" style="margin-left:0;
				border-top-left-radius: 0;
					border-bottom-left-radius: 0;
					border-left: none !important;
				">
					<style>
					.full.height{background-color: #F9F9F9;}
					.ui.left:not(.action){ float:none;}
					.ui.left{ float:none;}
					.ui.secondary.pointing.menu{ border-bottom:none;}
					</style>
					{{template "user/auth/signin_navbar" .}}
					{{template "base/alert" .}}
					<div class="ui negative message" style="display:none;">
						<p></p>
					</div>
					<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_signin_title"}}
										{{else}}
											{{.i18n.Tr "auth.login_userpass"}}
										{{end}}
									</h2>						
								</div>
								{{if .ShowRegistrationButton}}
									<div class="ui right floated column">
									<a href="{{AppSubUrl}}/user/sign_up">{{.i18n.Tr "auth.sign_up_now" | Str2html}}</a>
								</div>
							{{end}}
							</div>
							<div class="ui grid">
								<div class="column">
									<form class="ui form" action="/user/login/phone" method="post">
									{{.CsrfTokenHtml}}

									{{if .EnablePhone }}
										<div class="use-type" usetype="1" autofocus="true">
											{{template "user/auth/phone_verify" .}}
										</div>
									{{end}}

									<div class="two fields inline">
										<div class="field">
											<div class="ui checkbox">
												<label>{{.i18n.Tr "auth.remember_me"}}</label>
												<input name="remember" type="checkbox">
											</div>
										</div>
										<div class="field" style="padding-right: 0; text-align: right;">
											<a href="{{AppSubUrl}}/user/forgot_password?type=phone">{{.i18n.Tr "auth.forgot_password"}}</a>
										</div>
									</div>

									<div class="ui hidden divider"></div>

									<div class="center aligned field">
										<button class="fluid large ui blue button">
											{{.i18n.Tr "sign_in"}}
										</button>
									</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>		
	</div>
</div>
{{template "base/footer" .}}