diff --git a/src/WebApp/application/controllers/User.php b/src/WebApp/application/controllers/User.php index f823d81ac8f14cf9c61c6ddaca6511c31b79e972..3f352ea2c4900227be0a420838b57b91f34ace79 100644 --- a/src/WebApp/application/controllers/User.php +++ b/src/WebApp/application/controllers/User.php @@ -11,13 +11,18 @@ class User extends CI_Controller { public function inscription_success(){ if(isset($_POST['suscribe'])) { - /**$this->form_validation->set_rules('mail', '"Mail"', 'trim|required|valid_email|is_unique[utilisateur.mail]|xss_clean'); + $this->load->database(); + + + $this->form_validation->set_error_delimiters('<div class="error">', '</div>'); + + $this->form_validation->set_rules('mail', 'Mail', 'trim|required|valid_email|is_unique[utilisateur.mail]'); - $this->form_validation->set_rules('password', '"Mot de passe"', 'required|xss_clean'); + $this->form_validation->set_rules('password', 'Mot de passe', 'required|min_length[7]'); - $this->form_validation->set_rules('password_confirm', '"Confirmation du mot de passe"', 'required|xss_clean|matches[password]'); + $this->form_validation->set_rules('password_confirm', 'Confirmation du mot de passe', 'required|matches[password]' ); - if ($this->form_validation->run()) {*/ + if ($this->form_validation->run() == TRUE) { $mdp_hash = hash("sha1", $_POST['password']); @@ -26,16 +31,70 @@ class User extends CI_Controller { 'password' => $mdp_hash, ); - $this->load->database(); $this->db->insert('utilisateur', $data); $this->load->view('inscription_success'); - /** } + } else { - echo("form invalid"); - }*/ + $this->load->view('inscription'); + } } } + + public function connexion(){ + $this->load->view('connexion'); + } + + public function connexion_success(){ + if(isset($_POST['login'])) { + + $this->load->database(); + + $this->load->library('session'); + + $this->form_validation->set_error_delimiters('<div class="error">', '</div>'); + + $this->form_validation->set_rules('password_c', 'Mot de passe', 'callback_verif_user'); + + $this->db->select('*'); + $this->db->from('utilisateur'); + $this->db->where(array('mail' => $_POST['email'] , 'password' => hash("sha1", $_POST['password_c']) )); + $query=$this->db->get(); + + $user=$query->row(); + + if ($this->form_validation->run() == TRUE) { + $_SESSION['logged_in']=TRUE; + $_SESSION['username']=$_POST['email']; + $this->load->view('connexion_success'); + } + else { + $this->load->view('connexion'); + } + } + } + + public function verif_user(){ + $this->db->select('*'); + $this->db->from('utilisateur'); + $this->db->where(array('mail' => $_POST['email'] , 'password' => hash("sha1", $_POST['password_c']) )); + $query=$this->db->get(); + + $user=$query->row(); + if($user!=NULL) { + return TRUE; + } + else{ + $this->form_validation->set_message('verif_user', 'Aucun compte ne correspond à ces identifiants'); + return FALSE; + } +} + + public function deconnexion(){ + $this->load->library('session'); + $this->load->view('deconnexion'); + $this->session->sess_destroy(); + } } \ No newline at end of file diff --git a/src/WebApp/application/controllers/Welcome.php b/src/WebApp/application/controllers/Welcome.php index 5bdea3b9f4715829e23ea50a83cb235e2711f94d..313e4786467bc4e07182e10f3135efca68eb2d55 100644 --- a/src/WebApp/application/controllers/Welcome.php +++ b/src/WebApp/application/controllers/Welcome.php @@ -30,6 +30,18 @@ class Welcome extends CI_Controller { public function fiche_film() { - $this->load->view('fiche_film'); + $this->load->view('fiche_film1'); + + $this->load->view('fiche_film2'); + } + + public function best_films() + { + $this->load->view('best_films'); + } + + public function fiche_acteur() + { + $this->load->view('fiche_acteur'); } } diff --git a/src/WebApp/application/css/styles.css b/src/WebApp/application/css/styles.css new file mode 100644 index 0000000000000000000000000000000000000000..1e0682deec01e4e48d54d993a3147d56fc0adfdc --- /dev/null +++ b/src/WebApp/application/css/styles.css @@ -0,0 +1,3 @@ +.error { + color:red; +} \ No newline at end of file diff --git a/src/WebApp/application/views/accueil.php b/src/WebApp/application/views/accueil.php index f2ddf28dd841e3801957d5f93eae020accef0321..013356b249bc4bc6cf0a73b2570fcd3511020ad0 100644 --- a/src/WebApp/application/views/accueil.php +++ b/src/WebApp/application/views/accueil.php @@ -3,6 +3,22 @@ defined('BASEPATH') OR exit('No direct script access allowed'); ?><!DOCTYPE html> <html> <head> + <style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: 0.8; + } + + </style> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> + <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> @@ -15,10 +31,14 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + <meta charset="utf-8"> <title>BingeWatcher</title> </head> <body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(100); </script> + <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> @@ -31,13 +51,23 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> - <a class="nav-link js-scroll-trigger" href="#projects">Préférences</a> - </li> - <li class="nav-item"> - <a class="nav-link js-scroll-trigger" href="#signup">Compte</a> + <a class="nav-link" href="index.php/welcome/best_films" onclick="$('.loading').fadeIn(1);">Meilleurs Films</a> </li> + <?php + $this->load->library('session'); + if(isset($_SESSION['username'])){ + echo('<li class="nav-item">'); + echo('<a class="nav-link js-scroll-trigger" href="index.php/User/deconnexion">Déconnexion</a>'); + echo('</li>'); + } + else { + echo('<li class="nav-item">'); + echo('<a class="nav-link js-scroll-trigger" href="index.php/User/connexion">Connexion</a>'); + echo('</li>'); + } + ?> <li class="nav-item"> - <a class="nav-link js-scroll-trigger" href="index.php/User/inscription">Inscription</a> + <a class="nav-link js-scroll-trigger" href="index.php/User/inscription">Inscription </a> </li> </ul> </div> @@ -51,9 +81,10 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <div class="mx-auto text-center"> <h1 class="mx-auto my-0 text-uppercase">BingeWatcher</h1> <h2 class="text-white-50 mx-auto mt-2 mb-5">Découvrez des films, sans aucune limite</h2> - <form> - <div class="form-group"> - <label for="film"><a class="btn btn-primary js-scroll-trigger" href="#projects" input type="submit" onclick='window.location.reload(false)'>Cliquez ici pour générer un film aléatoire</a> + <form method="POST" action="." name="formulaire"> + <div class="form-group"> + <!--<input type = submit class="btn btn-primary js-scroll-trigger " href="#projects" value = "Cliquez ici pour générer un film2 aléatoire">--> + <label for="film"><a class="btn btn-primary js-scroll-trigger" href="#projects" onclick="document.formulaire.submit();return false;" type="submit">Cliquez ici pour générer un film aléatoire</a> <br /><br /><br /><select name="genre" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="genre" style="text-align:center"> <option value="">Tous les genres</option> <option value=18>Action</option> @@ -65,7 +96,7 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <option value=878>Science-Fiction</option> </select> <br/> - <input type = submit class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" value = "Modifier le genre"> + </label> </div> </form> @@ -81,9 +112,9 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <div class="col-xl-4 col-lg-7"> <?php - if (isset($_GET["genre"])) - { - $rand=getRandomMovieWithGenre($_GET["genre"]); + if (isset($_POST["genre"])) + { + $rand=getRandomMovieWithGenre($_POST["genre"]); } else { @@ -98,7 +129,7 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <h4><?php echo($rand['title'])?></h4> <p class="text-black-50 mb-0"><?php echo($rand['overview'])?></p> <br/> - <a class="btn btn-primary" href="index.php/welcome/fiche_film?id=<?php echo($rand['id'])?>" onclick='window.location.reload(false)' >Voir la fiche du film</a> + <a class="btn btn-primary" href="index.php/welcome/fiche_film?id=<?php echo($rand['id'])?>" onclick="$('.loading').fadeIn(1);" >Voir la fiche du film</a> <a class="btn btn-primary text-white" onclick='window.location.reload(false)'>Nouveau film</a> </div> </div> @@ -166,24 +197,6 @@ defined('BASEPATH') OR exit('No direct script access allowed'); </div> </section> - <!-- Signup Section --> - <section id="signup" class="signup-section"> - <div class="container"> - <div class="row"> - <div class="col-md-10 col-lg-8 mx-auto text-center"> - - <i class="far fa-paper-plane fa-2x mb-2 text-white"></i> - <h2 class="text-white mb-5">Subscribe to receive updates!</h2> - - <form class="form-inline d-flex"> - <input type="email" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="inputEmail" placeholder="Enter email address..."> - <button type="submit" class="btn btn-primary mx-auto">Subscribe</button> - </form> - - </div> - </div> - </div> - </section> <!-- Contact Section --> <section class="contact-section bg-black"> diff --git a/src/WebApp/application/views/best_films.php b/src/WebApp/application/views/best_films.php new file mode 100644 index 0000000000000000000000000000000000000000..d0cc77fa515a5961a75eb0f3495d2fa728b52612 --- /dev/null +++ b/src/WebApp/application/views/best_films.php @@ -0,0 +1,166 @@ +<?php +/** + * Created by PhpStorm. + * User: Quentin + * Date: 24/11/2018 + * Time: 16:23 + */ +defined('BASEPATH') OR exit('No direct script access allowed'); +include('getMovie.php'); +$array=getBestMovieArray(); + +?><!DOCTYPE html> +<html> +<head> + + <style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: .8; + } + + </style> + + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title>Meilleurs films - BingeWatcher</title> + + <style type="text/css" media="screen"> + .masthead { + position: relative; + width: 100%; + height: auto; + min-height: 35rem; + padding: 15rem 0; + background-position: center; + background-repeat: no-repeat; + background-attachment: scroll; + background-size: cover; + } + + </style> + + +</head> + +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(1); </script> + + +<!-- Navigation --> +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + Menu + <i class="fas fa-bars"></i> + </button> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#filtre">Filtre</a> + </li> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#class">Classement</a> + </li> + </ul> + </div> + </div> +</nav> + + +<header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-auto my-0 text-uppercase">Les meilleurs films</h1> + </div> + </div> +</header> + +<br/><br/> + +<div class="container"> + + <div id="class" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="featured-text text-center text-lg-left"> + <h1>Les films les mieux notés</h1> + <div> + <table class="table borderless"> + <tbody> + <tr> + <br/> + <?php + for($k=0; $k<1; $k++) + { + echo('<tr>'); + for ($i = (0+5*$k); $i < (5+5*$k); $i++) { + echo('<td><br/><a href="fiche_film?id='.$array[$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$array[$i]['poster_path'].'" alt="affiche du film"> <br/><br/><b><center>'.($i+1).'- '.$array[$i]['title'].'</center></b></a> </td>'); + } + echo('</tr>'); + } + ?> + </tr + </tbody> + </table> + <table class="table borderless"> + <tbody> + <tr> + <br/> + <?php + for($k=1; $k<4; $k++) + { + for ($i = (0+5*$k); $i < (5+5*$k); $i++) { + echo('<tr>'); + echo('<td><a href="fiche_film?id='.$array[$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <b><center>'.($i + 1).'- '.$array[$i]['title'].'</center></b></a></td>'); + echo('</tr>'); + } + } + ?> + </tr> + </tbody> + </table> + </div> + </div> + </div> + <br/> + + + <!-- Footer --> + <footer class="bg-white small text-center text-black-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> + </footer> + + <!-- Bootstrap core JavaScript --> + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + + <!-- Plugin JavaScript --> + <script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + + <!-- Custom scripts for this template --> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + + +</div> +</body> +</html> + diff --git a/src/WebApp/application/views/connexion.php b/src/WebApp/application/views/connexion.php new file mode 100644 index 0000000000000000000000000000000000000000..e6d7b0c09ad05b18be379fa8bbe9b06061af8076 --- /dev/null +++ b/src/WebApp/application/views/connexion.php @@ -0,0 +1,91 @@ +<?php +defined('BASEPATH') OR exit('No direct script access allowed'); +?><!DOCTYPE html> +<html> +<head> +<style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: 0.8; + } + + </style> + + <link href="<?php echo base_url(); ?>application/css/styles.css" rel="stylesheet" > + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title>BingeWatcher</title> +</head> +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(100); </script> + +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + </div> +</nav> + + +<!-- Header --> +<header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-auto my-0 text-uppercase">Connexion</h1> + <br><br><br> + + <form action="connexion_success" method="POST"> + <div class="form-group"> + <input class="form-control" name="email" id="email" type="email" placeholder="Email"> + <?php echo form_error("email");?> + </div> + <br> + <div class="form-group"> + <input class="form-control" name="password_c" id="password_c" type="password" placeholder="Mot de passe"> + <?php echo form_error("password_c");?> + </div> + <br> + <div> + <button class="btn btn-primary mx-auto" name="login">Se connecter</button> + </div> + </form> + </div> + </div> +</header> + + +<!-- Footer --> +<footer class="bg-black small text-center text-white-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> +</footer> + +<!-- Bootstrap core JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> +<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + +<!-- Plugin JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + +<!-- Custom scripts for this template --> +<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + +</body> +</html> \ No newline at end of file diff --git a/src/WebApp/application/views/connexion_success.php b/src/WebApp/application/views/connexion_success.php new file mode 100644 index 0000000000000000000000000000000000000000..e3c79c318b4c3fbb3d44ef87dec787f3746f6aa5 --- /dev/null +++ b/src/WebApp/application/views/connexion_success.php @@ -0,0 +1,74 @@ +<?php +defined('BASEPATH') OR exit('No direct script access allowed'); +?><!DOCTYPE html> +<html> +<head> + + <style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: 0.8; + } + + </style> + + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title>BingeWatcher</title> +</head> +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(100); </script> + +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + </div> +</nav> + + +<!-- Header --> +<header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-0">Vous êtes connecté <?php echo $_SESSION['username']?>!</h1> + </div> + </div> +</header> + + +<!-- Footer --> +<footer class="bg-black small text-center text-white-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> +</footer> + +<!-- Bootstrap core JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> +<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + +<!-- Plugin JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + +<!-- Custom scripts for this template --> +<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + +</body> +</html> \ No newline at end of file diff --git a/src/WebApp/application/views/deconnexion.php b/src/WebApp/application/views/deconnexion.php new file mode 100644 index 0000000000000000000000000000000000000000..2542692d1e95c742e4493b22dd5219995335ca39 --- /dev/null +++ b/src/WebApp/application/views/deconnexion.php @@ -0,0 +1,73 @@ +<?php +defined('BASEPATH') OR exit('No direct script access allowed'); +?><!DOCTYPE html> +<html> +<head> +<style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: 0.8; + } + + </style> + + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title>BingeWatcher</title> +</head> +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(100); </script> + +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + </div> +</nav> + + +<!-- Header --> +<header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-0">Vous êtes déconnecté!</h1> + </div> + </div> +</header> + + +<!-- Footer --> +<footer class="bg-black small text-center text-white-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> +</footer> + +<!-- Bootstrap core JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> +<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + +<!-- Plugin JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + +<!-- Custom scripts for this template --> +<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + +</body> +</html> \ No newline at end of file diff --git a/src/WebApp/application/views/fiche_acteur.php b/src/WebApp/application/views/fiche_acteur.php new file mode 100644 index 0000000000000000000000000000000000000000..865d4c25bd7e0743fc69308db2ef330d35208cdf --- /dev/null +++ b/src/WebApp/application/views/fiche_acteur.php @@ -0,0 +1,195 @@ +<?php +defined('BASEPATH') OR exit('No direct script access allowed'); +include('getMovie.php'); +$id=$_GET['id']; +$ActorArray=getActorArray($id); +$CreditsArray=getCreditsArray($id); +?><!DOCTYPE html> +<html> +<head> + +<style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: .8; + } + + </style> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> + <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title><?php echo($ActorArray['name'])?> - BingeWatcher</title> + + <style type="text/css" media="screen"> + .masthead { + position: relative; + width: 100%; + height: 1%; + min-height: 35rem; + padding: 15rem 0; + background-position: center; + background-repeat: no-repeat; + background-attachment: scroll; + background-size: cover; + } + + </style> + + +</head> + +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(1); </script> + + +<!-- Navigation --> +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + Menu + <i class="fas fa-bars"></i> + </button> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#resume">Biographie et Informations</a> + </li> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#filmographie">Filmographie</a> + </li> + </ul> + </div> + </div> +</nav> + + + <header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-auto my-0 text-uppercase"><?php echo($ActorArray['name'])?></h1> + </div> + </div> + </header> + +<br/><br/> + +<div class="container"> + + <!-- Featured Project Row --> + <div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="col-xl-6 col-lg-6"> + <img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($ActorArray['profile_path'])?>" alt="photo de profil"> + </div> + <div class="col-xl-6 col-lg-6"> + <div class="table-responsive"> + <h3> Biographie et Informations </h3> + <br/> + <table class="table borderless"> + <tbody> + <tr> + <td style="text-align: right;">Sexe :</td> + <td> + <?php if ($ActorArray['gender'] == "2") {echo("Homme");} else {echo("Femme");}?> + </td> + </tr> + <tr> + <td style="text-align: right;">Date de naissance :</td> + <td> + <?php echo($ActorArray['birthday'])?> + </td> + </tr> + <tr> + <td style="text-align: right;">Lieu de naissance :</td> + <td> + <?php echo($ActorArray['place_of_birth'])?> + </td> + </tr> + <tr> + <td style="text-align: right;">Date de décès :</td> + <td> + <?php echo($ActorArray['deathday'])?> + </td> + </tr> + <tr> + <td style="text-align: right;">Popularité :</td> + <td> + <?php echo($ActorArray['popularity'])?> + </td> + </tr> + </tbody> + + </table> + </div> + <br/><br/> + <div class="featured-text text-center text-lg-left"> + <p class="text-black-50 mb-0"><?php echo($ActorArray['biography'])?></p> + </div> + </div> + </div> + <br/> + + <div id="filmographie" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="featured-text text-center text-lg-left"> + <h3>Filmographie :</h3> + + <div> + <table class="table borderless"> + <tbody> + <tr> + <?php + { + for ($i = 0; $i < 5; $i++) { + echo('<td><a href="fiche_film?id='.$CreditsArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$CreditsArray['results'][$i]['poster_path'].'" alt="photo du film"> <br/><center>'.$CreditsArray['results'][$i]['title'].'</center></a>'); + } + } + ?> + </tr> + </tbody> + </table> + </div> + </div> + </div> + + <!-- Footer --> + <footer class="bg-white small text-center text-black-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> + </footer> + + <!-- Bootstrap core JavaScript --> + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + + <!-- Plugin JavaScript --> + <script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + + <!-- Custom scripts for this template --> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + + +</div> +</body> +</html> + diff --git a/src/WebApp/application/views/fiche_film.php b/src/WebApp/application/views/fiche_film.php index 2c91b2215e444b4a32fbef98ee5ed96aa2bfd416..915874fc01584f9249998f4bf2504367fc648dab 100644 --- a/src/WebApp/application/views/fiche_film.php +++ b/src/WebApp/application/views/fiche_film.php @@ -7,10 +7,30 @@ defined('BASEPATH') OR exit('No direct script access allowed'); include('getMovie.php'); $id=$_GET['id']; +$MovieArray=getMovieArray($id); +$CastArray=getMovieCastArray($id); +$RecommendationArray=getMovieRecommendationArray($id); ?><!DOCTYPE html> <html> <head> +<style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: .8; + } + + </style> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> + <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> @@ -23,7 +43,7 @@ $id=$_GET['id']; <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> <meta charset="utf-8"> - <title><?php echo(getMovieArray($id)['title'])?> - BingeWatcher</title> + <title><?php echo($MovieArray['title'])?> - BingeWatcher</title> <style type="text/css" media="screen"> .masthead { @@ -33,7 +53,7 @@ $id=$_GET['id']; min-height: 35rem; padding: 15rem 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray(297762)['backdrop_path'])?>"); - background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray($id)['backdrop_path'])?>"); + background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['backdrop_path'])?>"); background-position: center; background-repeat: no-repeat; background-attachment: scroll; @@ -46,12 +66,14 @@ $id=$_GET['id']; </head> <body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(1); </script> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="container"> - <a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> @@ -79,7 +101,7 @@ $id=$_GET['id']; <header class="masthead"> <div class="container d-flex h-100 align-items-center"> <div class="mx-auto text-center"> - <h1 class="mx-auto my-0 text-uppercase"><?php echo(getMovieArray($id)['title'])?></h1> + <h1 class="mx-auto my-0 text-uppercase"><?php echo($MovieArray['title'])?></h1> </div> </div> </header> @@ -91,11 +113,11 @@ $id=$_GET['id']; <!-- Featured Project Row --> <div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5"> <div class="col-xl-6 col-lg-6"> - <img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray($id)['poster_path'])?>" alt="affiche du film"> + <img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['poster_path'])?>" alt="affiche du film"> </div> <div class="col-xl-6 col-lg-6"> <div class="featured-text text-center text-lg-left"> - <p class="text-black-50 mb-0"><?php echo(getMovieArray($id)['overview'])?></p> + <p class="text-black-50 mb-0"><?php echo($MovieArray['overview'])?></p> </div> <br/><br/> <div class="table-responsive"> @@ -104,7 +126,7 @@ $id=$_GET['id']; <tr> <td style="text-align: right;">Genre :</td> <td> - <?php foreach(getMovieArray($id)['genres'] as $tab) + <?php foreach($MovieArray['genres'] as $tab) { echo($tab['name'].' / '); } @@ -114,7 +136,7 @@ $id=$_GET['id']; <tr> <td style="text-align: right;">De :</td> <td> - <?php foreach(getMovieCastArray($id)['crew'] as $tab) + <?php foreach($CastArray['crew'] as $tab) { if($tab['job']=="Director") { @@ -127,7 +149,7 @@ $id=$_GET['id']; <tr> <td style="text-align: right;">Ecrit par :</td> <td> - <?php foreach(getMovieCastArray($id)['crew'] as $tab) + <?php foreach($CastArray['crew'] as $tab) { if($tab['job']=="Story") { @@ -139,24 +161,24 @@ $id=$_GET['id']; </tr> <tr> <td style="text-align: right;">Date de sortie :</td> - <td><?php echo(getMovieArray($id)['release_date'])?></td> + <td><?php echo($MovieArray['release_date'])?></td> </tr> <tr> <td style="text-align: right;">Durée :</td> - <td><?php echo(getMovieArray($id)['runtime'])?></td> + <td><?php echo($MovieArray['runtime'])?></td> </tr> <tr> <td style="text-align: right;">Budget :</td> - <td><?php echo(getMovieArray($id)['budget'])?></td> + <td><?php echo($MovieArray['budget'])?></td> </tr> <tr> <td style="text-align: right;">Box-Office :</td> - <td><?php echo(getMovieArray($id)['revenue'])?></td> + <td><?php echo($MovieArray['revenue'])?></td> </tr> <tr> <td style="text-align: right;">Nationalité :</td> <td> - <?php foreach(getMovieArray($id)['production_countries'] as $tab) + <?php foreach($MovieArray['production_countries'] as $tab) { echo($tab['name'].' / '); } @@ -165,7 +187,7 @@ $id=$_GET['id']; </tr> <tr> <td style="text-align: right;">Langue originale :</td> - <td><?php echo(getMovieArray($id)['original_language'])?></td> + <td><?php echo($MovieArray['original_language'])?></td> </tr> </tbody> </table> @@ -187,7 +209,7 @@ $id=$_GET['id']; { echo('<tr>'); for ($i = (0+5*$k); $i < (5+5*$k); $i++) { - echo('<td><a href="https://www.google.com/search?q='.str_replace(' ', '+', getMovieCastArray($id)['cast'][$i]['name']).'"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.getMovieCastArray($id)['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.getMovieCastArray($id)['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.getMovieCastArray($id)['cast'][$i]['character'].'</p></a></td>'); + echo('<td><a href="https://www.google.com/search?q='.str_replace(' ', '+', $CastArray['cast'][$i]['name']).'"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$CastArray['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.$CastArray['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.$CastArray['cast'][$i]['character'].'</p></a></td>'); } echo('</tr>'); } @@ -226,7 +248,7 @@ $id=$_GET['id']; <?php { for ($i = 0; $i < 5; $i++) { - echo('<td><a href="fiche_film?id='.getMovieRecommendationArray($id)['results'][$i]['id'].'" > <img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.getMovieRecommendationArray($id)['results'][$i]['poster_path'].'" alt="photo du film"> </a> <br/><center>'.getMovieRecommendationArray($id)['results'][$i]['title'].'</center>'); + echo('<td><a href="fiche_film?id='.$RecommendationArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$RecommendationArray['results'][$i]['poster_path'].'" alt="photo du film"> </a> <br/><center>'.$RecommendationArray['results'][$i]['title'].'</center>'); } } ?> diff --git a/src/WebApp/application/views/fiche_film1.php b/src/WebApp/application/views/fiche_film1.php new file mode 100644 index 0000000000000000000000000000000000000000..1950b790f885075ee314c5b92e84526c668cf5fe --- /dev/null +++ b/src/WebApp/application/views/fiche_film1.php @@ -0,0 +1,132 @@ +<?php +/** + * Created by PhpStorm. + * User: Quentin + * Date: 27/10/2018 + */ +defined('BASEPATH') OR exit('No direct script access allowed'); +include('getMovie.php'); +$id=$_GET['id']; +$MovieArray=getMovieArray($id); +$CastArray=getMovieCastArray($id); +$RecommendationArray=getMovieRecommendationArray($id); +?><!DOCTYPE html> +<html> +<head> + + <style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: .8; + } + + </style> + + <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> + + <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script> + + <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> + + <meta charset="utf-8"> + <title><?php echo($MovieArray['title'])?> - BingeWatcher</title> + + <style type="text/css" media="screen"> + .masthead { + position: relative; + width: 100%; + height: auto; + min-height: 35rem; + padding: 15rem 0; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray(297762)['backdrop_path'])?>"); + background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['backdrop_path'])?>"); + background-position: center; + background-repeat: no-repeat; + background-attachment: scroll; + background-size: cover; + } + + </style> + + +</head> + +<body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(1); </script> + + +<!-- Navigation --> +<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a> + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + Menu + <i class="fas fa-bars"></i> + </button> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#resume">Résumé et Informations</a> + </li> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#cast">Casting</a> + </li> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#trailer">Trailer</a> + </li> + <li class="nav-item"> + <a class="nav-link js-scroll-trigger" href="#recommendations">Recommandations</a> + </li> + </ul> + </div> + </div> +</nav> + + + <header class="masthead"> + <div class="container d-flex h-100 align-items-center"> + <div class="mx-auto text-center"> + <h1 class="mx-auto my-0 text-uppercase"><?php echo($MovieArray['title'])?></h1> + </div> + </div> + </header> + +<br/><br/> + +<div class="container"> + + <!-- Featured Project Row --> +<?php +//$this->load->database(); +function set_vu_true(){ + $data = array( + 'mail' => "test", + 'password' => "test", + ); + + //$this->db->insert('utilisateur', $data); +} +//$this->load->library('session'); +if(isset($_SESSION['username'])){ + echo "<a class='btn btn-primary text-white' onclick='set_vu_true();' >Marquer comme vu</a>"; + echo"<br/><div class=\"rating\">Note : + <a href=\"#5\" title=\"Donner 1 étoiles\">☆</a><!-- + --><a href=\"#4\" title=\"Donner 2 étoiles\" >☆</a><!-- + --><a href=\"#3\" title=\"Donner 3 étoiles\" >☆</a><!-- + --><a href=\"#2\" title=\"Donner 4 étoiles\" >☆</a><!-- + --><a href=\"#1\" title=\"Donner 5 étoile\" >☆</a> + </div>"; +} +?> \ No newline at end of file diff --git a/src/WebApp/application/views/fiche_film2.php b/src/WebApp/application/views/fiche_film2.php new file mode 100644 index 0000000000000000000000000000000000000000..dc1f6aa1dc1915ca31a3bd52a0cbd4c4fa85f879 --- /dev/null +++ b/src/WebApp/application/views/fiche_film2.php @@ -0,0 +1,182 @@ +<?php +/** + * Created by PhpStorm. + * User: corentin + * Date: 29/11/18 + * Time: 00:04 + */ +defined('BASEPATH') OR exit('No direct script access allowed'); + +$id=$_GET['id']; +$MovieArray=getMovieArray($id); +$CastArray=getMovieCastArray($id); +$RecommendationArray=getMovieRecommendationArray($id);?> +<div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="col-xl-6 col-lg-6"> + <img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['poster_path'])?>" alt="affiche du film"> + </div> + <div class="col-xl-6 col-lg-6"> + <div class="featured-text text-center text-lg-left"> + <p class="text-black-50 mb-0"><?php echo($MovieArray['overview'])?></p> +</div> +<br/><br/> +<div class="table-responsive"> + <table class="table borderless"> + <tbody> + <tr> + <td style="text-align: right;">Genre :</td> + <td> + <?php foreach($MovieArray['genres'] as $tab) + { + echo($tab['name'].' / '); + } + ?> + </td> + </tr> + <tr> + <td style="text-align: right;">De :</td> + <td> + <?php foreach($CastArray['crew'] as $tab) + { + if($tab['job']=="Director") + { + echo($tab['name'].' / '); + } + } + ?> + </td> + </tr> + <tr> + <td style="text-align: right;">Ecrit par :</td> + <td> + <?php foreach($CastArray['crew'] as $tab) + { + if($tab['job']=="Story") + { + echo($tab['name'].' / '); + } + } + ?> + </td> + </tr> + <tr> + <td style="text-align: right;">Date de sortie :</td> + <td><?php echo($MovieArray['release_date'])?></td> + </tr> + <tr> + <td style="text-align: right;">Durée :</td> + <td><?php echo($MovieArray['runtime'])?></td> + </tr> + <tr> + <td style="text-align: right;">Budget :</td> + <td><?php echo($MovieArray['budget'])?></td> + </tr> + <tr> + <td style="text-align: right;">Box-Office :</td> + <td><?php echo($MovieArray['revenue'])?></td> + </tr> + <tr> + <td style="text-align: right;">Nationalité :</td> + <td> + <?php foreach($MovieArray['production_countries'] as $tab) + { + echo($tab['name'].' / '); + } + ?> + </td> + </tr> + <tr> + <td style="text-align: right;">Langue originale :</td> + <td><?php echo($MovieArray['original_language'])?></td> + </tr> + </tbody> + </table> +</div> +</div> +</div> +<br/> + +<div id="cast" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="featured-text text-center text-lg-left"> + <h3>Casting</h3> + + <div> + <table class="table borderless"> + <tbody> + <tr> + <?php + for($k=0; $k<1; $k++) + { + echo('<tr>'); + for ($i = (0+5*$k); $i < (5+5*$k); $i++) { + echo('<td><a href="fiche_acteur?id='.$CastArray['cast'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$CastArray['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.$CastArray['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.$CastArray['cast'][$i]['character'].'</p></a></td>'); + } + echo('</tr>'); + } + ?> + </tr> + </tbody> + </table> + </div> + </div> +</div> +<br/> +<div id="trailer" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="featured-text text-center text-lg-left"> + <h3>Trailer</h3> + </div> +</div> +<div class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="col-xl-2 col-lg-2"> + </div> + <div class="col-xl-8 col-lg-8"> + <center><iframe width="100%" height="350" src="https://www.youtube.com/embed/<?php echo(getMovieVideoArray($id)['results']['0']['key'])?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center> + </div> + <div class="col-xl-2 col-lg-2"> + </div> +</div> + + +<div id="recommendations" class="row align-items-center no-gutters mb-4 mb-lg-5"> + <div class="featured-text text-center text-lg-left"> + <h3>Si vous aimez ce film vous aimerez aussi :</h3> + + <div> + <table class="table borderless"> + <tbody> + <tr> + <?php + { + for ($i = 0; $i < 5; $i++) { + echo('<td><a href="fiche_film?id='.$RecommendationArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$RecommendationArray['results'][$i]['poster_path'].'" alt="photo du film"> <br/><center>'.$RecommendationArray['results'][$i]['title'].'</center></a>'); + } + } + ?> + </tr> + </tbody> + </table> + </div> + </div> +</div> + +<!-- Footer --> +<footer class="bg-white small text-center text-black-50"> + <div class="container"> + Copyright © La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe) + </div> +</footer> + +<!-- Bootstrap core JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script> +<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + +<!-- Plugin JavaScript --> +<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script> + +<!-- Custom scripts for this template --> +<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script> + + +</div> +</body> +</html> \ No newline at end of file diff --git a/src/WebApp/application/views/getMovie.php b/src/WebApp/application/views/getMovie.php index 8cfc4a357187b896498029397d4bdc92307b2d52..a038cac75154dc96ad98074b0225f4166c31629d 100644 --- a/src/WebApp/application/views/getMovie.php +++ b/src/WebApp/application/views/getMovie.php @@ -48,6 +48,15 @@ function getMovieRecommendationArray($id) return $movie_array; } +function getBestMovieArray() +{ + $tmdb_url='https://api.themoviedb.org/3/discover/movie?api_key=7ac6810245f15284418f2a15b9b22225&language=fr-FR&sort_by=vote_average.desc&vote_count.gte=10000'; + $movie_json = file_get_contents($tmdb_url); + $movie_array = json_decode($movie_json, true); + + return $movie_array['results']; +} + function getRandomMovie() { $input = array(28,329,299536,157336,578,13183,597,118340,111,68718,1271,16869,348,807,27205,553974,1895,274,497,78,65,238,769,500,3082,37165,200,300,600,100,550,115,155,165,175,180,185,215,235,240,275,280,380,415,435,440,475,565,595,605,620,640,650,680,710,406,313369,11324); @@ -88,4 +97,23 @@ function getRandomMovieWithGenre($genre) } $title = getRandomMovie(); +function getActorArray($actor_id) +{ + $tmdb_url = 'https://api.themoviedb.org/3/person/' . $actor_id . '?api_key=7ac6810245f15284418f2a15b9b22225&language=fr-FR'; + $actor_json = file_get_contents($tmdb_url); + $actor_array = json_decode($actor_json, true); + + return $actor_array; +} + +function getCreditsArray($actor_id) +{ + $tmdb_url = 'http://api.themoviedb.org/3/discover/movie?api_key=7ac6810245f15284418f2a15b9b22225&with_cast=' . $actor_id . '&language=fr-FR'; + $credits_json = file_get_contents($tmdb_url); + $credits_array = json_decode($credits_json, true); + + return $credits_array; +} + + ?> diff --git a/src/WebApp/application/views/inscription.php b/src/WebApp/application/views/inscription.php index 064de09f32c7ca35f51e7e3d8bd835a315c43660..67b86227206e89d5f414ffdc04b099e548353fc3 100644 --- a/src/WebApp/application/views/inscription.php +++ b/src/WebApp/application/views/inscription.php @@ -4,6 +4,21 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <html> <head> + <style> + .loading { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); + opacity: 0.8; + } + + </style> + + <link href="<?php echo base_url(); ?>application/css/styles.css" rel="stylesheet" > <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet"> @@ -19,10 +34,12 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <title>BingeWatcher</title> </head> <body id="page-top"> +<div class="loading"></div> +<script> $('.loading').fadeOut(100); </script> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="container"> - <a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a> + <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);" >Accueil</a> </div> </nav> diff --git a/src/WebApp/application/views/inscription_success.php b/src/WebApp/application/views/inscription_success.php index 67c1f9c53eeffbad05491c020316085a6d1a7a76..7d59dbffedd66b8701bd9f7cedce7502c0d4802f 100644 --- a/src/WebApp/application/views/inscription_success.php +++ b/src/WebApp/application/views/inscription_success.php @@ -22,7 +22,7 @@ defined('BASEPATH') OR exit('No direct script access allowed'); <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="container"> - <a class="navbar-brand js-scroll-trigger" href="../..">Retour</a> + <a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a> </div> </nav> diff --git a/src/WebApp/assets/img/page-loader.gif b/src/WebApp/assets/img/page-loader.gif new file mode 100644 index 0000000000000000000000000000000000000000..ae90a50748b577dfede3a86f91419ab6f80af865 Binary files /dev/null and b/src/WebApp/assets/img/page-loader.gif differ