devextreme-asp-ui-template-gallery/Views/Auth/ForgotPassword.cshtml at main · DevExpress/devextreme-asp-ui-template-gallery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<link href="~/css/views/CardAuth.css" rel="stylesheet" />
<link href="~/css/components/ResetPasswordForm.css" rel="stylesheet" />
<script src="~/js/layouts/authlayout.js"></script>

@using DevExtremeVSTemplateMVC.Models
@model UserData

@{
    bool topLayout = this.Context.Request.Path.Value.Contains("Home");
}

<script>
    window.uitgAppContext.AuthLayoutController.keepTopLayout = '@Html.Raw(topLayout)' === "True";
</script>

<div class="auth-card">
    <div class="dx-card content">
        <div class="header">
            <div class="title" id="sign-up-title">
                Reset Password
            </div>
            <div class="description">
                "Please enter the email address that you used to register, and we will send you a link to reset your
                password via Email."
            </div>
        </div>
        <div class="content">
            <form class="reset-password-form">
                @(
                                Html.DevExtreme().Form<UserData>()
                                .ID("form-instance-register")
                                .FormData(Model)
                                .Items(items =>
                                {
                                    items.AddSimpleFor(m => m.Email)
                                    .Editor(e => e
                                    .TextBox()
                                    .StylingMode(EditorStylingMode.Filled)
                                    .Placeholder("Email")
                                    .Mode(TextBoxMode.Email)
                                    .Value("jheart@dx-email.com")
                                    )
                                    .Label(l => l.Visible(false));

                                    items.AddButton()
                                    .ButtonOptions(b => b
                                    .Width("100%")
                                    .Type(ButtonType.Default)
                                    .OnClick(" window.uitgAppContext.AuthLayoutController.onCreateSubmit")
                                    .Template(new TemplateName("auth-button"))
                                    );
                                })
                                )
                <div class="login-link">
                    Return to
                    <a href="@(Url.Action("Login", topLayout ? "Home" : "Auth"))" class="spa-link">Sign In</a>
                </div>
            </form>
        </div>
    </div>
</div>

@await Html.PartialAsync("/Views/Auth/_AuthButtonTemplate.cshtml", ("resetPasswordLoadingIndicator", "Reset Password"))