Use better method for displaying messages

This commit is contained in:
James Wang 2016-01-02 13:20:12 -05:00
parent c38948121a
commit 16733cc00a
6 changed files with 75 additions and 49 deletions

11
web/js/admin/problem.js Normal file
View file

@ -0,0 +1,11 @@
function add_problem(name, category, description, hint, flag, value) {
$.post("/api/problem/add", {
name: name,
category: category,
hint: hint,
flag: flag,
value: value
}, function(data) {
})
}

View file

@ -49,3 +49,12 @@ app.config(function($routeProvider, $locationProvider) {
app.controller("mainController", function($scope) {
});
function display_message(containerId, alertType, message, callback) {
$("#" + containerId).html('<div class="alert alert-' + alertType + '">' + message + '</div>');
$("#" + containerId).hide().slideDown("fast", "swing", function() {
window.setTimeout(function () {
$("#" + containerId).slideUp("fast", "swing", callback);
});
}, 2000);
}

View file

@ -4,13 +4,16 @@ $("#login-form").on("submit", function(e) {
});
function login(email, password) {
$("#login").attr("disabled", "disabled");
$.post("/api/user/login", {
email: email,
password: password
}, function(data) {
$("#status").text(data.message);
if (data.success == 1) {
display_message("status", "success", "Success!", function() {$("#login").removeAttr("disabled");});
// wait then redirect or whatever
} else {
display_message("status", "warning", data.message, function() {$("#login").removeAttr("disabled");});
}
});
}

View file

@ -4,6 +4,7 @@ $("#registration-form").on("submit", function(e) {
});
function register(name, username, password, password_confirm, email, captcha_response) {
$("#register").attr("disabled", "disabled");
$.post("/api/user/register", {
name: name,
username: username,
@ -14,8 +15,10 @@ function register(name, username, password, password_confirm, email, captcha_res
}, function(data) {
$("#status").text(data.message);
if (data.success == 1) {
display_message("status", "success", "Success!", function() {$("#register").removeAttr("disabled")});
// wait then redirect or whatever
} else {
display_message("status", "warning", data.message, function() {$("#register").removeAttr("disabled")});
grecaptcha.reset();
}
});

View file

@ -4,7 +4,7 @@
<form id="login-form">
<input type="text" class="form-control" placeholder="Email" id="email">
<input type="password" id="password" name="password" placeholder="Password" class="form-control">
<input type="submit" class="btn btn-lg btn-success" value="Login">
<input id="login" type="submit" class="btn btn-lg btn-success" value="Login">
</form>
</div>
<div id="status"></div>

View file

@ -51,14 +51,14 @@
<br>
</div>
<div id="status"></div>
<label>I have read and I agree to <a href="/rules" target="_blank">EasyCTF Rules</a>.</label>
<br>
<br>
<input class="style2" type="checkbox" class="form-control" value="didRead">
<br>
<input class="style3" type="submit" class="btn btn-lg btn-success" value="Register">
<input id="register" class="style3" type="submit" class="btn btn-lg btn-success" value="Register">
</div>
</form>
<div id="status"></div>
</div>
</div>