forked from IQBall/Application
Override-6
2 years ago
parent
1c2fc3826e
commit
ca8a2b4111
|
Before Width: | Height: | Size: 21 KiB |
@ -1 +0,0 @@
|
|||||||
export const ADDRESS = "92.132.64.175:950"
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
/*
|
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
* or more contributor license agreements. See the NOTICE file
|
|
||||||
* distributed with this work for additional information
|
|
||||||
* regarding copyright ownership. The ASF licenses this file
|
|
||||||
* to you under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance
|
|
||||||
* with the License. You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing,
|
|
||||||
* software distributed under the License is distributed on an
|
|
||||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
* KIND, either express or implied. See the License for the
|
|
||||||
* specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Wait for the deviceready event before using any of Cordova's device APIs.
|
|
||||||
// See https://cordova.apache.org/docs/en/latest/cordova/events/events.html#deviceready
|
|
||||||
document.addEventListener('deviceready', onDeviceReady, false);
|
|
||||||
|
|
||||||
function onDeviceReady() {
|
|
||||||
// Cordova is now initialized. Have fun!
|
|
||||||
|
|
||||||
console.log('Running cordova-' + cordova.platformId + '@' + cordova.version);
|
|
||||||
document.getElementById('deviceready').classList.add('ready');
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 568 KiB After Width: | Height: | Size: 568 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
@ -0,0 +1,43 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import '../css/login.css'
|
||||||
|
|
||||||
|
export function Login() {
|
||||||
|
return (<>
|
||||||
|
<div className="container">
|
||||||
|
<form action="/login" method="POST">
|
||||||
|
<h3>Se connecter :</h3>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Identifiant (eMail)</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="person-circle-outline"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="input" className="form__field" placeholder="email" name="email" id='email'
|
||||||
|
required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Mot de passe</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="lock-closed"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="password" className="form__field" placeholder="mot de passe" name="password"
|
||||||
|
id="password" required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" value="Se souvenir de moi"/>
|
||||||
|
</label>
|
||||||
|
<div className="Input">
|
||||||
|
<div className="box">
|
||||||
|
<input type="submit" value="Se connecter"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="#">J'ai oublier mon mot de passe</a>
|
||||||
|
<a href="../register/index.html">Je n'ai pas encore de compte</a>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</>)
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import '../css/main.css'
|
||||||
|
|
||||||
|
export function MainPage() {
|
||||||
|
return (<>
|
||||||
|
<header>
|
||||||
|
<div className="header-left">
|
||||||
|
<img src="../img/logo2.png" alt="logo"/>
|
||||||
|
</div>
|
||||||
|
<div className="header-center">
|
||||||
|
<h2>Bienvenue, Prénom Nom</h2>
|
||||||
|
</div>
|
||||||
|
<div className="header-right">
|
||||||
|
<button className="submit-button">Déconnexion</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div id="teams-section">
|
||||||
|
<div id="team-list-h">
|
||||||
|
<h2>Mes équipes</h2>
|
||||||
|
</div>
|
||||||
|
<div id="teams-list">
|
||||||
|
{/*afficher la liste des équipes*/}
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 1</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 2</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 3</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 3</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 3</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-item">
|
||||||
|
<img src="../img/logo2.png"/>
|
||||||
|
<p class="team-name">Equipe 3</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="schemas-section">
|
||||||
|
<h2>Mes schémas</h2>
|
||||||
|
<div id="schemas-list">
|
||||||
|
|
||||||
|
{/*<div class="shema-item">*/}
|
||||||
|
{/* <img src="logo.png"/>*/}
|
||||||
|
{/* <p class="shema-name">Shéma 1</p>*/}
|
||||||
|
{/*</div>*/}
|
||||||
|
{/*<div class="shema-item">*/}
|
||||||
|
{/* <img src="logo2.png"/>*/}
|
||||||
|
{/* <p class="shema-name">Shéma 2</p>*/}
|
||||||
|
{/*</div>*/}
|
||||||
|
{/*<div class="shema-item">*/}
|
||||||
|
{/* <img src="logo2.png"/>*/}
|
||||||
|
{/* <p class="shema-name">Shéma 3</p>*/}
|
||||||
|
{/*</div>*/}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@ -0,0 +1,73 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import '../css/login.css'
|
||||||
|
export function Register() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className="container">
|
||||||
|
<form action="/register" method="POST">
|
||||||
|
<h3>S'inscrire :</h3>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Adresse e-mail</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="person-circle-outline"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="input" className="form__field" placeholder="email" name="email" id='email'
|
||||||
|
required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Nom</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="person-circle-outline"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="input" placeholder="nom" name="name" id='name' required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Prénom</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="person-circle-outline"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="input" placeholder="Prénom" name="forename" id='forename' required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="Input">
|
||||||
|
<span>Mot de passe</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="lock-closed"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="password" className="form__field" placeholder="mot de passe" name="password"
|
||||||
|
id="password"
|
||||||
|
required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="Input">
|
||||||
|
<span>Confirmer le mot de passe</span>
|
||||||
|
<div className="box">
|
||||||
|
<div className="icon">
|
||||||
|
<ion-icon name="lock-closed"></ion-icon>
|
||||||
|
</div>
|
||||||
|
<input type="password" className="form__field" placeholder="mot de passe" name="cpassword"
|
||||||
|
id="cpassword" required/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" value="se souvenir de moi"/>
|
||||||
|
</label>
|
||||||
|
<div className="Input">
|
||||||
|
<div className="box">
|
||||||
|
<input type="submit" value="S'inscrire"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="../login/index.html">J'ai déjà un compte</a>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
Loading…
Reference in new issue