Enhance several visual things and count belote better
This commit is contained in:
parent
48d9004ec6
commit
b949982cae
@ -24,6 +24,10 @@ L'ensemble de ce dépôt est sous licence GPL v3.
|
|||||||
* Le dossier `templates` contient les template jinja2 pour le rendu web
|
* Le dossier `templates` contient les template jinja2 pour le rendu web
|
||||||
* Le dossier `static` contient les scripts, images et feuilles de style
|
* Le dossier `static` contient les scripts, images et feuilles de style
|
||||||
|
|
||||||
|
Si aucun utilisateur n'existe dans la base de donnée, un premier utilisateur
|
||||||
|
de login `admin` et de mot de passe `admin` est créé.
|
||||||
|
A vous de changer le mot de passe avant mise en ligne !
|
||||||
|
|
||||||
## Licence
|
## Licence
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
|||||||
@ -78,8 +78,8 @@ def home():
|
|||||||
|
|
||||||
@app.route('/login', methods=['GET', 'POST'])
|
@app.route('/login', methods=['GET', 'POST'])
|
||||||
def login():
|
def login():
|
||||||
if fll.current_user:
|
if fll.current_user.is_authenticated:
|
||||||
flask.redirect(URL_DEFAULT)
|
return flask.redirect(URL_DEFAULT)
|
||||||
if flask.request.method=="POST":
|
if flask.request.method=="POST":
|
||||||
username = flask.request.form['username']
|
username = flask.request.form['username']
|
||||||
password = flask.request.form['password']
|
password = flask.request.form['password']
|
||||||
@ -94,7 +94,7 @@ def login():
|
|||||||
return flask.redirect(URL_DEFAULT)
|
return flask.redirect(URL_DEFAULT)
|
||||||
else:
|
else:
|
||||||
app.logger.warning('Login fail for user {} from {}'.format(user, flask.request.remote_addr))
|
app.logger.warning('Login fail for user {} from {}'.format(user, flask.request.remote_addr))
|
||||||
flask.flash('Invalid username/password combination')
|
flask.flash('Nom d\'utilisateur ou mot de passe incorrect')
|
||||||
return flask.render_template('login.html', user=None)
|
return flask.render_template('login.html', user=None)
|
||||||
|
|
||||||
@app.route('/logout')
|
@app.route('/logout')
|
||||||
@ -417,5 +417,5 @@ def delete_game(user=None, game=None):
|
|||||||
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
if __name__ == '__main__':
|
||||||
socketio.run(app, debug=True, host='127.0.0.1', port=8080 )
|
socketio.run(app, debug=True, host='0.0.0.0', port=8080 )
|
||||||
|
|
||||||
|
|||||||
@ -147,7 +147,7 @@ class CustomNamespaceJoin(fio.Namespace):
|
|||||||
if self.game().isadmin(current_user):
|
if self.game().isadmin(current_user):
|
||||||
if 'username' is not None:
|
if 'username' is not None:
|
||||||
if self.game().leave(username):
|
if self.game().leave(username):
|
||||||
fio.emit('leave', {'username':username})
|
fio.emit('leave', {'username':username}, broadcast=True)
|
||||||
|
|
||||||
def on_fixplayers(self, data):
|
def on_fixplayers(self, data):
|
||||||
if self.game().isadmin(current_user):
|
if self.game().isadmin(current_user):
|
||||||
|
|||||||
4
db.py
4
db.py
@ -302,9 +302,9 @@ class Game(db.Model):
|
|||||||
# Chute
|
# Chute
|
||||||
if self.get_player(self.preneur).nr %2 ==0 and self.points_0 < self.points_1:
|
if self.get_player(self.preneur).nr %2 ==0 and self.points_0 < self.points_1:
|
||||||
self.points_0 = belote_0
|
self.points_0 = belote_0
|
||||||
self.points_1 = 162
|
self.points_1 = 162 + belote_1
|
||||||
if self.get_player(self.preneur).nr %2 ==1 and self.points_1 < self.points_0:
|
if self.get_player(self.preneur).nr %2 ==1 and self.points_1 < self.points_0:
|
||||||
self.points_0 = 162
|
self.points_0 = 162 + belote_0
|
||||||
self.points_1 = belote_1
|
self.points_1 = belote_1
|
||||||
|
|
||||||
# Retirer la carte du jeu !
|
# Retirer la carte du jeu !
|
||||||
|
|||||||
@ -1,73 +1,77 @@
|
|||||||
/*************************
|
/*************************
|
||||||
la Belote
|
la Belote
|
||||||
**************************/
|
**************************/
|
||||||
var go = function(url) {
|
var go = function(url) {
|
||||||
document.location.href=url;
|
document.location.href=url;
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).ready(function() {
|
var hidealert = function(id){
|
||||||
/*==============================
|
$('#'+id).hide();
|
||||||
listeners à activer à ready
|
}
|
||||||
===============================*/
|
|
||||||
|
$(document).ready(function() {
|
||||||
document.getElementById("username").addEventListener("click",function() {apparaitDisparaitMenu('username-items','username-fleche')});
|
/*==============================
|
||||||
|
listeners à activer à ready
|
||||||
var options = document.getElementById("options");
|
===============================*/
|
||||||
if(options){
|
|
||||||
options.addEventListener("click",function() {apparaitDisparaitAccordeon('options-valeur','options-fleche')});
|
document.getElementById("username").addEventListener("click",function() {apparaitDisparaitMenu('username-items','username-fleche')});
|
||||||
}
|
|
||||||
var derpli = document.getElementById("dernier-pli")
|
var options = document.getElementById("options");
|
||||||
if(derpli){
|
if(options){
|
||||||
derpli.addEventListener("click",function() {apparaitDisparaitAccordeon('dernier-pli-valeur','dernier-pli-fleche')});
|
options.addEventListener("click",function() {apparaitDisparaitAccordeon('options-valeur','options-fleche')});
|
||||||
}
|
}
|
||||||
|
var derpli = document.getElementById("dernier-pli")
|
||||||
|
if(derpli){
|
||||||
/*==============================
|
derpli.addEventListener("click",function() {apparaitDisparaitAccordeon('dernier-pli-valeur','dernier-pli-fleche')});
|
||||||
fonctions
|
}
|
||||||
===============================*/
|
|
||||||
/*
|
|
||||||
fonction apparaitDisparaitUserAttr
|
/*==============================
|
||||||
apparition/disparition d'un menu
|
fonctions
|
||||||
*/
|
===============================*/
|
||||||
function apparaitDisparaitMenu (idMenu,idFleche) {
|
/*
|
||||||
var element = document.getElementById(idMenu);
|
fonction apparaitDisparaitUserAttr
|
||||||
if(element.style.visibility == "hidden" || element.style.visibility == "") {
|
apparition/disparition d'un menu
|
||||||
document.getElementById(idMenu).style.visibility = "visible";
|
*/
|
||||||
}
|
function apparaitDisparaitMenu (idMenu,idFleche) {
|
||||||
else {
|
var element = document.getElementById(idMenu);
|
||||||
document.getElementById(idMenu).style.visibility = "hidden";
|
if(element.style.visibility == "hidden" || element.style.visibility == "") {
|
||||||
};
|
document.getElementById(idMenu).style.visibility = "visible";
|
||||||
var elementFleche = document.getElementById(idFleche);
|
}
|
||||||
var splitElement = elementFleche.src.split('/');
|
else {
|
||||||
var lastElement = splitElement[splitElement.length-1];
|
document.getElementById(idMenu).style.visibility = "hidden";
|
||||||
if(lastElement == "fleche-bas.gif") {
|
};
|
||||||
document.getElementById(idFleche).src = "/static/fleche-haut.gif";
|
var elementFleche = document.getElementById(idFleche);
|
||||||
}
|
var splitElement = elementFleche.src.split('/');
|
||||||
else {
|
var lastElement = splitElement[splitElement.length-1];
|
||||||
document.getElementById(idFleche).src = "/static/fleche-bas.gif";
|
if(lastElement == "fleche-bas.gif") {
|
||||||
}
|
document.getElementById(idFleche).src = "/static/fleche-haut.gif";
|
||||||
return(0);
|
}
|
||||||
}
|
else {
|
||||||
|
document.getElementById(idFleche).src = "/static/fleche-bas.gif";
|
||||||
function apparaitDisparaitAccordeon (idZone,idFleche) {
|
}
|
||||||
var element = document.getElementById(idZone);
|
return(0);
|
||||||
if(element.style.display == "none" || element.style.display == "") {
|
}
|
||||||
document.getElementById(idZone).style.display = "block";
|
|
||||||
}
|
function apparaitDisparaitAccordeon (idZone,idFleche) {
|
||||||
else {
|
var element = document.getElementById(idZone);
|
||||||
document.getElementById(idZone).style.display = "none";
|
if(element.style.display == "none" || element.style.display == "") {
|
||||||
};
|
document.getElementById(idZone).style.display = "block";
|
||||||
var elementFleche = document.getElementById(idFleche);
|
}
|
||||||
var splitElement = elementFleche.src.split('/');
|
else {
|
||||||
var lastElement = splitElement[splitElement.length-1];
|
document.getElementById(idZone).style.display = "none";
|
||||||
if(lastElement == "fleche-bas.gif") {
|
};
|
||||||
document.getElementById(idFleche).src = "/static/fleche-haut.gif";
|
var elementFleche = document.getElementById(idFleche);
|
||||||
}
|
var splitElement = elementFleche.src.split('/');
|
||||||
else {
|
var lastElement = splitElement[splitElement.length-1];
|
||||||
document.getElementById(idFleche).src = "/static/fleche-bas.gif";
|
if(lastElement == "fleche-bas.gif") {
|
||||||
}
|
document.getElementById(idFleche).src = "/static/fleche-haut.gif";
|
||||||
return(0);
|
}
|
||||||
}
|
else {
|
||||||
|
document.getElementById(idFleche).src = "/static/fleche-bas.gif";
|
||||||
/* fin de $(document).ready() */
|
}
|
||||||
});
|
return(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fin de $(document).ready() */
|
||||||
|
});
|
||||||
|
|||||||
@ -1,388 +1,411 @@
|
|||||||
/* =========================
|
/* =========================
|
||||||
la Belote
|
la Belote
|
||||||
========================= */
|
========================= */
|
||||||
/****************/
|
/****************/
|
||||||
/* Reset */
|
/* Reset */
|
||||||
/****************/
|
/****************/
|
||||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}
|
||||||
body{line-height:1}
|
body{line-height:1}
|
||||||
ol,ul{list-style:none}
|
ol,ul{list-style:none}
|
||||||
blockquote,q{quotes:none}
|
blockquote,q{quotes:none}
|
||||||
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
|
||||||
:focus{outline:0}
|
:focus{outline:0}
|
||||||
ins{text-decoration:none}
|
ins{text-decoration:none}
|
||||||
del{text-decoration:line-through}
|
del{text-decoration:line-through}
|
||||||
table{border-collapse:collapse;border-spacing:0}
|
table{border-collapse:collapse;border-spacing:0}
|
||||||
/****************/
|
/****************/
|
||||||
/* généralités */
|
/* généralités */
|
||||||
/****************/
|
/****************/
|
||||||
body {
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
background-color: #13995E;
|
background-color: #13995E;
|
||||||
}
|
}
|
||||||
div.clear {
|
div.clear {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
div.clearfix-head::after {
|
div.clearfix-head::after {
|
||||||
content:"";
|
content:"";
|
||||||
clear: both;
|
clear: both;
|
||||||
display: table;
|
display: table;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
div.clearfix::after{
|
div.clearfix::after{
|
||||||
content:"";
|
content:"";
|
||||||
clear: both;
|
clear: both;
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
div, p, li, a, th, td {
|
div, p, li, a, th, td {
|
||||||
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
|
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
color: #092E1E;
|
color: #092E1E;
|
||||||
}
|
}
|
||||||
/****************/
|
/****************/
|
||||||
/* conteneur */
|
/* conteneur */
|
||||||
/****************/
|
/****************/
|
||||||
#conteneur {
|
#conteneur {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
width: 1200px;
|
width: 1200px;
|
||||||
/* border: 1px solid #092E1E; */
|
/* border: 1px solid #092E1E; */
|
||||||
}
|
}
|
||||||
/****************/
|
/****************/
|
||||||
/* entete */
|
/* entete */
|
||||||
/****************/
|
/****************/
|
||||||
#entete {
|
#entete {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 66px;
|
height: 66px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
/*
|
/*
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
#logo {
|
#logo {
|
||||||
margin: 2px 10px 2px 2px;
|
margin: 2px 10px 2px 2px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
#logo img {
|
#logo img {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
#titre {
|
#titre {
|
||||||
width: 55%;
|
width: 55%;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
margin: 2px 15px 2px 2px;
|
margin: 2px 15px 2px 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 140%;
|
font-size: 140%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
#username {
|
#username {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
margin: 2px 15px 2px 30px;
|
margin: 2px 15px 2px 30px;
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
font-size: 140%;
|
font-size: 140%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
#username-fleche {
|
#username-fleche {
|
||||||
height: 14px;
|
height: 14px;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
#username-items {
|
#username-items {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 68px;
|
top: 68px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
margin-top: 2px ;
|
margin-top: 2px ;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
background-color: #b7a86b;
|
background-color: #b7a86b;
|
||||||
}
|
}
|
||||||
.menu-item:hover {
|
.menu-item:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #15A160;
|
background-color: #15A160;
|
||||||
}
|
}
|
||||||
|
|
||||||
/****************/
|
/****************/
|
||||||
/* zone-de-contenu */
|
/* zone-de-contenu */
|
||||||
/****************/
|
/****************/
|
||||||
#zone-de-contenu {
|
#zone-de-contenu {
|
||||||
width:50%;
|
width:50%;
|
||||||
margin:auto;
|
margin:auto;
|
||||||
}
|
}
|
||||||
#zone-de-contenu>div {
|
#zone-de-contenu>div {
|
||||||
margin:auto;
|
margin:auto;
|
||||||
}
|
}
|
||||||
.tablelist {
|
.tablelist {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
/****************/
|
/****************/
|
||||||
/* zone-de-jeu */
|
/* zone-de-jeu */
|
||||||
/****************/
|
/****************/
|
||||||
#zone-de-jeu {
|
#zone-de-jeu {
|
||||||
height: 438px;
|
height: 438px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
/*
|
/*
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
#plateau {
|
#plateau {
|
||||||
height: 320px;
|
height: 320px;
|
||||||
width: 740px;
|
width: 740px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
}
|
}
|
||||||
#joueur-0 {
|
#joueur-0 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 55px;
|
top: 55px;
|
||||||
left: 190px;
|
left: 190px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
#joueur-1 {
|
#joueur-1 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 145px;
|
top: 145px;
|
||||||
left: 80px;
|
left: 80px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
#joueur-2 {
|
#joueur-2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 245px;
|
top: 245px;
|
||||||
left: 190px;
|
left: 190px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
#joueur-3 {
|
#joueur-3 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 145px;
|
top: 145px;
|
||||||
left: 500px;
|
left: 500px;
|
||||||
}
|
}
|
||||||
#jeu-0 {
|
#jeu-0 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
left: 300px;
|
left: 300px;
|
||||||
}
|
}
|
||||||
#jeu-1 {
|
#jeu-1 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 120px;
|
top: 120px;
|
||||||
left: 190px;
|
left: 190px;
|
||||||
}
|
}
|
||||||
#jeu-2 {
|
#jeu-2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 220px;
|
top: 220px;
|
||||||
left: 300px;
|
left: 300px;
|
||||||
}
|
}
|
||||||
#jeu-3 {
|
#jeu-3 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 120px;
|
top: 120px;
|
||||||
left: 420px;
|
left: 420px;
|
||||||
}
|
}
|
||||||
#suivant {
|
#suivant {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 15px;
|
bottom: 15px;
|
||||||
right: 40px;
|
right: 40px;
|
||||||
}
|
}
|
||||||
#suivant input {
|
#suivant input {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ov {
|
#ov {
|
||||||
height: 310px;
|
height: 310px;
|
||||||
width: 390px;
|
width: 390px;
|
||||||
padding: 5px 25px 5px 25px;
|
padding: 5px 25px 5px 25px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -322px;
|
top: -322px;
|
||||||
left: 746px;
|
left: 746px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
|
|
||||||
}
|
}
|
||||||
#table-atout {
|
#table-atout {
|
||||||
width: 98%;
|
width: 98%;
|
||||||
}
|
}
|
||||||
#table-atout td {
|
#table-atout td {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
#atout {
|
#atout {
|
||||||
margin: 0px auto 0px auto;
|
margin: 0px auto 0px auto;
|
||||||
}
|
}
|
||||||
#choix {
|
#choix {
|
||||||
height: 150px;
|
height: 150px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
#options-fleche {
|
#options-fleche {
|
||||||
width: 11px;
|
width: 11px;
|
||||||
height: 11px;
|
height: 11px;
|
||||||
float: right;
|
float: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
#options-valeur {
|
#options-valeur {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#dernier-pli-fleche {
|
#dernier-pli-fleche {
|
||||||
width: 11px;
|
width: 11px;
|
||||||
height: 11px;
|
height: 11px;
|
||||||
float: right;
|
float: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
#dernier-pli-valeur {
|
#dernier-pli-valeur {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#dernier-pli {
|
#dernier-pli {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
#dernier-pli-valeur {
|
#dernier-pli-valeur {
|
||||||
padding-left: 50px;
|
padding-left: 50px;
|
||||||
}
|
}
|
||||||
#jeu-en-main {
|
#jeu-en-main {
|
||||||
height: 76px;
|
height: 76px;
|
||||||
width: 642px;
|
width: 642px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -320px;
|
top: -320px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 15px 58px 15px 40px;
|
padding: 15px 58px 15px 40px;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
}
|
}
|
||||||
#a-vous {
|
#a-vous {
|
||||||
float: left;
|
float: left;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
height: 59px;
|
height: 59px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
background:white;
|
background:white;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
#points {
|
#points {
|
||||||
height: 98px;
|
height: 98px;
|
||||||
width: 390px;
|
width: 390px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -430px;
|
top: -430px;
|
||||||
left: 746px;
|
left: 746px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
padding: 4px 25px 4px 25px;
|
padding: 4px 25px 4px 25px;
|
||||||
}
|
}
|
||||||
#points p {
|
#points p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 5px 0px 5px 0px;
|
margin: 5px 0px 5px 0px;
|
||||||
}
|
}
|
||||||
#points table {
|
#points table {
|
||||||
width: 98%;
|
width: 98%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
}
|
}
|
||||||
#points table td {
|
#points table td {
|
||||||
padding: 0px 2px 0px 2px;
|
padding: 0px 2px 0px 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #092E1E;
|
border: 1px solid #092E1E;
|
||||||
}
|
}
|
||||||
.joueur {
|
.joueur {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-decoration: underscore;
|
text-decoration: underscore;
|
||||||
}
|
border-color: black;
|
||||||
.carte {
|
border-style: solid none solid none;
|
||||||
height: 77px;
|
}
|
||||||
width: 53px;
|
.carte {
|
||||||
/* carte : hauteur = 1,54 * largueur; */
|
height: 77px;
|
||||||
border: 1px solid #092E1E;
|
width: 53px;
|
||||||
background-color: #117F4A;
|
/* carte : hauteur = 1,54 * largueur; */
|
||||||
}
|
border: 1px solid #092E1E;
|
||||||
.carte-en-main, .carte-dernier-pli {
|
background-color: #117F4A;
|
||||||
float: left;
|
}
|
||||||
margin-right: 9px;
|
.carte-en-main, .carte-dernier-pli {
|
||||||
}
|
float: left;
|
||||||
.item-choix {
|
margin-right: 9px;
|
||||||
padding: 4px;
|
}
|
||||||
border: 1px solid #092E1E;
|
.item-choix {
|
||||||
}
|
padding: 4px;
|
||||||
.item-choix-valeur {
|
border: 1px solid #092E1E;
|
||||||
padding: 4px;
|
}
|
||||||
border-right: 1px solid #092E1E;
|
.item-choix-valeur {
|
||||||
border-bottom: 1px solid #092E1E;
|
padding: 4px;
|
||||||
border-left: 1px solid #092E1E;
|
border-right: 1px solid #092E1E;
|
||||||
}
|
border-bottom: 1px solid #092E1E;
|
||||||
/************************/
|
border-left: 1px solid #092E1E;
|
||||||
/* zone-de-conversation */
|
}
|
||||||
/************************/
|
/************************/
|
||||||
#zone-de-conversation {
|
/* zone-de-conversation */
|
||||||
height: 84px;
|
/************************/
|
||||||
margin: 2px;
|
#zone-de-conversation {
|
||||||
position: relative;
|
height: 84px;
|
||||||
}
|
margin: 2px;
|
||||||
#chat {
|
position: relative;
|
||||||
width: 61%;
|
}
|
||||||
height: 87%;
|
#chat {
|
||||||
float: left;
|
width: 61%;
|
||||||
background-color: #C4E8D7;
|
height: 87%;
|
||||||
margin: 2px 15px 2px 2px;
|
float: left;
|
||||||
border-top: 2px solid #888;
|
background-color: #C4E8D7;
|
||||||
border-right: 2px solid #DDD;
|
margin: 2px 15px 2px 2px;
|
||||||
border-bottom: 2px solid #DDD;
|
border-top: 2px solid #888;
|
||||||
border-left: 2px solid #888;
|
border-right: 2px solid #DDD;
|
||||||
position: absolute;
|
border-bottom: 2px solid #DDD;
|
||||||
overflow-x: hidden;
|
border-left: 2px solid #888;
|
||||||
overflow-y: auto;
|
position: absolute;
|
||||||
}
|
overflow-x: hidden;
|
||||||
#message {
|
overflow-y: auto;
|
||||||
width: 34%;
|
}
|
||||||
float: right;
|
#message {
|
||||||
margin: 1px 15px 2px 2px;
|
width: 34%;
|
||||||
position: absolute;
|
float: right;
|
||||||
right: 2px;
|
margin: 1px 15px 2px 2px;
|
||||||
top: 3px;
|
position: absolute;
|
||||||
}
|
right: 2px;
|
||||||
#message p {
|
top: 3px;
|
||||||
padding-bottom: 4px;
|
}
|
||||||
}
|
#message p {
|
||||||
#texte-msg {
|
padding-bottom: 4px;
|
||||||
width:80%;
|
}
|
||||||
background-color: #C4E8D7;
|
#texte-msg {
|
||||||
margin-right: 5px;
|
width:80%;
|
||||||
}
|
background-color: #C4E8D7;
|
||||||
button#add{
|
margin-right: 5px;
|
||||||
min-width:180px;
|
}
|
||||||
margin:auto;
|
button#add{
|
||||||
padding:10px;
|
min-width:180px;
|
||||||
background: #b7a86b;
|
margin:auto;
|
||||||
-moz-border-radius: 10px;
|
padding:10px;
|
||||||
-webkit-border-radius: 10px;
|
background: #b7a86b;
|
||||||
-khtml-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
display:block;
|
-khtml-border-radius: 10px;
|
||||||
}
|
border-radius: 10px;
|
||||||
|
display:block;
|
||||||
thead{
|
}
|
||||||
font-weight: bold;
|
|
||||||
}
|
thead{
|
||||||
|
font-weight: bold;
|
||||||
fieldset.fieldset {
|
}
|
||||||
border:1px solid green;
|
|
||||||
padding:30px;
|
fieldset.fieldset {
|
||||||
margin:20px;
|
border:1px solid green;
|
||||||
}
|
padding:30px;
|
||||||
|
margin:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert{
|
||||||
|
width:80%;
|
||||||
|
margin: 10px auto 10px auto;
|
||||||
|
padding:10px;
|
||||||
|
background: #FF9E77;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
-webkit-border-radius: 10px;
|
||||||
|
-khtml-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display:block;
|
||||||
|
border: 1px solid #DF531C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert > .close{
|
||||||
|
background: #EC784A;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.tablelogin td{
|
||||||
|
padding: 10px 0px 10px 0px;
|
||||||
|
|||||||
@ -112,8 +112,8 @@ var set_cartes = function(){
|
|||||||
$('#jeu-3').html('');
|
$('#jeu-3').html('');
|
||||||
}else{
|
}else{
|
||||||
for(i=first_player;i<first_player+4;i++){
|
for(i=first_player;i<first_player+4;i++){
|
||||||
j = i-first_player
|
j = i-first_player;
|
||||||
k = i%4
|
k = (i+6-jeu['nr'])%4;
|
||||||
if (jeu['played'].length > j && jeu['played'][j]!= ''){
|
if (jeu['played'].length > j && jeu['played'][j]!= ''){
|
||||||
$('#jeu-'+ k).html(`<img src="/static/cards/${jeu['played'][j]}.png" width=100% />`);
|
$('#jeu-'+ k).html(`<img src="/static/cards/${jeu['played'][j]}.png" width=100% />`);
|
||||||
}else{
|
}else{
|
||||||
@ -133,18 +133,25 @@ var set_derpli = function(){
|
|||||||
|
|
||||||
var set_players = function(){
|
var set_players = function(){
|
||||||
for(i=0;i<4;i++){
|
for(i=0;i<4;i++){
|
||||||
$('#joueur-'+i).html(`${jeu['playersinfo'][jeu['players'][i]]}`);
|
name = jeu['playersinfo'][jeu['players'][i]];
|
||||||
|
if(jeu['players'][i]==jeu['admin']){
|
||||||
|
name = name + ' *';
|
||||||
|
}
|
||||||
|
k = (i+6-jeu['nr'])%4;
|
||||||
|
$('#joueur-'+k).html(name);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var set_current_player = function(){
|
var set_current_player = function(){
|
||||||
for(i=0;i<4;i++){
|
for(i=0;i<4;i++){
|
||||||
$('#joueur-'+i).css('font-weight', 'normal');
|
$('#joueur-'+i).css('font-weight', 'normal');
|
||||||
$('#joueur-'+i).css('text-decoration', 'none');
|
$('#joueur-'+i).css('border-width', '0px');
|
||||||
|
$('#joueur-'+i).css('background', 'none');
|
||||||
}
|
}
|
||||||
i = (jeu['turn']+jeu['first_player']+8)%4;
|
i = (jeu['turn']+jeu['first_player']-jeu['nr']+18)%4;
|
||||||
$('#joueur-'+i).css('font-weight', 'bold');
|
$('#joueur-'+i).css('font-weight', 'bold');
|
||||||
$('#joueur-'+i).css('text-decoration', 'underline overline');
|
$('#joueur-'+i).css('border-width', '1px 0px 1px 0px');
|
||||||
|
$('#joueur-'+i).css('background', '#55B78D');
|
||||||
if((jeu['turn']+jeu['first_player']+8)%4 == jeu['nr']){
|
if((jeu['turn']+jeu['first_player']+8)%4 == jeu['nr']){
|
||||||
$('#a-vous').css('visibility', 'visible');
|
$('#a-vous').css('visibility', 'visible');
|
||||||
}else{
|
}else{
|
||||||
|
|||||||
@ -10,8 +10,8 @@
|
|||||||
|
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Nom du jeu</legend>
|
<fieldset class="fieldset"><legend style="font-size:25px;">Nom du jeu</legend>
|
||||||
{% for message in get_flashed_messages() %}
|
{% for message in get_flashed_messages() %}
|
||||||
<div class="alert alert-warning">
|
<div class="alert" id="alert{{loop.index}}">
|
||||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
<button type="button" class="close" onclick="javascript:hidealert('alert{{loop.index}}')">×</button>
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|||||||
@ -11,8 +11,8 @@
|
|||||||
|
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Utilisateur</legend>
|
<fieldset class="fieldset"><legend style="font-size:25px;">Utilisateur</legend>
|
||||||
{% for message in get_flashed_messages() %}
|
{% for message in get_flashed_messages() %}
|
||||||
<div class="alert alert-warning">
|
<div class="alert" id="alert{{loop.index}}">
|
||||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
<button type="button" class="close" onclick="javascript:hidealert('alert{{loop.index}}')">×</button>
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|||||||
@ -12,7 +12,7 @@
|
|||||||
<div id="zone-de-contenu">
|
<div id="zone-de-contenu">
|
||||||
<div style="width:100%;margin:20px;"> </div>
|
<div style="width:100%;margin:20px;"> </div>
|
||||||
|
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Liste des joueurs</legend>
|
<fieldset class="fieldset" id="listpart"><legend style="font-size:25px;">Liste des joueurs</legend>
|
||||||
<ul id="players">
|
<ul id="players">
|
||||||
{% for p in game.get_players() %}
|
{% for p in game.get_players() %}
|
||||||
{% if p['username'] == admin %}
|
{% if p['username'] == admin %}
|
||||||
@ -117,6 +117,15 @@ socket.on('leave', function(data){
|
|||||||
{% if user.login == admin %}
|
{% if user.login == admin %}
|
||||||
$('#gostart').hide();
|
$('#gostart').hide();
|
||||||
$('#add_player').show();
|
$('#add_player').show();
|
||||||
|
{% else %}
|
||||||
|
if (username == {{ user.login }}){
|
||||||
|
console.log("Vous avez été banni");
|
||||||
|
$('#listpart').prepend(`
|
||||||
|
<div class="alert" id="alert0">
|
||||||
|
<button type="button" class="close" onclick="javascript:hidealert('alert0')">×</button>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,11 @@
|
|||||||
<div id="zone-de-contenu">
|
<div id="zone-de-contenu">
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Bienvenue</legend>
|
<fieldset class="fieldset"><legend style="font-size:25px;">Bienvenue</legend>
|
||||||
<p> Bienvenue sur le jeu de belote !</p>
|
<p> Bienvenue sur le jeu de belote !</p>
|
||||||
|
{% if not user == None %}
|
||||||
|
<p> Rendez-vous sur <a href="/games">la page des jeux</a></p>
|
||||||
|
{% else %}
|
||||||
<p> Vous devez vous identifier pour jouer, rendez vous sur <a href="/login">la page de login</a></p>
|
<p> Vous devez vous identifier pour jouer, rendez vous sur <a href="/login">la page de login</a></p>
|
||||||
|
{% endif %}
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@ -10,13 +10,13 @@
|
|||||||
<div style="width:100%;margin:20px;"> </div>
|
<div style="width:100%;margin:20px;"> </div>
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Identifiez-vous</legend>
|
<fieldset class="fieldset"><legend style="font-size:25px;">Identifiez-vous</legend>
|
||||||
{% for message in get_flashed_messages() %}
|
{% for message in get_flashed_messages() %}
|
||||||
<div class="alert alert-warning">
|
<div class="alert" id="alert{{loop.index}}">
|
||||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
<button type="button" class="close" onclick="javascript:hidealert('alert{{loop.index}}')">×</button>
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<table width=100%>
|
<table width=100% class="tablelogin">
|
||||||
<tr><td>Nom d'utilisateur : </td><td> <input type="text" name="username" placeholder="Votre nom d'utilisateur" /></td></tr>
|
<tr><td>Nom d'utilisateur : </td><td> <input type="text" name="username" placeholder="Votre nom d'utilisateur" /></td></tr>
|
||||||
<tr><td> Mot de passe : </td><td> <input type="password" name="password" placeholder="Votre mot de passe"/></td></tr>
|
<tr><td> Mot de passe : </td><td> <input type="password" name="password" placeholder="Votre mot de passe"/></td></tr>
|
||||||
<tr><td> </td> <td><input id="submit" type="submit" value=" Entrer "></td></tr>
|
<tr><td> </td> <td><input id="submit" type="submit" value=" Entrer "></td></tr>
|
||||||
|
|||||||
@ -10,9 +10,9 @@
|
|||||||
|
|
||||||
<fieldset class="fieldset"><legend style="font-size:25px;">Nom du jeu</legend>
|
<fieldset class="fieldset"><legend style="font-size:25px;">Nom du jeu</legend>
|
||||||
{% for message in get_flashed_messages() %}
|
{% for message in get_flashed_messages() %}
|
||||||
<div class="alert alert-warning">
|
<div class="alert" id="alert{{loop.index}}">
|
||||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
<button type="button" class="close" onclick="javascript:hidealert('alert{{loop.index}}')">×</button>
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<form action="" method="POST" accept-charset="utf-8">
|
<form action="" method="POST" accept-charset="utf-8">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user