add: Added homepage
This commit is contained in:
parent
995a808974
commit
1993c3e06b
BIN
django/frontend/static/js/imgs/ponge.gif
Normal file
BIN
django/frontend/static/js/imgs/ponge.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 75 KiB |
@ -12,6 +12,7 @@ import { TicTacToeOfflineView } from "./views/TicTacToeOfflineView.js"
|
|||||||
|
|
||||||
import PageNotFoundView from './views/PageNotFoundView.js' ;
|
import PageNotFoundView from './views/PageNotFoundView.js' ;
|
||||||
|
|
||||||
|
import DashboardView from "./views/DashboardView.js";
|
||||||
import AbstractRedirectView from "./views/abstracts/AbstractRedirectView.js";
|
import AbstractRedirectView from "./views/abstracts/AbstractRedirectView.js";
|
||||||
import SettingsView from "./views/SettingsView.js";
|
import SettingsView from "./views/SettingsView.js";
|
||||||
import ProfilePageView from "./views/ProfilePageView.js";
|
import ProfilePageView from "./views/ProfilePageView.js";
|
||||||
@ -74,7 +75,7 @@ async function renderView(view)
|
|||||||
const router = async(uri) => {
|
const router = async(uri) => {
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{ path: "/", view: HomeView},
|
{ path: "/", view: DashboardView},
|
||||||
{ path: "/profiles/:username", view: ProfilePageView },
|
{ path: "/profiles/:username", view: ProfilePageView },
|
||||||
{ path: "/login", view: AuthenticationView },
|
{ path: "/login", view: AuthenticationView },
|
||||||
{ path: "/register", view: AuthenticationView },
|
{ path: "/register", view: AuthenticationView },
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navbarSearch": "cherchbeh",
|
"navbarSearch": "cherchbeh",
|
||||||
"navbarHome": "Quoicoubouse",
|
"navbarHome": "Quoicoubouse",
|
||||||
|
"navbarDashboard" : "Quoicouaccueil",
|
||||||
"navbarLogin": "Quoicouconnec",
|
"navbarLogin": "Quoicouconnec",
|
||||||
"navbarRegister": "Quoicougistré",
|
"navbarRegister": "Quoicougistré",
|
||||||
"navbarProfile": "Mon crampté Profile",
|
"navbarProfile": "Mon crampté Profile",
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navbarSearch": "Search",
|
"navbarSearch": "Search",
|
||||||
"navbarHome": "Home",
|
"navbarHome": "Home",
|
||||||
|
"navbarDashboard" : "Homepage",
|
||||||
"navbarLogin": "Login",
|
"navbarLogin": "Login",
|
||||||
"navbarRegister": "Register",
|
"navbarRegister": "Register",
|
||||||
"navbarProfile": "My Profile",
|
"navbarProfile": "My Profile",
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navbarSearch": "Recherche",
|
"navbarSearch": "Recherche",
|
||||||
"navbarHome": "Maison",
|
"navbarHome": "Maison",
|
||||||
|
"navbarDashboard" : "Accueil",
|
||||||
"navbarLogin": "Connexion",
|
"navbarLogin": "Connexion",
|
||||||
"navbarRegister": "S'inscrire",
|
"navbarRegister": "S'inscrire",
|
||||||
"navbarProfile": "Mon Profil",
|
"navbarProfile": "Mon Profil",
|
||||||
@ -40,6 +41,7 @@
|
|||||||
"ticTacToeTitle": "Morpion",
|
"ticTacToeTitle": "Morpion",
|
||||||
"gamemodeChoice" : "Mode de jeu",
|
"gamemodeChoice" : "Mode de jeu",
|
||||||
"ruleTitle" : "Règles",
|
"ruleTitle" : "Règles",
|
||||||
|
"DashboardTitle": "Accueil",
|
||||||
"ruleBase" : "1. Vous devez gagner sur une des 9 grilles pour gagner la partie",
|
"ruleBase" : "1. Vous devez gagner sur une des 9 grilles pour gagner la partie",
|
||||||
"ruleMovement" : "2. Vous commencez sur le morpion central, et jouez sur le morpion correspondant a votre choix a votre prochain tour",
|
"ruleMovement" : "2. Vous commencez sur le morpion central, et jouez sur le morpion correspondant a votre choix a votre prochain tour",
|
||||||
"ruleDraw" : "3. Si votre choix rempli entièrement un morpion et provoque une égalité, vous perdez",
|
"ruleDraw" : "3. Si votre choix rempli entièrement un morpion et provoque une égalité, vous perdez",
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navbarSearch": "Lukin",
|
"navbarSearch": "Lukin",
|
||||||
"navbarHome": "Tomo",
|
"navbarHome": "Tomo",
|
||||||
|
"navbarDashboard": "Sina",
|
||||||
"navbarLogin": "Open",
|
"navbarLogin": "Open",
|
||||||
"navbarRegister": "Sitelen",
|
"navbarRegister": "Sitelen",
|
||||||
"navbarProfile": "Sitelen mi",
|
"navbarProfile": "Sitelen mi",
|
||||||
|
43
django/frontend/static/js/views/DashboardView.js
Normal file
43
django/frontend/static/js/views/DashboardView.js
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
import { lang } from "../index.js";
|
||||||
|
import AbstractView from './abstracts/AbstractView.js'
|
||||||
|
|
||||||
|
export default class extends AbstractView {
|
||||||
|
constructor(params)
|
||||||
|
{
|
||||||
|
super(params, 'DashboardTitle');
|
||||||
|
}
|
||||||
|
|
||||||
|
async getHtml()
|
||||||
|
{
|
||||||
|
let textList = ["On push demain les gars", "Cacamille", "kroussar powered", "Fait avec convictions", "Conviction et panache", "Etienne met pas de caleçon", "🍆🍆💧"];
|
||||||
|
let text = textList[Math.floor(Math.random() * textList.length)];
|
||||||
|
return /* HTML */ `
|
||||||
|
<style>
|
||||||
|
body { height: 100vh; background-image: url(/static/js/imgs/ponge.gif); background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-size: 100vw 100vh; overflow-y: hidden; }
|
||||||
|
|
||||||
|
|
||||||
|
.center {
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
text-align : center;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.bottom-right {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="center">
|
||||||
|
<p style="font-size : 100px">BOZO PONG</p>
|
||||||
|
</div>
|
||||||
|
<div class="bottom-right">
|
||||||
|
${text}
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
}
|
@ -4,7 +4,7 @@ import AbstractNonAuthenticatedView from "../abstracts/AbstractNonAuthenticatedV
|
|||||||
|
|
||||||
export default class extends AbstractNonAuthenticatedView
|
export default class extends AbstractNonAuthenticatedView
|
||||||
{
|
{
|
||||||
constructor(params, lastUrlBeforeLogin = '/home')
|
constructor(params, lastUrlBeforeLogin = '/')
|
||||||
{
|
{
|
||||||
super(params, 'loginWindowTitle', lastUrlBeforeLogin);
|
super(params, 'loginWindowTitle', lastUrlBeforeLogin);
|
||||||
this.redirect_url = lastUrlBeforeLogin;
|
this.redirect_url = lastUrlBeforeLogin;
|
||||||
|
@ -12,6 +12,7 @@
|
|||||||
<nav class="navbar navbar-expand-lg bg-body-tertiary rounded m-2">
|
<nav class="navbar navbar-expand-lg bg-body-tertiary rounded m-2">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="navbar-nav d-flex flex-row gap-2">
|
<div class="navbar-nav d-flex flex-row gap-2">
|
||||||
|
<a data-i18n='navbarDashboard' href="/" class="nav-link" data-link>Dashboard</a>
|
||||||
<a data-i18n='navbarSearch' href="/search" class="nav-link" data-link>Search</a>
|
<a data-i18n='navbarSearch' href="/search" class="nav-link" data-link>Search</a>
|
||||||
<a data-i18n='navbarHome' href="/home" class="nav-link" data-link>Home</a>
|
<a data-i18n='navbarHome' href="/home" class="nav-link" data-link>Home</a>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user