fix routes in views by adding global variable basePath in twig
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
1bf3dfa3b6
commit
1147ad114f
@ -1,24 +1,23 @@
|
||||
<!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">
|
||||
<title>Paramètres</title>
|
||||
<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">
|
||||
<title>Paramètres</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<button onclick="location.pathname='/home'">Retour</button>
|
||||
<h1>Paramètres</h1>
|
||||
</body>
|
||||
<body>
|
||||
<button onclick="location.pathname='{{ basePath }}/home'">Retour</button>
|
||||
<h1>Paramètres</h1>
|
||||
</body>
|
||||
</html>
|
@ -1,85 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Twig view</title>
|
||||
<style>
|
||||
body{
|
||||
background-color: #f1f1f1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Twig view</title>
|
||||
<style>
|
||||
body {
|
||||
background-color: #f1f1f1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section{
|
||||
width: 60%;
|
||||
}
|
||||
section {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.square{
|
||||
width:50px;
|
||||
height:50px;
|
||||
}
|
||||
.square {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#main_color {
|
||||
border: solid;
|
||||
background-color: {{ team.getInfo().getMainColor().getValue() }};
|
||||
}
|
||||
#second_color{
|
||||
background-color: {{ team.getInfo().getSecondColor().getValue() }};
|
||||
border: solid;
|
||||
}
|
||||
#main_color {
|
||||
border: solid;
|
||||
background-color: {{ team.getInfo().getMainColor().getValue() }};
|
||||
}
|
||||
|
||||
.container{
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.team{
|
||||
border-color: darkgrey;
|
||||
border-radius: 20px;
|
||||
#second_color {
|
||||
background-color: {{ team.getInfo().getSecondColor().getValue() }};
|
||||
border: solid;
|
||||
}
|
||||
|
||||
}
|
||||
.container {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.color{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.team {
|
||||
border-color: darkgrey;
|
||||
border-radius: 20px;
|
||||
|
||||
.logo{
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href="/">IQBall</a></h1>
|
||||
</header>
|
||||
.color {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
<section class="container">
|
||||
.logo {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
<div class="team container">
|
||||
<div>
|
||||
<h1>{{ team.getInfo().getName() }}</h1>
|
||||
<img src="{{ team.getInfo().getPicture() }}" alt="Logo d'équipe" class="logo">
|
||||
</div>
|
||||
<div>
|
||||
<div class="color"><p>Couleur principale : </p><div class="square" id="main_color"></div> </div>
|
||||
<div class="color"><p>Couleur secondaire : </p><div class="square" id="second_color"></div></div>
|
||||
</div>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href="{{ basePath }}/">IQBall</a></h1>
|
||||
</header>
|
||||
|
||||
{% for m in team.listMembers() %}
|
||||
<p> {{ m.getUserId() }} </p>
|
||||
{% if m.getRole().isCoach() %}
|
||||
<p> : Coach</p>
|
||||
{% else %}
|
||||
<p> : Joueur</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<section class="container">
|
||||
|
||||
<div class="team container">
|
||||
<div>
|
||||
<h1>{{ team.getInfo().getName() }}</h1>
|
||||
<img src="{{ team.getInfo().getPicture() }}" alt="Logo d'équipe" class="logo">
|
||||
</div>
|
||||
<div>
|
||||
<div class="color"><p>Couleur principale : </p>
|
||||
<div class="square" id="main_color"></div>
|
||||
</div>
|
||||
<div class="color"><p>Couleur secondaire : </p>
|
||||
<div class="square" id="second_color"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for m in team.listMembers() %}
|
||||
<p> {{ m.getUserId() }} </p>
|
||||
{% if m.getRole().isCoach() %}
|
||||
<p> : Coach</p>
|
||||
{% else %}
|
||||
<p> : Joueur</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</body>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
@ -1,57 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Error</title>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #da6110;
|
||||
text-align: center;
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
cursor : pointer;
|
||||
background-color: white;
|
||||
color : black;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
border-radius: 12px;
|
||||
border : 2px solid #da6110;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #da6110
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Error</title>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #da6110;
|
||||
text-align: center;
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
color: black;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
border-radius: 12px;
|
||||
border: 2px solid #da6110;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #da6110
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>IQBall</h1>
|
||||
|
||||
{% for fail in failures %}
|
||||
<h2>{{ fail.getKind() }} : {{ fail.getMessage() }}</h2>
|
||||
{% endfor %}
|
||||
{% for fail in failures %}
|
||||
<h2>{{ fail.getKind() }} : {{ fail.getMessage() }}</h2>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<button class="button" onclick="location.href='/home'" type="button">Retour à la page d'accueil</button>
|
||||
<button class="button" onclick="location.href='{{ basePath }}/home'" type="button">Retour à la page d'accueil</button>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue