forked from IQBall/Application
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