2024-02-19 16:47:27 +00:00
< head >
2024-10-08 23:14:29 +00:00
< link href = "style.css" rel = "stylesheet" / >
2024-02-19 16:47:27 +00:00
< / head >
2024-10-08 23:14:29 +00:00
< body class = "h-full" id = "body" style = "display: none" >
2024-10-09 00:01:35 +00:00
< form autocomplete = 'one-time-code' class = ' py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' action = '/chpass/changepassword' method = 'post' enctype = 'multipart/form-data' >
2024-10-08 22:50:21 +00:00
< div class = 'display-none text-red-800 font-bold' > < / div >
< div class = 'relative mx-auto gap-x-16 bg-slate-100 w-full lg-w-1/2 lg:px-8 lg:pt-16' >
2024-10-09 00:06:43 +00:00
<!-- element order 1 forms.element{Name:"field1", Label:"Email Address", LabelClasses:"", InputClasses:"", Type:"text", Hint:"", Required:false, Classes:"", Validator:"email", vreg:(*regexp.Regexp)(nil), valid:false, FailMessage:"Must be a valid email address", Value:"", Autocomplete:"one - time - code", Order:1, OnClick:"", Choices:[]forms.choice(nil), TogglePassword:false} -->
< div class = ' py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' > < label for = 'field1' class = 'block text-sm font-medium text-gray-700' > Email Address< / label > < input type = 'text' autocomplete = 'one-time-code' name = 'field1' class = ' w-full mr-12 pr-12 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm' value = '' > < / div >
< div class = 'text-red-800 font-bold' for = 'field1' > < span class = 'error' > Must be a valid email address< / span > < / div >
<!-- element order 2 forms.element{Name:"field2", Label:"Old", LabelClasses:"", InputClasses:"", Type:"password", Hint:"", Required:false, Classes:"", Validator:"", vreg:(*regexp.Regexp)(nil), valid:false, FailMessage:"Passsword Incorrect", Value:"", Autocomplete:"one - time - code", Order:2, OnClick:"", Choices:[]forms.choice(nil), TogglePassword:false} -->
< div class = 'relative py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' > < label for = 'field2' class = 'block text-sm font-medium text-gray-700' > Old< / label > < input id = 'input-field2' autocomplete = 'one-time-code' type = 'password' name = 'field2' class = ' w-full mr-12 pr-12 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm' value = '' >
2024-10-08 23:35:33 +00:00
< / div >
2024-10-09 00:06:43 +00:00
< div class = 'text-red-800 font-bold' for = 'field2' > < span class = 'error' > Passsword Incorrect< / span > < / div >
<!-- element order 3 forms.element{Name:"field3", Label:"New", LabelClasses:"", InputClasses:"", Type:"password", Hint:"", Required:false, Classes:"", Validator:"minlength=8;haslowercase;hasuppercase;hasdigit", vreg:(*regexp.Regexp)(nil), valid:false, FailMessage:"Password must be at least 8 characters long and contain at least one uppercase letter, one lowercase letter and one digit", Value:"", Autocomplete:"one - time - code", Order:3, OnClick:"", Choices:[]forms.choice(nil), TogglePassword:false} -->
< div class = 'relative py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' > < label for = 'field3' class = 'block text-sm font-medium text-gray-700' > New< / label > < input id = 'input-field3' autocomplete = 'one-time-code' type = 'password' name = 'field3' class = ' w-full mr-12 pr-12 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm' value = '' >
2024-10-08 23:35:33 +00:00
< / div >
2024-10-09 00:06:43 +00:00
< div class = 'text-red-800 font-bold' for = 'field3' > < span class = 'error' > Password must be at least 8 characters long and contain at least one uppercase letter, one lowercase letter and one digit< / span > < / div >
<!-- element order 4 forms.element{Name:"field4", Label:"Confirm ", LabelClasses:"", InputClasses:"", Type:"password", Hint:"", Required:false, Classes:"", Validator:"mustmatch=field3", vreg:(*regexp.Regexp)(nil), valid:false, FailMessage:"Passwords do not match", Value:"", Autocomplete:"one - time - code", Order:4, OnClick:"", Choices:[]forms.choice(nil), TogglePassword:false} -->
< div class = 'relative py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' > < label for = 'field4' class = 'block text-sm font-medium text-gray-700' > Confirm < / label > < input id = 'input-field4' autocomplete = 'one-time-code' type = 'password' name = 'field4' class = ' w-full mr-12 pr-12 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm' value = '' >
2024-10-08 23:35:33 +00:00
< / div >
2024-10-09 00:06:43 +00:00
< div class = 'text-red-800 font-bold' for = 'field4' > < span class = 'error' > Passwords do not match< / span > < / div >
2024-10-08 23:43:45 +00:00
<!-- element order 5 forms.element{Name:"", Label:"Change Password", LabelClasses:"", InputClasses:"flex w - full justify - center rounded - md bg - indigo - 600 px - 3 py - 1.5 text - sm font - semibold leading - 6 text - white shadow - sm hover:bg - indigo - 500 focus - visible:outline focus - visible:outline - 2 focus - visible:outline - offset - 2 focus - visible:outline - indigo - 600", Type:"submit", Hint:"", Required:false, Classes:"", Validator:"", vreg:(*regexp.Regexp)(nil), valid:false, FailMessage:"", Value:"", Autocomplete:"", Order:5, OnClick:"", Choices:[]forms.choice(nil), TogglePassword:false} -->
2024-10-09 00:01:35 +00:00
< div class = ' py-2 text-indigo-300 md:px-10 lg:col-start-2 lg:row-start-1 lg:mx-auto lg:w-full lg:max-w-lg lg:bg-transparent lg:px-0 ' > < button autocomplete = 'one-time-code' type = 'submit' class = 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600' > < span class = 'block text-sm font-medium text-gray-700' > Change Password< / span > < / button > < / div >
2024-10-08 22:50:21 +00:00
< div class = 'text-red-800 font-bold' for = '' > < span class = 'error' > Invalid entry.< / span > < / div >
< / div > < / form >
< script > function togglePassword ( f ) { var a = document . getElementById ( f ) ; if ( a . type == "password" ) a . type = "text" ; else a . type = "password" ; } < / script >
2024-02-19 16:47:27 +00:00
< / body >
2024-10-08 23:14:29 +00:00
< script >
setTimeout(function () {
var ilist = document.getElementsByTagName("input");
for (var k in ilist) {
if (ilist[k].type == "text" || ilist[k].type == "password")
ilist[k].value = "";
}
document.getElementById("body").style.display = "block";
}, 2000);
< / script >
