Commit de18ba028af0786f7e451f2d1ca6a293a5172e14
1 parent
4932caf3
Bôté
Showing
3 changed files
with
26 additions
and
23 deletions
Show diff stats
bower.json
| 1 | { | 1 | { |
| 2 | - "name": "ci-site", | ||
| 3 | - "version": "0.0.1", | ||
| 4 | - "dependencies": { | ||
| 5 | - "bootstrap": "latest", | ||
| 6 | - "font-awesome": "latest", | ||
| 7 | - "animate.css": "latest", | ||
| 8 | - "angular": "latest", | ||
| 9 | - "angular-route": "latest" | ||
| 10 | - } | ||
| 11 | -} | ||
| 12 | \ No newline at end of file | 2 | \ No newline at end of file |
| 3 | + "name": "ci-site", | ||
| 4 | + "version": "0.0.1", | ||
| 5 | + "dependencies": { | ||
| 6 | + "font-awesome": "latest", | ||
| 7 | + "angular": "latest", | ||
| 8 | + "angular-route": "latest", | ||
| 9 | + "bootswatch-dist": "3.3.2-cerulean" | ||
| 10 | + } | ||
| 11 | +} |
public/views/index.html
| 1 | <!doctype html> | 1 | <!doctype html> |
| 2 | <html lang="fr"> | 2 | <html lang="fr"> |
| 3 | <head> | 3 | <head> |
| 4 | - <!-- META --> | ||
| 5 | <meta charset="utf-8"> | 4 | <meta charset="utf-8"> |
| 6 | <base href="/"> | 5 | <base href="/"> |
| 7 | <meta name="viewport" content="width=device-width, initial-scale=1"> | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 8 | <title>Club Informatique de Polytech Lille</title> | 7 | <title>Club Informatique de Polytech Lille</title> |
| 9 | - <!-- CSS --> | ||
| 10 | - <link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.min.css"> | 8 | + <link rel="stylesheet" href="libs/bootswatch-dist/css/bootstrap.min.css"> |
| 11 | <link rel="stylesheet" href="css/style.css"> | 9 | <link rel="stylesheet" href="css/style.css"> |
| 12 | - <!-- JS --> | ||
| 13 | <script src="libs/jquery/dist/jquery.min.js"></script> | 10 | <script src="libs/jquery/dist/jquery.min.js"></script> |
| 14 | <script src="libs/angular/angular.min.js"></script> | 11 | <script src="libs/angular/angular.min.js"></script> |
| 15 | <script src="libs/angular-route/angular-route.min.js"></script> | 12 | <script src="libs/angular-route/angular-route.min.js"></script> |
| 16 | - <!-- APP --> | ||
| 17 | <script src="js/controllers/MembreCtrl.js"></script> | 13 | <script src="js/controllers/MembreCtrl.js"></script> |
| 18 | <script src="js/appRoutes.js"></script> | 14 | <script src="js/appRoutes.js"></script> |
| 19 | <script src="js/app.js"></script> | 15 | <script src="js/app.js"></script> |
| 20 | </head> | 16 | </head> |
| 21 | <body ng-app="ciApp"> | 17 | <body ng-app="ciApp"> |
| 22 | <div class="container"> | 18 | <div class="container"> |
| 23 | - <nav class="navbar navbar-inverse"> | ||
| 24 | - <div class="navbar-header"> | ||
| 25 | - <a class="navbar-brand" href="/">Club Info</a> | 19 | + <nav class="navbar navbar-default"> |
| 20 | + <div class="container-fluid"> | ||
| 21 | + <div class="navbar-header"> | ||
| 22 | + <a class="navbar-brand" href="/">Club Info</a> | ||
| 23 | + </div> | ||
| 24 | + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
| 25 | + <ul class="nav navbar-nav"> | ||
| 26 | + <li><a href="/membres">Membres</a></li> | ||
| 27 | + </ul> | ||
| 28 | + <ul class="nav navbar-nav navbar-right"> | ||
| 29 | + <li><a href="/connect">Se connecter</a></li> | ||
| 30 | + </ul> | ||
| 31 | + </div> | ||
| 26 | </div> | 32 | </div> |
| 27 | - <ul class="nav navbar-nav"> | ||
| 28 | - <li><a href="/membres">Membres</a></li> | ||
| 29 | - </ul> | ||
| 30 | </nav> | 33 | </nav> |
| 31 | <div ng-view></div> | 34 | <div ng-view></div> |
| 32 | </div> | 35 | </div> |
public/views/membres.html
| 1 | <div class="container"> | 1 | <div class="container"> |
| 2 | <!-- HEADER AND TODO COUNT --> | 2 | <!-- HEADER AND TODO COUNT --> |
| 3 | <div class="jumbotron text-center"> | 3 | <div class="jumbotron text-center"> |
| 4 | - <h1>Il y a <span class="label label-info">{{ membres.length }}</span> personnes au Club Info !</h1> | 4 | + <h1>Il y a <span id="membre-qt"class="label label-info">{{ membres.length }}</span> personnes au Club Info !</h1> |
| 5 | + <p>Mais avec toi, ça serait encore plus sympa !</p> | ||
| 5 | </div> | 6 | </div> |
| 6 | - <table id="membre-list"> | 7 | + <table id="membre-list" class="table table-striped table-hover"> |
| 7 | <thead> | 8 | <thead> |
| 8 | <tr> | 9 | <tr> |
| 9 | <th>Nom</th> | 10 | <th>Nom</th> |