AINDUSTRIES/vote-rllhc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: AINDUSTRIES:28b2411ceb62c4cc3dd27bda6a806face9e1efc8
Branches Tags
AINDUSTRIES:main AINDUSTRIES:dev-auth
...
compare: AINDUSTRIES:main
Branches Tags
AINDUSTRIES:main AINDUSTRIES:dev-auth

18 Commits
28b2411ceb ... main

Author SHA1 Message Date
AINDUSTRIES
e48dd25165 admin panel change into subsequent pages 2024-10-23 15:39:30 +02:00
AINDUSTRIES
344ebd6010 Results page back button + typo fix when only one vote. 2024-10-19 12:33:23 +02:00
AINDUSTRIES
3e5d185da1 Update static/js/admin.js 2024-10-08 13:31:34 +02:00
AINDUSTRIES
c68ce239f9 Admin panel sized textareas 2024-10-08 13:29:16 +02:00
AINDUSTRIES
b54e611f5f Admin panel sized textareas 2024-10-08 13:27:00 +02:00
AINDUSTRIES
3956dad0ec Changed from input to textarea with proper \n support for votes. 2024-10-05 17:42:07 +02:00
AINDUSTRIES
09b1f80582 Proper line breaks when seing votes 2024-10-05 17:12:51 +02:00
AINDUSTRIES
224457b8b6 Register scroll + fix of horizontal alignment 2024-10-05 17:05:29 +02:00
AINDUSTRIES
dcc01d2a99 Register scroll 2024-10-05 16:58:34 +02:00
AINDUSTRIES
bd57db2b8c Ability to show password when logging in or registering 2024-10-05 16:42:42 +02:00
AINDUSTRIES
74c3a611a4 Merge pull request 'Merge of dev-auth' (#1) from dev-auth into main 
Reviewed-on: #1
 2024-10-05 15:58:44 +02:00
AINDUSTRIES
cbaf52256d Remove unused import 2024-10-05 15:52:59 +02:00
AINDUSTRIES
8a7c321044 Fixed bug related to new Vote struct, id and submit date can be None 
(useful for posting new votes, ie without id and submit date)
 2024-10-05 15:09:51 +02:00
AINDUSTRIES
98dbcd11f1 Added submit date to votes 2024-10-05 15:08:41 +02:00
AINDUSTRIES
c07a304562 Votes div remains to have date displayed per vote 2024-10-04 22:49:51 +02:00
AINDUSTRIES
92c067c9ed small fixes (if player not exsits show ?) 2024-10-04 22:49:00 +02:00
AINDUSTRIES
164184e5e9 user can add player while voting 2024-10-04 21:00:53 +02:00
AINDUSTRIES
9c8e8beaa6 user can add player while voting 2024-10-04 21:00:43 +02:00
20 changed files with 480 additions and 159 deletions
Expand all files Collapse all files

5
routes.json
View File

@@ -7,5 +7,8 @@
"/register": {"file": "static/html/register.html", "permission": 0}, "/register": {"file": "static/html/register.html", "permission": 0},
"/logout": {"file": "static/html/logout.html", "permission": 0}, "/logout": {"file": "static/html/logout.html", "permission": 0},
"/unauthorised": {"file": "static/html/unauthorised.html", "permission": 0}, "/unauthorised": {"file": "static/html/unauthorised.html", "permission": 0},
"/admin" : {"file": "static/html/admin.html", "permission": 3} "/admin" : {"file": "static/html/admin.html", "permission": 3},
"/admin/votes" : {"file": "static/html/admin_votes.html", "permission": 3},
"/admin/players" : {"file": "static/html/admin_players.html", "permission": 3},
"/admin/users" : {"file": "static/html/admin_users.html", "permission": 3}
} }

182
src/main.rs
View File

