EnVisageOnline/Beta/Source/EnVisage/Views/Account/Activate.cshtml

173 lines
5.6 KiB
Plaintext

@model EnVisage.Models.ActivationUserModel
@{
Layout = "";
}
<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if IE 9]> <html class="ie9 gt-ie8"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="gt-ie8 gt-ie9 not-ie">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Activate account - PlanIT</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!-- Open Sans font from Google CDN -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin" rel="stylesheet" type="text/css">
<!-- Pixel Admin's stylesheets -->
<link href="~/Content/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="~/Content/stylesheets/pixel-admin.css" rel="stylesheet" type="text/css">
<link href="~/Content/stylesheets/pages.min.css" rel="stylesheet" type="text/css">
<link href="~/Content/stylesheets/rtl.css" rel="stylesheet" type="text/css">
<link href="~/Content/stylesheets/themes.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="~/Scripts/ie.min.js"></script>
<![endif]-->
</head>
<!-- 1. $BODY ======================================================================================
Body
Classes:
* 'theme-{THEME NAME}'
* 'right-to-left' - Sets text direction to right-to-left
-->
<body class="theme-default page-signup">
<!-- Page background -->
<div id="page-signup-bg">
<!-- Background overlay -->
<div class="overlay"></div>
<!-- Replace this with your bg image -->
<img src="~/Content/images/signin-bg-1.jpg" alt="">
</div>
<!-- / Page background -->
<!-- Container -->
<div class="signup-container">
<!-- Header -->
<div class="signup-header">
<span class="logo">
<img src="~/Content/images/logo-big.png" alt="" style="margin-top: -5px;">&nbsp;
PlanIT
</span>
<!-- / .logo -->
<div class="slogan">
Simple. Flexible. Powerful.
</div> <!-- / .slogan -->
</div>
<!-- / Header -->
<!-- Form -->
<div class="signup-form">
@using (Html.BeginForm("Activate", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
<div class="signup-text">
<span>Sign In to your account</span>
</div>
@Html.ValidationSummary(true)
@Html.HiddenFor(model => model.UserId)
<div class="form-group w-icon">
@Html.TextBoxFor(m => m.UserName, new { @class = "form-control input-lg", @placeholder = "Username", @id = "username_id", @readonly = "readonly" })
<span class="fa fa-user signup-form-icon"></span>
</div>
<div class="form-group w-icon">
@Html.TextBoxFor(m => m.Email, new { @class = "form-control input-lg", @placeholder = "Username", @id = "username_id", @readonly = "readonly" })
<span class="fa fa-user signup-form-icon"></span>
</div>
<div class="form-group w-icon">
@Html.PasswordFor(m => m.Password, new { @class = "form-control input-lg", @placeholder = "Password", @id = "password_id" })
<span class="fa fa-lock signup-form-icon"></span>
@Html.ValidationMessageFor(m => m.Password)
</div>
<div class="form-group w-icon">
@Html.PasswordFor(m => m.ConfirmationPassword, new { @class = "form-control input-lg", @placeholder = "Password confirmation", @id = "password_confirmation_id" })
<span class="fa fa-lock signup-form-icon"></span>
@Html.ValidationMessageFor(m => m.ConfirmationPassword)
</div>
<div class="form-actions">
<input type="submit" value="Activate" class="signup-btn bg-primary">
</div>
@*<p>
@Html.ActionLink("Register", "Register") if you don't have a local account.
</p>*@
}
<!-- "Sign In with" block -->
<div class="signup-with">
<!-- Facebook -->
@*<a href="index.html" class="signup-with-btn" style="background:#4f6faa;background:rgba(79, 111, 170, .8);">Sign Up with <span>Facebook</span></a>*@
@*@Html.Partial("_ExternalLoginsStrippedPartial", new { Action = "ExternalLogin", ReturnUrl = ViewBag.ReturnUrl })*@
</div>
<!-- / "Sign In with" block -->
</div>
<!-- Right side -->
</div>
@*<div class="have-account">
Already have an account? <a href="pages-signin.html">Sign In</a>
</div>*@
<!-- Get jQuery from Google CDN -->
<!--[if !IE]> -->
<script type="text/javascript"> window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">' + "<" + "/script>"); </script>
<!-- <![endif]-->
<!--[if lte IE 9]>
<script type="text/javascript"> window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">'+"<"+"/script>"); </script>
<![endif]-->
<!-- Pixel Admin's javascripts -->
<script src="~/Scripts/bootstrap.js"></script>
<script src="~/Scripts/pixel-admin.js"></script>
<script type="text/javascript">
// Resize BG
init.push(function () {
var $ph = $('#page-signup-bg'),
$img = $ph.find('> img');
$(window).on('resize', function () {
$img.attr('style', '');
if ($img.height() < $ph.height()) {
$img.css({
height: '100%',
width: 'auto'
});
}
});
$("#signup-form_id").validate({ focusInvalid: true, errorPlacement: function () { } });
// Validate username
$("#username_id").rules("add", {
required: true,
minlength: 3
});
// Validate password
$("#password_id").rules("add", {
required: true,
minlength: 6
});
});
window.PixelAdmin.start(init);
</script>
</body>
</html>