mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-13 15:31:38 +08:00
添加Metronic（作为LFS）
This commit is contained in:
283
frontend/static/assets/admin/pages/scripts/login-soft.js
Normal file
283
frontend/static/assets/admin/pages/scripts/login-soft.js
Normal file
@@ -0,0 +1,283 @@
|
||||
var Login = function () {
|
||||
|
||||
var handleLogin = function() {
|
||||
$('.login-form').validate({
|
||||
errorElement: 'span', //default input error message container
|
||||
errorClass: 'help-block', // default input error message class
|
||||
focusInvalid: false, // do not focus the last invalid input
|
||||
rules: {
|
||||
username: {
|
||||
required: true
|
||||
},
|
||||
password: {
|
||||
required: true
|
||||
},
|
||||
remember: {
|
||||
required: false
|
||||
}
|
||||
},
|
||||
|
||||
messages: {
|
||||
username: {
|
||||
required: "Username is required."
|
||||
},
|
||||
password: {
|
||||
required: "Password is required."
|
||||
}
|
||||
},
|
||||
|
||||
invalidHandler: function (event, validator) { //display error alert on form submit
|
||||
$('.alert-danger', $('.login-form')).show();
|
||||
},
|
||||
|
||||
highlight: function (element) { // hightlight error inputs
|
||||
$(element)
|
||||
.closest('.form-group').addClass('has-error'); // set error class to the control group
|
||||
},
|
||||
|
||||
success: function (label) {
|
||||
label.closest('.form-group').removeClass('has-error');
|
||||
label.remove();
|
||||
},
|
||||
|
||||
errorPlacement: function (error, element) {
|
||||
error.insertAfter(element.closest('.input-icon'));
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
|
||||
$('.login-form input').keypress(function (e) {
|
||||
if (e.which == 13) {
|
||||
if ($('.login-form').validate().form()) {
|
||||
$('.login-form').submit();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var handleForgetPassword = function () {
|
||||
$('.forget-form').validate({
|
||||
errorElement: 'span', //default input error message container
|
||||
errorClass: 'help-block', // default input error message class
|
||||
focusInvalid: false, // do not focus the last invalid input
|
||||
ignore: "",
|
||||
rules: {
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
},
|
||||
|
||||
messages: {
|
||||
email: {
|
||||
required: "Email is required."
|
||||
}
|
||||
},
|
||||
|
||||
invalidHandler: function (event, validator) { //display error alert on form submit
|
||||
|
||||
},
|
||||
|
||||
highlight: function (element) { // hightlight error inputs
|
||||
$(element)
|
||||
.closest('.form-group').addClass('has-error'); // set error class to the control group
|
||||
},
|
||||
|
||||
success: function (label) {
|
||||
label.closest('.form-group').removeClass('has-error');
|
||||
label.remove();
|
||||
},
|
||||
|
||||
errorPlacement: function (error, element) {
|
||||
error.insertAfter(element.closest('.input-icon'));
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
|
||||
$('.forget-form input').keypress(function (e) {
|
||||
if (e.which == 13) {
|
||||
if ($('.forget-form').validate().form()) {
|
||||
$('.forget-form').submit();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
jQuery('#forget-password').click(function () {
|
||||
jQuery('.login-form').hide();
|
||||
jQuery('.forget-form').show();
|
||||
});
|
||||
|
||||
jQuery('#back-btn').click(function () {
|
||||
jQuery('.login-form').show();
|
||||
jQuery('.forget-form').hide();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var handleRegister = function () {
|
||||
|
||||
function format(state) {
|
||||
return state.text;
|
||||
if (state.id) return state.text; // optgroup
|
||||
return "<img class='flag' src='../../assets/global/img/flags/" + "ug.png'/> " + state.text;
|
||||
}
|
||||
|
||||
|
||||
$("#select2_sample4").select2({
|
||||
placeholder: '<i class="fa fa-edit"></i> 组织类型',
|
||||
allowClear: true,
|
||||
formatResult: format,
|
||||
formatSelection: format,
|
||||
escapeMarkup: function (m) {
|
||||
return m;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('#select2_sample4').change(function () {
|
||||
$('.register-form').validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
|
||||
});
|
||||
|
||||
|
||||
$("#select2_sample5").select2({
|
||||
placeholder: '<i class="fa fa-edit"></i> 所属学校',
|
||||
allowClear: true,
|
||||
formatResult: format,
|
||||
formatSelection: format,
|
||||
escapeMarkup: function (m) {
|
||||
return m;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('#select2_sample5').change(function () {
|
||||
$('.register-form').validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
$('.register-form').validate({
|
||||
errorElement: 'span', //default input error message container
|
||||
errorClass: 'help-block', // default input error message class
|
||||
focusInvalid: false, // do not focus the last invalid input
|
||||
ignore: "",
|
||||
rules: {
|
||||
|
||||
fullname: {
|
||||
required: true
|
||||
},
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
},
|
||||
address: {
|
||||
required: true
|
||||
},
|
||||
city: {
|
||||
required: true
|
||||
},
|
||||
country: {
|
||||
required: true
|
||||
},
|
||||
|
||||
username: {
|
||||
required: true
|
||||
},
|
||||
password: {
|
||||
required: true
|
||||
},
|
||||
rpassword: {
|
||||
equalTo: "#register_password"
|
||||
},
|
||||
|
||||
tnc: {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
messages: { // custom messages for radio buttons and checkboxes
|
||||
tnc: {
|
||||
required: "请先同意协议"
|
||||
}
|
||||
},
|
||||
|
||||
invalidHandler: function (event, validator) { //display error alert on form submit
|
||||
|
||||
},
|
||||
|
||||
highlight: function (element) { // hightlight error inputs
|
||||
$(element)
|
||||
.closest('.form-group').addClass('has-error'); // set error class to the control group
|
||||
},
|
||||
|
||||
success: function (label) {
|
||||
label.closest('.form-group').removeClass('has-error');
|
||||
label.remove();
|
||||
},
|
||||
|
||||
errorPlacement: function (error, element) {
|
||||
if (element.attr("name") == "tnc") { // insert checkbox errors after the container
|
||||
error.insertAfter($('#register_tnc_error'));
|
||||
} else if (element.closest('.input-icon').size() === 1) {
|
||||
error.insertAfter(element.closest('.input-icon'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
|
||||
$('.register-form input').keypress(function (e) {
|
||||
if (e.which == 13) {
|
||||
if ($('.register-form').validate().form()) {
|
||||
$('.register-form').submit();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
jQuery('#register-btn').click(function () {
|
||||
jQuery('.login-form').hide();
|
||||
jQuery('.register-form').show();
|
||||
});
|
||||
|
||||
jQuery('#register-back-btn').click(function () {
|
||||
jQuery('.login-form').show();
|
||||
jQuery('.register-form').hide();
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
|
||||
handleLogin();
|
||||
handleForgetPassword();
|
||||
handleRegister();
|
||||
|
||||
$.backstretch([
|
||||
"../../assets/admin/pages/media/bg/1.jpg",
|
||||
"../../assets/admin/pages/media/bg/2.jpg",
|
||||
"../../assets/admin/pages/media/bg/3.jpg",
|
||||
"../../assets/admin/pages/media/bg/4.jpg"
|
||||
], {
|
||||
fade: 1000,
|
||||
duration: 8000
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
Reference in New Issue
Block a user