Use better method for displaying messages
This commit is contained in:
parent
c38948121a
commit
16733cc00a
6 changed files with 75 additions and 49 deletions
11
web/js/admin/problem.js
Normal file
11
web/js/admin/problem.js
Normal 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) {
|
||||
|
||||
})
|
||||
}
|
|
@ -1,51 +1,60 @@
|
|||
var app = angular.module("easyctf", [ "ngRoute" ]);
|
||||
app.config(function($routeProvider, $locationProvider) {
|
||||
$routeProvider.when("/", {
|
||||
templateUrl: "pages/home.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/about", {
|
||||
templateUrl: "pages/about.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/register", {
|
||||
templateUrl: "pages/register.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/login", {
|
||||
templateUrl: "pages/login.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/chat", {
|
||||
templateUrl: "pages/chat.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/updates", {
|
||||
templateUrl: "pages/updates.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/problems", {
|
||||
templateUrl: "pages/problems.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/programming", {
|
||||
templateUrl: "pages/programming.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/shell", {
|
||||
templateUrl: "pages/shell.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/rules", {
|
||||
templateUrl: "pages/rules.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/scoreboard", {
|
||||
templateUrl: "pages/scoreboard.html",
|
||||
controller: "mainController"
|
||||
});
|
||||
$locationProvider.html5Mode(true);
|
||||
$routeProvider.when("/", {
|
||||
templateUrl: "pages/home.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/about", {
|
||||
templateUrl: "pages/about.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/register", {
|
||||
templateUrl: "pages/register.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/login", {
|
||||
templateUrl: "pages/login.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/chat", {
|
||||
templateUrl: "pages/chat.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/updates", {
|
||||
templateUrl: "pages/updates.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/problems", {
|
||||
templateUrl: "pages/problems.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/programming", {
|
||||
templateUrl: "pages/programming.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/shell", {
|
||||
templateUrl: "pages/shell.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/rules", {
|
||||
templateUrl: "pages/rules.html",
|
||||
controller: "mainController"
|
||||
})
|
||||
.when("/scoreboard", {
|
||||
templateUrl: "pages/scoreboard.html",
|
||||
controller: "mainController"
|
||||
});
|
||||
$locationProvider.html5Mode(true);
|
||||
});
|
||||
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);
|
||||
}
|
||||
|
|
|
@ -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");});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
@ -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();
|
||||
}
|
||||
});
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue