"Base"

static/scripts/participate.js

@@ -17,3 +17,23 @@ function register() {
   }
   return true;
 }
+
+function update_account() {
+  var password = document.getElementById('password').value;
+  var confirm = document.getElementById('confirm').value;
+  if (password != confirm){
+    alert("Confirmation mot de passe incohérente");
+    return false;
+  }
+  if (password.length > 0 && password.length < 8){
+    alert("Le mot de passe doit avoir une longueur d'au moins 8 caractères");
+    return false;
+  }
+  return true;
+}
+
+function delete_account(id) {
+  if (confirm("La suppression d'un compte est définitive.\n\nConfirmer ?")) {
+    document.location='/account/delete/'+id;
+  }
+}

static/styles/tetawebapp.css

@@ -370,7 +370,7 @@ input.upload {
 }
 
 form {
-  width: 350px;
+  width: 400px;
   text-align: center;
   line-height: 40px;
 }
@@ -382,3 +382,49 @@ form > label {
 form > input[type='text'], form > input[type='password'] {
   float: right;
 }
+
+div.table_header {
+  background-color: var(--coloured-bg);
+  text-align: left;
+  width: 910px;
+}
+
+div.table_row {
+  text-align: left;
+  width: 910px;
+}
+
+div.table_header > div, div.table_row > div {
+  display: inline-block;
+  text-align: center;
+  font-weight: bold;
+  width: 200px;
+}
+
+div.table_row > div {
+  border-color: var(--coloured-bg);
+  border-width: 1px;
+  font-weight: normal;
+}
+
+div.even {
+  background-color: var(--light-coloured-bg);
+  border-color: var(--coloured-bg);
+  border-width: 1px;
+  border-style: none none solid none;
+}
+
+div.odd {
+  background-color: var(--white);
+  border-color: var(--coloured-bg);
+  border-width: 1px;
+  border-style: none none solid none;
+}
+
+div.table_row > div.border_left {
+  border-style: none none none solid;
+}
+
+div.table_row > div.border_right {
+  border-style: none solid none none;
+}