@@ -3,7 +3,7 @@ use argon2::{
Argon2, Argon2,
}; };
use bytes::{Buf, Bytes}; use bytes::{Buf, Bytes};
use chrono::{DateTime, Days, Utc}; use chrono::{DateTime, Days, NaiveTime, Utc};
#[cfg(target_os = "linux")] #[cfg(target_os = "linux")]
use daemonize::Daemonize; use daemonize::Daemonize;
use http_body_util::{BodyExt, Full}; use http_body_util::{BodyExt, Full};
@@ -66,8 +66,10 @@ struct Player {
name: String, name: String,
} }
#[derive(Serialize, Deserialize)] #[derive(Serialize, Deserialize, Debug)]
struct Vote { struct Vote {
id: Option<i64>,
submit_date: Option<String>,
plus_player_id: i64, plus_player_id: i64,
plus_nickname: String, plus_nickname: String,
plus_reason: String, plus_reason: String,
@@ -99,9 +101,9 @@ async fn service(
req: Request<Incoming>, req: Request<Incoming>,
db: Arc<Mutex<SqlitePool>>, db: Arc<Mutex<SqlitePool>>,
) -> Result<Response<Body>, Error> { ) -> Result<Response<Body>, Error> {
match req.method() { match *req.method() {
&Method::GET => get(req, db).await, Method::GET => get(req, db).await,
&Method::POST => post(req, db).await, Method::POST => post(req, db).await,
_ => Ok(Response::builder() _ => Ok(Response::builder()
.status(StatusCode::IM_A_TEAPOT) .status(StatusCode::IM_A_TEAPOT)
.body(Body::Empty) .body(Body::Empty)
@@ -223,17 +225,13 @@ async fn get_data(
let mut plus_results: HashMap<i64, i64> = HashMap::new(); let mut plus_results: HashMap<i64, i64> = HashMap::new();
let mut minus_results: HashMap<i64, i64> = HashMap::new(); let mut minus_results: HashMap<i64, i64> = HashMap::new();
let _ = ids.iter().for_each(|x| { ids.iter().for_each(|x| {
let plus_id = x.0; let plus_id = x.0;
if !plus_results.contains_key(&plus_id) { plus_results.entry(plus_id).or_insert(0);
plus_results.insert(plus_id, 0);
}
*plus_results.get_mut(&plus_id).unwrap() += 1; *plus_results.get_mut(&plus_id).unwrap() += 1;
let minus_id = x.1; let minus_id = x.1;
if !minus_results.contains_key(&minus_id) { minus_results.entry(minus_id).or_insert(0);
minus_results.insert(minus_id, 0);
}
*minus_results.get_mut(&minus_id).unwrap() += 1; *minus_results.get_mut(&minus_id).unwrap() += 1;
}); });
@@ -259,11 +257,10 @@ async fn get_votes(req: &Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Vec<V
let date = match headers.get("Date-to-fetch") { let date = match headers.get("Date-to-fetch") {
Some(date) => { Some(date) => {
let date = date.to_str().unwrap(); let date = date.to_str().unwrap();
let parsed_date = date.parse::<i64>(); if let Ok(parsed_date) = date.parse::<i64>() {
if parsed_date.is_err() { DateTime::from_timestamp_millis(parsed_date)
None
} else { } else {
DateTime::from_timestamp_millis(parsed_date.unwrap()) None
} }
} }
None => Some(DateTime::from(SystemTime::now())), None => Some(DateTime::from(SystemTime::now())),
@@ -272,24 +269,14 @@ async fn get_votes(req: &Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Vec<V
return Vec::new(); return Vec::new();
} }
let formatted_date = format!("{}", date.unwrap().format("%d/%m/%Y")); let formatted_date = format!("{}", date.unwrap().format("%d/%m/%Y"));
let items = sqlx::query!( sqlx::query_as!(
Vote,
r#"SELECT * FROM votes WHERE submit_date = ?1 ORDER BY id"#, r#"SELECT * FROM votes WHERE submit_date = ?1 ORDER BY id"#,
formatted_date formatted_date
) )
.fetch_all(&pool) .fetch_all(&pool)
.await .await
.unwrap(); .unwrap()
items
.iter()
.map(|x| Vote {
plus_player_id: x.plus_player_id,
plus_nickname: x.plus_nickname.clone(),
plus_reason: x.plus_reason.clone(),
minus_player_id: x.minus_player_id,
minus_nickname: x.minus_nickname.clone(),
minus_reason: x.minus_reason.clone(),
})
.collect()
} }
async fn get_admin( async fn get_admin(
@@ -299,11 +286,12 @@ async fn get_admin(
) -> Result<Response<Body>, Error> { ) -> Result<Response<Body>, Error> {
let authorised = is_authorised(req, db.clone(), 3).await; let authorised = is_authorised(req, db.clone(), 3).await;
if !authorised { if !authorised {
return get_page(&req, "/unauthorised", db).await; return get_page(req, "/unauthorised", db).await;
} }
match path { if path.starts_with("/admin/data") {
"/admin" => get_page(req, path, db).await, let path = path.strip_prefix("/admin/data").unwrap();
"/admin/users" => { match path {
"/users" => {
let pool = db.clone().lock().unwrap().clone(); let pool = db.clone().lock().unwrap().clone();
let users = sqlx::query!(r#"SELECT id, username, permissions FROM users"#) let users = sqlx::query!(r#"SELECT id, username, permissions FROM users"#)
.fetch_all(&pool) .fetch_all(&pool)
@@ -316,24 +304,28 @@ async fn get_admin(
let stringed = serde_json::to_string(&users).unwrap_or("".to_string()); let stringed = serde_json::to_string(&users).unwrap_or("".to_string());
Ok(Response::builder().body(Body::new(stringed)).unwrap()) Ok(Response::builder().body(Body::new(stringed)).unwrap())
} }
"/admin/players" => { "/players" => {
let pool = db.clone().lock().unwrap().clone(); let pool = db.clone().lock().unwrap().clone();
let players = sqlx::query!(r#"SELECT id, name FROM players"#) let players = sqlx::query_as!(Player, r#"SELECT id, name FROM players"#)
.fetch_all(&pool) .fetch_all(&pool)
.await .await
.unwrap(); .unwrap();
let players: Vec<Player> = players
.iter()
.map(|x| Player {
id: x.id,
name: x.name.clone(),
})
.collect();
let stringed = serde_json::to_string(&players).unwrap_or("".to_string()); let stringed = serde_json::to_string(&players).unwrap_or("".to_string());
Ok(Response::builder().body(Body::new(stringed)).unwrap()) Ok(Response::builder().body(Body::new(stringed)).unwrap())
} }
"/votes" => {
let pool = db.clone().lock().unwrap().clone();
let votes = sqlx::query_as!(Vote, r#"SELECT * FROM votes"#)
.fetch_all(&pool)
.await
.unwrap();
let stringed = serde_json::to_string(&votes).unwrap_or("".to_string());
Ok(Response::builder().body(Body::new(stringed)).unwrap())
}
_ => not_found().await, _ => not_found().await,
} }}
else if path.starts_with("/admin") {get_page(req, path, db).await}
else {not_found().await}
} }
async fn post(req: Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Result<Response<Body>, Error> { async fn post(req: Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Result<Response<Body>, Error> {
@@ -379,10 +371,27 @@ async fn post_vote(
.body(Body::Empty) .body(Body::Empty)
.unwrap()); .unwrap());
} }
ok().await let date: DateTime<Utc> = DateTime::from(SystemTime::now());
let date = date.checked_add_days(Days::new(1)).unwrap();
let date = date
.with_time(NaiveTime::from_hms_opt(0, 0, 0).unwrap())
.unwrap();
Ok(Response::builder()
.header(
SET_COOKIE,
format!(
"hasvoted=true; Expires={}; Secure; SameSite=Strict",
date.to_rfc2822()
),
)
.body(Body::Empty)
.unwrap())
} }
async fn post_player(req: Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Result<Response<Body>, Error> { async fn post_player(
req: Request<Incoming>,
db: Arc<Mutex<SqlitePool>>,
) -> Result<Response<Body>, Error> {
let data = req_json::<Value>(req).await; let data = req_json::<Value>(req).await;
if data.is_none() { if data.is_none() {
return bad_request().await; return bad_request().await;
@@ -391,14 +400,37 @@ async fn post_player(req: Request<Incoming>, db: Arc<Mutex<SqlitePool>>) -> Resu
let name = data.get("name").unwrap().as_str().unwrap(); let name = data.get("name").unwrap().as_str().unwrap();
let pool = db.clone().lock().unwrap().clone(); let pool = db.clone().lock().unwrap().clone();
let mut conn = pool.acquire().await.unwrap(); let mut conn = pool.acquire().await.unwrap();
let r = sqlx::query!(r#"INSERT INTO players (name) VALUES (?1)"#, data).execute(&mut *conn).await; if let Ok(Some(player)) = sqlx::query!(r#"SELECT * FROM players WHERE name = ?1"#, name)
.fetch_optional(&pool)
.await
{
let player = Player {
id: player.id,
name: player.name,
};
return Ok(Response::builder()
.body(Body::new(serde_json::to_string(&player).unwrap()))
.unwrap());
}
let r = sqlx::query!(
r#"INSERT INTO players (name) VALUES (?1) RETURNING id"#,
name
)
.fetch_one(&mut *conn)
.await;
if r.is_err() { if r.is_err() {
return Ok(Response::builder() return Ok(Response::builder()
.status(StatusCode::INTERNAL_SERVER_ERROR) .status(StatusCode::INTERNAL_SERVER_ERROR)
.body(Body::Empty) .body(Body::Empty)
.unwrap()); .unwrap());
} }
ok().await let player = Player {
id: r.unwrap().id,
name: name.to_string(),
};
Ok(Response::builder()
.body(Body::new(serde_json::to_string(&player).unwrap()))
.unwrap())
} }
async fn post_admin( async fn post_admin(
@@ -499,6 +531,53 @@ async fn post_admin(
} }
_ => bad_request().await, _ => bad_request().await,
}, },
"/admin/edit/vote" => match req_json::<Vote>(req).await {
Some(vote) => {
if vote.id.is_none() || vote.submit_date.is_none() {
return bad_request().await;
}
let pool = db.clone().lock().unwrap().clone();
let _ = sqlx::query!(
r#"UPDATE votes
SET submit_date = ?1,
plus_player_id = ?2,
plus_nickname = ?3,
plus_reason = ?4,
minus_player_id = ?5,
minus_nickname = ?6,
minus_reason = ?7
WHERE id = ?8"#,
vote.submit_date,
vote.plus_player_id,
vote.plus_nickname,
vote.plus_reason,
vote.minus_player_id,
vote.minus_nickname,
vote.minus_reason,
vote.id
)
.execute(&pool)
.await;
ok().await
}
_ => bad_request().await,
},
"/admin/delete/vote" => match req_json::<Value>(req).await {
Some(Value::Object(vote)) => {
let id = vote.get("id");
if id.is_none() {
return bad_request().await;
}
let pool = db.clone().lock().unwrap().clone();
let mut conn = pool.acquire().await.unwrap();
let id = id.unwrap().as_i64().unwrap();
let _ = sqlx::query!(r#"DELETE FROM votes WHERE id = ?1"#, id)
.execute(&mut *conn)
.await;
ok().await
}
_ => bad_request().await,
},
_ => bad_request().await, _ => bad_request().await,
} }
} }
@@ -658,14 +737,11 @@ async fn is_authorised(req: &Request<Incoming>, db: Arc<Mutex<SqlitePool>>, leve
let perm = user.permissions as u8; let perm = user.permissions as u8;
perm >= level perm >= level
} }
_ => match level { _ => matches!(level, 0),
0 => true,
_ => false,
},
} }
} }
fn check_username(username: &String) -> bool { fn check_username(username: &str) -> bool {
if username.len() > 21 { if username.len() > 21 {
return false; return false;
} }
@@ -677,7 +753,7 @@ fn check_username(username: &String) -> bool {
true true
} }
fn check_password(password: &String) -> bool { fn check_password(password: &str) -> bool {
// one symbol, 10 chars min, one capital letter, one number // one symbol, 10 chars min, one capital letter, one number
if password.len() < 10 { if password.len() < 10 {
return false; return false;

11
static/css/login.css
View File

@@ -26,6 +26,8 @@ body {
} }
.app { .app {
overflow-y: scroll;
overflow-x: hidden;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@@ -34,8 +36,10 @@ body {
border-radius: 12px; border-radius: 12px;
width: calc(100dvw - 40px); width: calc(100dvw - 40px);
max-width: 500px; max-width: 500px;
max-height: calc(100dvh - 100px);
height: fit-content; height: fit-content;
padding: 10px; padding: 10px;
margin-top: 35px;
} }
.app > h1 { .app > h1 {
@@ -84,4 +88,9 @@ body {
display: flow; display: flow;
text-align: center; text-align: center;
color: white; color: white;
} }
.inline {
width: fit-content;
color: white;
}

2
static/css/register.css
View File

@@ -4,4 +4,4 @@
.ok { .ok {
color: green; color: green;
} }

1
static/css/results.css
View File

@@ -35,6 +35,7 @@ body {
.app > p { .app > p {
color: white; color: white;
line-break: strict; line-break: strict;
white-space: pre-line;
} }
.app > h1 { .app > h1 {

23
static/html/admin.html
View File

@@ -6,19 +6,22 @@
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="/" target="_top"> <base href="/" target="_top">
<script src="static/js/admin.js" defer="defer"></script>
<title>Administration</title> <title>Administration</title>
<style>
a {
margin: 2px;
padding: 10px;
border: 1px solid black;
width: min-content;
}
</style>
</head> </head>
<body> <body>
<div> <h1>Admin Panel</h1>
<h1>Users</h1> <div style="display:flex; flex-flow: column;">
<p>id, username, permission</p> <a href="admin/votes">Votes</a>
<div id="users"></div> <a href="admin/players">Players</a>
</div> <a href="admin/users">Users</a>
<div>
<h1>Players</h1>
<p>id, name</p>
<div id="players"></div>
</div> </div>
</body> </body>
</html> </html>

19
static/html/admin_players.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="/" target="_top">
<script src="static/js/admin_players.js" defer="defer"></script>
<title>Admin - Players</title>
</head>
<body>
<div>
<h1>Players</h1>
<p>id, name</p>
<div id="players"></div>
</div>
</body>
</html>

19
static/html/admin_users.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="/" target="_top">
<script src="static/js/admin_users.js" defer="defer"></script>
<title>Admin - Users</title>
</head>
<body>
<div>
<h1>Users</h1>
<p>id, username, permission</p>
<div id="users"></div>
</div>
</body>
</html>

20
static/html/admin_votes.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="/" target="_top">
<script src="static/js/admin_votes.js" defer="defer"></script>
<title>Admin - Votes</title>
</head>
<body>
<div>
<h1>Votes</h1>
<h3 id="votes_number"></h3>
<p>id, submit_date, plus_id, plus_nickname, plus_reason, minus_id, minus_nickname, minus_reason</p>
<div id="votes"></div>
</div>
</body>
</html>

4
static/html/index.html
View File

@@ -11,11 +11,12 @@
<link rel="stylesheet" href="static/css/index.css"> <link rel="stylesheet" href="static/css/index.css">
</head> </head>
<body> <body>
<a href="/login" class="login" id="login">Se connecter</a>
<div id="app" class="app"> <div id="app" class="app">
<h1 id="app_title">Vote +</h1> <h1 id="app_title">Vote +</h1>
<label for="player_id">Pour qui votes tu?</label> <label for="player_id">Pour qui votes tu?</label>
<select id="player_id"></select> <select id="player_id"></select>
<label id="other_label" for="other" hidden="hidden">Autre:</label>
<input id="other" hidden="hidden">
<label for="nickname">As-tu un surnom à lui donner?</label> <label for="nickname">As-tu un surnom à lui donner?</label>
<input type="text" id="nickname"> <input type="text" id="nickname">
<label for="reason">Pourquoi votes-tu pour lui?</label> <label for="reason">Pourquoi votes-tu pour lui?</label>
@@ -35,5 +36,6 @@
<a href="/results">Résultats</a> <a href="/results">Résultats</a>
<a href="/archives">Archives</a> <a href="/archives">Archives</a>
</div> </div>
<a href="/login" class="login" id="login">Se connecter</a>
</body> </body>
</html> </html>

4
static/html/login.html
View File

@@ -23,6 +23,10 @@
<br> <br>
<input id="password" type="password"> <input id="password" type="password">
<br> <br>
<div>
<label class="inline" for="showPassword">Montrer le mot de passe?</label>
<input id="showPassword" type="checkbox">
</div>
<button id="connect">Se connecter</button> <button id="connect">Se connecter</button>
</div> </div>
<p>Tu n'as pas de compte?</p> <p>Tu n'as pas de compte?</p>

9
static/html/register.html
View File

@@ -24,6 +24,11 @@
<label for="password">Mot de passe:</label> <label for="password">Mot de passe:</label>
<br> <br>
<input id="password" type="password"> <input id="password" type="password">
<br>
<div>
<label class="inline" for="showPassword">Montrer le mot de passe?</label>
<input id="showPassword" type="checkbox">
</div>
<p class="error" id="passwordNotice">Le mot de passe doit contenir plus de 8 caractères et doit contenir au minimum: <p class="error" id="passwordNotice">Le mot de passe doit contenir plus de 8 caractères et doit contenir au minimum:
<br> <br>
1 Majuscule 1 Majuscule
@@ -37,6 +42,10 @@
<label for="passwordConfirm">Confirmer le mot de passe:</label> <label for="passwordConfirm">Confirmer le mot de passe:</label>
<br> <br>
<input id="passwordConfirm" type="password"> <input id="passwordConfirm" type="password">
<div>
<label class="inline" for="showConfirmPassword">Montrer le mot de passe?</label>
<input id="showConfirmPassword" type="checkbox">
</div>
<p class="error" id="passwordConfirmNotice">Les mots de passe doivent être les mêmes.</p> <p class="error" id="passwordConfirmNotice">Les mots de passe doivent être les mêmes.</p>
<button id="register">Créer un compte.</button> <button id="register">Créer un compte.</button>
</div> </div>

72
static/js/admin.js
View File

@@ -1,72 +0,0 @@
async function run() {
let users = await fetch("/admin/users").then(r => r.json());
let usersDiv = document.getElementById("users");
for (let i = 0; i < users.length; i++) {
let item = document.createElement("div");
let id = document.createElement("p");
let username = document.createElement("input");
let permissions = document.createElement("input");
let edit = document.createElement("button");
let del = document.createElement("button");
edit.textContent = "Edit";
del.textContent = "Delete";
id.textContent = users[i][0];
username.value = users[i][1];
permissions.value = users[i][2];
item.style.display = "flex";
item.append(id, username, permissions, edit, del);
usersDiv.appendChild(item);
edit.addEventListener("click", async () => {
await fetch("/admin/edit/user", {method: "POST", body: JSON.stringify({"id": users[i][0], "username": username.value, "permissions": parseInt(permissions.value)})});
window.location.reload();
})
del.addEventListener("click", async () => {
await fetch("/admin/delete/user", {method:"POST", body: JSON.stringify({"id": users[i][0]})});
window.location.reload();
})
}
let players = await fetch("/admin/players").then(r => r.json());
let playersDiv = document.getElementById("players");
for (let i=0; i<players.length; i++) {
let item = document.createElement("div");
let id = document.createElement("p");
let name = document.createElement("input");
let edit = document.createElement("button");
let del = document.createElement("button");
edit.textContent = "Edit";
del.textContent = "Delete";
id.textContent = players[i]["id"];
name.value = players[i]["name"];
item.style.display = "flex";
item.append(id, name, edit, del);
playersDiv.appendChild(item);
edit.addEventListener("click", async () => {
await fetch("/admin/edit/player", {method: "POST", body: JSON.stringify({"id": players[i]["id"], "name": name.value})});
window.location.reload();
})
del.addEventListener("click", async () => {
await fetch("/admin/delete/player", {method:"POST", body: JSON.stringify({"id": players[i]["id"]})});
window.location.reload();
})
}
let newPlayer = document.createElement("button");
newPlayer.textContent = "Add Player";
newPlayer.addEventListener("click", () => {
let item = document.createElement("div");
let name = document.createElement("input");
let save = document.createElement("button");
save.textContent = "Save";
item.append(name, save);
playersDiv.appendChild(item);
save.addEventListener("click", async () => {
await fetch("/admin/new/player", {method:"POST", body: JSON.stringify({"name": name.value})})
window.location.reload();
})
})
playersDiv.parentNode.append(newPlayer);
}
let _ = run();

43
static/js/admin_players.js Normal file
View File

@@ -0,0 +1,43 @@
async function run() {let players = await fetch("/admin/data/players").then(r => r.json());
let playersDiv = document.getElementById("players");
for (let i = 0; i < players.length; i++) {
let item = document.createElement("div");
let id = document.createElement("p");
let name = document.createElement("input");
let edit = document.createElement("button");
let del = document.createElement("button");
edit.textContent = "Edit";
del.textContent = "Delete";
id.textContent = players[i]["id"];
name.value = players[i]["name"];
item.style.display = "flex";
item.append(id, name, edit, del);
playersDiv.appendChild(item);
edit.addEventListener("click", async () => {
await fetch("/admin/edit/player", { method: "POST", body: JSON.stringify({ "id": players[i]["id"], "name": name.value }) });
window.location.reload();
})
del.addEventListener("click", async () => {
if (confirm("Delete item?")) {
await fetch("/admin/delete/player", { method: "POST", body: JSON.stringify({ "id": players[i]["id"] }) });
window.location.reload();}
})
}
let newPlayer = document.createElement("button");
newPlayer.textContent = "Add Player";
newPlayer.addEventListener("click", () => {
let item = document.createElement("div");
let name = document.createElement("input");
let save = document.createElement("button");
save.textContent = "Save";
item.append(name, save);
playersDiv.appendChild(item);
save.addEventListener("click", async () => {
await fetch("/admin/new/player", { method: "POST", body: JSON.stringify({ "name": name.value }) })
window.location.reload();
})
})
playersDiv.parentNode.append(newPlayer);
}
let _ = run();

32
static/js/admin_users.js Normal file
View File

@@ -0,0 +1,32 @@
async function run() {
let users = await fetch("/admin/data/users").then(r => r.json());
let usersDiv = document.getElementById("users");
for (let i = 0; i < users.length; i++) {
let item = document.createElement("div");
let id = document.createElement("p");
let username = document.createElement("input");
let permissions = document.createElement("input");
let edit = document.createElement("button");
let del = document.createElement("button");
edit.textContent = "Edit";
del.textContent = "Delete";
id.textContent = users[i][0];
username.value = users[i][1];
permissions.value = users[i][2];
item.style.display = "flex";
item.append(id, username, permissions, edit, del);
usersDiv.appendChild(item);
edit.addEventListener("click", async () => {
await fetch("/admin/edit/user", { method: "POST", body: JSON.stringify({ "id": users[i][0], "username": username.value, "permissions": parseInt(permissions.value) }) });
window.location.reload();
})
del.addEventListener("click", async () => {
if (confirm("Delete item?")) {
await fetch("/admin/delete/user", { method: "POST", body: JSON.stringify({ "id": users[i][0] }) });
window.location.reload();}
})
}
}
let _ = run();

66
static/js/admin_votes.js Normal file
View File

@@ -0,0 +1,66 @@
async function run() {
let votes = await fetch("/admin/data/votes").then(r => r.json());
let today = document.getElementById("votes_number");
let count = await fetch("/data/votes").then(r => r.json());
today.textContent = `Aujourd'hui il y a ${count.length} votes`;
let votesDiv = document.getElementById("votes");
for (let i = 0; i < votes.length; i++) {
let vote = votes[i];
let item = document.createElement("div");
item.style.display = "flex";
let id = document.createElement("p");
id.textContent = vote["id"];
let submit_date = document.createElement("input");
submit_date.value = vote["submit_date"];
let plus_id = document.createElement("input");
plus_id.type = "number";
plus_id.value = vote["plus_player_id"];
let plus_nickname = document.createElement("input");
plus_nickname.value = vote["plus_nickname"];
let plus_reason = document.createElement("textarea");
plus_reason.value = vote["plus_reason"];
plus_reason.style.width = "500px";
plus_reason.style.height = "100px";
plus_reason.style.whiteSpace = "pre-line";
let minus_id = document.createElement("input");
minus_id.type = "number";
minus_id.value = vote["minus_player_id"];
let minus_nickname = document.createElement("input");
minus_nickname.value = vote["minus_nickname"];
let minus_reason = document.createElement("textarea");
minus_reason.value = vote["minus_reason"];
minus_reason.style.whiteSpace = "pre-line";
minus_reason.style.width = "500px";
minus_reason.style.height = "100px";
let edit = document.createElement("button");
edit.textContent = "Edit";
let del = document.createElement("button");
del.textContent = "Delete";
item.append(id, submit_date, plus_id, plus_nickname, plus_reason, minus_id, minus_nickname, minus_reason, edit, del);
votesDiv.append(item);
edit.addEventListener("click", async () => {
await fetch("/admin/edit/vote", {
method: "POST", body: JSON.stringify({
"id": votes[i]["id"],
"submit_date": submit_date.value,
"plus_player_id": parseInt(plus_id.value),
"plus_nickname": plus_nickname.value,
"plus_reason": plus_reason.value,
"minus_player_id": parseInt(minus_id.value),
"minus_nickname": minus_nickname.value,
"minus_reason": minus_reason.value
})
});
window.location.reload();
})
del.addEventListener("click", async () => {
if (confirm("Delete item?")) {
await fetch("/admin/delete/vote", { method: "POST", body: JSON.stringify({ "id": votes[i]["id"] }) });
window.location.reload();
}
})
}
}
let _ = run();

61
static/js/index.js
View File

@@ -1,4 +1,5 @@
let vote = { let vote = {
submit_date: null,
plus_player_id: null, plus_player_id: null,
plus_nickname: "", plus_nickname: "",
plus_reason: "", plus_reason: "",
@@ -11,7 +12,7 @@ let current_page = 0;
async function main() { async function main() {
if (read_cookie()) { if (read_cookie()) {
showMessage("Merci pour ton vote!", "Ton vote a bien été prit en compte.", false, "info"); showMessage("Merci pour ton vote!", "Ton vote a bien été pris en compte.", false, "info");
return; return;
} }
let players = await fetch("/data/players").then(r => r.json()); let players = await fetch("/data/players").then(r => r.json());
@@ -24,10 +25,25 @@ async function main() {
option.textContent = x["name"]; option.textContent = x["name"];
select.append(option); select.append(option);
}) })
let other = document.createElement("option");
other.value = "other";
other.textContent = "Autre";
select.append(other);
select.value = null; select.value = null;
nickname.value = ""; nickname.value = "";
reason.value = ""; reason.value = "";
select.addEventListener("change", () => { select.addEventListener("change", () => {
if (select.value === "other") {
let other = document.getElementById("other");
other.hidden = false;
let otherLabel = document.getElementById("other_label");
otherLabel.hidden = false;
} else {
let other = document.getElementById("other");
other.hidden = true;
let otherLabel = document.getElementById("other_label");
otherLabel.hidden = true;
}
if (current_page) { if (current_page) {
vote.minus_player_id = parseInt(select.value); vote.minus_player_id = parseInt(select.value);
} else { } else {
@@ -59,11 +75,27 @@ async function main() {
true, "warning"); true, "warning");
return; return;
} }
if (select.value === "other") {
let otherInput = document.getElementById("other");
if (otherInput.value === "") {
showMessage("Tu as sélectionné autre mais tu n'as pas donné de nom", "N'oublie pas de soit sélectioner une personne ou de mettre un nom dans ''Autre:''.", true, "warning");
return;
}
let otherInputLabel = document.getElementById("other_label");
let player = await fetch("/player", {method: "post", body: JSON.stringify({"name": otherInput.value})}).then(r => r.json());
let option = document.createElement("option");
option.value = player["id"];
option.textContent = player["name"];
select.insertBefore(option, other);
vote.minus_player_id = parseInt(player["id"]);
otherInput.value = "";
otherInput.hidden = true;
otherInputLabel.hidden = true;
}
if (await fetch("/vote", { if (await fetch("/vote", {
method: "post", body: JSON.stringify(vote) method: "post", body: JSON.stringify(vote)
}) })
.then(r => r.status) === 200) { .then(r => r.status) === 200) {
set_cookie();
showMessage("Merci pour ton vote!", "Ton vote a bien été pris en compte.", false, "info"); showMessage("Merci pour ton vote!", "Ton vote a bien été pris en compte.", false, "info");
} }
console.log(vote); console.log(vote);
@@ -76,6 +108,23 @@ async function main() {
} }
rightButton.textContent = "À voté!"; rightButton.textContent = "À voté!";
title.textContent = "Vote -"; title.textContent = "Vote -";
if (select.value === "other") {
let otherInput = document.getElementById("other");
if (otherInput.value === "") {
showMessage("Tu as sélectionné autre mais tu n'as pas donné de nom", "N'oublie pas de soit sélectioner une personne ou de mettre un nom dans ''Autre:''.", true, "warning");
return;
}
let otherInputLabel = document.getElementById("other_label");
let player = await fetch("/player", {method: "post", body: JSON.stringify({"name": otherInput.value})}).then(r => r.json());
let option = document.createElement("option");
option.value = player["id"];
option.textContent = player["name"];
select.insertBefore(option, other);
vote.plus_player_id = parseInt(player["id"]);
otherInput.value = "";
otherInput.hidden = true;
otherInputLabel.hidden = true;
}
current_page = 1; current_page = 1;
leftButton.hidden = false; leftButton.hidden = false;
select.value = vote.minus_player_id; select.value = vote.minus_player_id;
@@ -111,14 +160,6 @@ function showMessage(title, description, canBeDismissed, type) {
}) })
} }
function set_cookie() {
let date = new Date(Date.now());
date.setDate(date.getDate() + 1);
date.setHours(0, 0,0);
console.log(date);
document.cookie = `hasvoted=true; expires=${date.toUTCString()}; path=/`;
}
function read_cookie() { function read_cookie() {
return document.cookie.includes("hasvoted=true"); return document.cookie.includes("hasvoted=true");
} }

10
static/js/login.js
View File

@@ -1,6 +1,7 @@
async function login() { async function login() {
let username = document.getElementById("username").value; let username = document.getElementById("username").value;
let password = document.getElementById("password").value; let password = document.getElementById("password").value;
let code = await fetch("/login", let code = await fetch("/login",
{method: "POST", body: JSON.stringify({"username": username, "password": password})}) {method: "POST", body: JSON.stringify({"username": username, "password": password})})
.then(r => { .then(r => {
@@ -13,6 +14,15 @@ async function login() {
} }
let button = document.getElementById("connect"); let button = document.getElementById("connect");
let showPassword = document.getElementById("showPassword");
showPassword.addEventListener("click", () => {
let password = document.getElementById("password");
if (showPassword.checked) {
password.type = "text";
} else {
password.type = "password";
}
})
button.addEventListener("click", () => { button.addEventListener("click", () => {
let _ = login(); let _ = login();
}) })

20
static/js/register.js
View File

@@ -56,3 +56,23 @@ passwordConfirm.addEventListener("input", () => {
document.getElementById("passwordConfirmNotice").className = "error"; document.getElementById("passwordConfirmNotice").className = "error";
} }
}) })
let showPassword = document.getElementById("showPassword");
let showConfirmPassword = document.getElementById("showConfirmPassword");
showPassword.addEventListener("click", () => {
let password = document.getElementById("password");
if (showPassword.checked) {
password.type = "text";
} else {
password.type = "password";
}
})
showConfirmPassword.addEventListener("click", () => {
let password = document.getElementById("passwordConfirm");
if (showConfirmPassword.checked) {
password.type = "text";
} else {
password.type = "password";
}
})

36
static/js/results.js
View File

@@ -23,7 +23,7 @@ function show_plus(id, votes, players) {
const app = document.getElementById("app"); const app = document.getElementById("app");
app.innerHTML = ""; app.innerHTML = "";
let vote = votes[id]; let vote = votes[id];
let player = ""; let player = "?";
for (let i = 0; i < players.length; i++) { for (let i = 0; i < players.length; i++) {
if (players[i].id === vote["plus_player_id"]) { if (players[i].id === vote["plus_player_id"]) {
player = players[i]["name"]; player = players[i]["name"];
@@ -36,12 +36,17 @@ function show_plus(id, votes, players) {
minus.addEventListener("click", () => {show_minus(id, votes, players)}) minus.addEventListener("click", () => {show_minus(id, votes, players)})
minus.className = "right"; minus.className = "right";
let prev = document.createElement("button");
prev.textContent = "Vote précédent";
prev.addEventListener("click", () => {show_plus(id-1, votes, players)});
prev.className = "left";
const p = document.createElement("h2"); const p = document.createElement("h2");
if (nickname === "") { if (nickname === "") {
p.innerHTML = `${player}`; p.innerHTML = `${player}`;
} }
else { else {
p.innerHTML = `${nickname} (${player})` p.innerHTML = `${nickname} (${player})`;
} }
const r = document.createElement("p"); const r = document.createElement("p");
@@ -52,7 +57,10 @@ function show_plus(id, votes, players) {
const buttons = document.createElement("div"); const buttons = document.createElement("div");
buttons.className = "buttons"; buttons.className = "buttons";
buttons.append(minus) if (id-1>=0) {
buttons.append(prev);
}
buttons.append(minus);
app.append(head, p, r, buttons); app.append(head, p, r, buttons);
} }
@@ -63,7 +71,7 @@ function show_minus(id, votes, players) {
let vote = votes[id]; let vote = votes[id];
let nickname = vote["minus_nickname"]; let nickname = vote["minus_nickname"];
let reason = vote["minus_reason"]; let reason = vote["minus_reason"];
let player = ""; let player = "?";
for (let i = 0; i < players.length; i++) { for (let i = 0; i < players.length; i++) {
if (players[i].id === vote["minus_player_id"]) { if (players[i].id === vote["minus_player_id"]) {
player = players[i]["name"]; player = players[i]["name"];
@@ -84,12 +92,17 @@ function show_minus(id, votes, players) {
}) })
next.className = "right"; next.className = "right";
let prev = document.createElement("button");
prev.textContent = "Vote précédent";
prev.addEventListener("click", () => {show_plus(id-1, votes, players)});
prev.className = "left";
const p = document.createElement("h2"); const p = document.createElement("h2");
if (nickname === "") { if (nickname === "") {
p.innerHTML = `${player}`; p.innerHTML = `${player}`;
} }
else { else {
p.innerHTML = `${nickname} (${player})` p.innerHTML = `${nickname} (${player})`;
} }
const r = document.createElement("p"); const r = document.createElement("p");
@@ -100,7 +113,10 @@ function show_minus(id, votes, players) {
const buttons = document.createElement("div"); const buttons = document.createElement("div");
buttons.className = "buttons"; buttons.className = "buttons";
buttons.append(next) if (id-1>=0) {
buttons.append(prev);
}
buttons.append(next);
app.append(head, p, r, buttons); app.append(head, p, r, buttons);
} }
@@ -122,7 +138,7 @@ async function show_results(players) {
let counter = 0; let counter = 0;
for (let i = 0; i < plus.length; i++) { for (let i = 0; i < plus.length; i++) {
let p = plus[i]; let p = plus[i];
let player = ""; let player = "?";
for (let i = 0; i < players.length; i++) { for (let i = 0; i < players.length; i++) {
if (players[i].id === p[0]) { if (players[i].id === p[0]) {
player = players[i]["name"]; player = players[i]["name"];
@@ -137,7 +153,7 @@ async function show_results(players) {
app.append(place); app.append(place);
} }
const result = document.createElement("h3"); const result = document.createElement("h3");
result.textContent = `${player} avec ${p[1]} votes!`; result.textContent = `${player} avec ${p[1]} vote${p[1] > 1? 's' : ''}!`;
app.append(result); app.append(result);
} }
const sep = document.createElement("hr"); const sep = document.createElement("hr");
@@ -149,7 +165,7 @@ async function show_results(players) {
counter = 0; counter = 0;
for (let i = 0; i < minus.length; i++) { for (let i = 0; i < minus.length; i++) {
let p = minus[i]; let p = minus[i];
let player = ""; let player = "?";
for (let i = 0; i < players.length; i++) { for (let i = 0; i < players.length; i++) {
if (players[i].id === p[0]) { if (players[i].id === p[0]) {
player = players[i]["name"]; player = players[i]["name"];
@@ -164,7 +180,7 @@ async function show_results(players) {
app.append(place); app.append(place);
} }
const result = document.createElement("h3"); const result = document.createElement("h3");
result.textContent = `${player} avec ${score} votes!`; result.textContent = `${player} avec ${score} vote${score > 1 ?'s': ''}!`;
app.append(result); app.append(result);
} }
} }