--- /dev/null
+<div ng-include="'components/navbar/navbar.html'"></div>
+
+<header class="hero-unit" id="banner">
+ <div class="container">
+ <div class="col-md-9" style="text-align:justify">
+ <h1><i class="fa fa-clipboard"></i> {{project.title}}</h1>
+ <p class="lead">{{project.shortDescription}}</p>
+ </div>
+ <div class="col-md-3 thumbnail">
+ <img src="{{project.image}}">
+ </div>
+ </div>
+</header>
+<hr>
+<div class="container">
+ <div class="row">
+ <div class="col-md-8">
+ <tabset type="pills">
+ <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled">
+ <hr>
+ <div class="well">
+ <ng-include src="tab.content"></ng-include>
+ </div>
+ </tab>
+ </tabset>
+ </div>
+ <div class="col-md-4">
+ <div class="panel panel-warning" ng-show="project.state === 'En financement'">
+ <div class="panel-heading">
+ <i class="fa fa-eur"></i> Faites un don
+ </div>
+ <div class="panel-body">
+ <form>
+ <div class="input-group">
+ <input type="text" class="form-control">
+ <span class="input-group-addon">€</span>
+ <span class="input-group-btn">
+ <button class="btn btn-default" type="button" ng-click="give()">Go!</button>
+ </span>
+ </div>
+ </form>
+ <hr>
+ <div class="progress">
+ <div ng-show=" project.askedDonations > project.currentDonations">
+ <div class="progress-bar progress-bar-warning" role="progressbar" style="width: {{project.currentDonations/project.askedDonations*100}}%;">
+ {{Math.round(project.currentDonations/project.askedDonations*100)}}%
+ </div>
+ </div>
+ <div ng-show="project.currentDonations > project.askedDonations">
+ <div class="progress-bar progress-bar-warning" role="progressbar" style="width: {{project.askedDonations/project.currentDonations*100}}%;">
+ 100%
+ </div>
+ <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{(project.currentDonations - project.askedDonations)/project.currentDonations*100}}%;">
+ {{Math.round(project.currentDonations/project.askedDonations*100)}}%
+ </div>
+ </div>
+ </div>
+ <p><em><b>Objectif</b> : {{project.currentDonations}} / {{project.askedDonations}} €</em></p>
+ <p><em><b>Fin</b> : {{convertToLocaleDate(project.endingDate)}}</em></p>
+ </div>
+ </div>
+
+ <div class="panel panel-warning" ng-show="project.state === 'En financement'">
+ <!-- Default panel contents -->
+ <div class="panel-heading">
+ <i class="fa fa-users"></i> Liste des donateurs
+ </div>
+ <!-- List group -->
+ <div class="list-group">
+ <a href="#" class="list-group-item">Jean GENOT <span class="badge">50</span></a>
+ <a href="#" class="list-group-item">Romain MONIN<span class="badge">45</span></a>
+ <a href="#" class="list-group-item">Luc DEBENE <span class="badge">30</span></a>
+ </div>
+ </div>
+
+ <div class="panel panel-warning" ng-show="project.state === 'En développement'">
+ <div class="panel-heading">
+ <i class="fa fa-inbox"></i> Envoyez-moi vos idées!
+ </div>
+ <div class="panel-body" ng-click="display('suggestionbox')">
+ <div align="center">
+ <i class="fa fa-lightbulb-o fa-spin fa-5x"></i>
+ </div>
+ </div>
+ </div>
+
+ <div class="panel panel-info">
+ <!-- Default panel contents -->
+ <div class="panel-heading">
+ <i class="fa fa-star"></i> Objectifs
+ <span class="pull-right" ng-show="isOwner">
+ <a data-toggle="modal" data-target="#editObjectives_Modal">
+ <i class="fa fa-edit fa-lg"></i> Modifier
+ </a>
+ </span>
+ </div>
+ <!-- <div class="panel-body">
+<p>Les paliers suivants permettent de débloquer : </p>
+</div> -->
+ <ul class="list-group">
+ <li class="list-group-item success">
+ <p><span class="h4">Un palier de fou</span> <em>( <span class="text-warning">500 €</span> )</em></p>
+ <p>Lorem ipsum dolor isset.</p>
+ </li>
+ <li class="list-group-item bg-warning">
+ Dapibus ac facilisis in
+ </li>
+ <li class="list-group-item">
+ Morbi leo risus
+ </li>
+ <li class="list-group-item">
+ Porta ac consectetur ac
+ </li>
+ <li class="list-group-item">
+ Vestibulum at eros
+ </li>
+ </ul>
+ <!-- Table -->
+ <!-- <table class="table">
+ <thead>
+ <tr>
+ <th>Palier</th>
+ <th>Nom</th>
+ <th>Montant</th>
+ </tr>
+ </thead>
+
+ <tbody>
+ <tr>
+ <td>1</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+
+ <tr>
+ <td>2</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+
+ <tr>
+ <td>3</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+ </tbody>
+ </table> -->
+ </div>
+
+ <!-- Modal -->
+ <div class="modal fade" id="editObjectives_Modal" tabindex="-1" role="dialog" aria-labelledby="editObjectives_ModalLabel" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
+ <h4 class="modal-title" id="myModalLabel">Modification des objectifs</h4>
+ </div>
+ <div class="modal-body">
+ ...
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-warning" data-dismiss="modal" ng-click="save('objectives')">Enregistrer</button>
+ <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="panel panel-info">
+ <!-- Default panel contents -->
+ <div class="panel-heading">
+ <i class="fa fa-gift"></i> Contreparties
+ <span class="pull-right" ng-show="isOwner">
+ <a data-toggle="modal" data-target="#editGifts_Modal">
+ <i class="fa fa-edit fa-lg"></i> Modifier
+ </a>
+ </span>
+ </div>
+ <!-- <div class="panel-body">
+<p>Les paliers suivants permettent de débloquer : </p>
+</div> -->
+ <ul class="list-group">
+ <li class="list-group-item success">
+ <p><span class="h4">Une super contrepartie</span> <em>( <span class="text-warning">5 €</span> )</em></p>
+ <p>Lorem ipsum dolor isset.</p>
+ <p class="text-muted"><em>Ilimite</em></p>
+ </li>
+ <li class="list-group-item bg-warning">
+ <p><span class="h4">Une contrepartie encore mieux</span> <em>( <span class="text-warning">10 €</span> )</em></p>
+ <p>Lorem ipsum dolor isset.</p>
+ <p class="text-muted"><em>15 restants</em></p>
+ </li>
+ <li class="list-group-item">
+ Morbi leo risus
+ </li>
+ <li class="list-group-item">
+ Porta ac consectetur ac
+ </li>
+ <li class="list-group-item">
+ Vestibulum at eros
+ </li>
+ </ul>
+ <!-- Table -->
+ <!-- <table class="table">
+ <thead>
+ <tr>
+ <th>Palier</th>
+ <th>Nom</th>
+ <th>Montant</th>
+ </tr>
+ </thead>
+
+ <tbody>
+ <tr>
+ <td>1</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+
+ <tr>
+ <td>2</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+
+ <tr>
+ <td>3</td>
+ <td>John</td>
+ <td>Carter</td>
+ </tr>
+ </tbody>
+ </table> -->
+ </div>
+
+ <!-- Modal -->
+ <div class="modal fade" id="editGifts_Modal" tabindex="-1" role="dialog" aria-labelledby="editGifts_ModalLabel" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
+ <h4 class="modal-title" id="myModalLabel">Modification des contreparties</h4>
+ </div>
+ <div class="modal-body">
+ ...
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-warning" data-dismiss="modal" ng-click="save('gifts')">Enregistrer</button>
+ <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+</div>
+
+<div ng-include="'components/footer/footer.html'"></div>
\ No newline at end of file