fic/server
Archived
1
0
Fork 0
Code Issues Pull requests 10 Releases Wiki Activity

frontend: refactor home page

Browse source
This commit is contained in:
nemunaire 2018-11-25 02:02:06 +01:00
parent 168e7cd636
commit bc2d09e14e
2 changed files with 19 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/static/js/challenge.js
View file

@ -180,6 +180,9 @@ angular.module("FICApp", ["ngRoute", "ngSanitize"])
$rootScope.refresh();
})
.controller("ExerciceController", function($scope, $routeParams, $http, $rootScope, $timeout) {
if (window.scrollY > 112)
window.scrollTo(window.scrollX, 112);
$scope.$watch("themesUrl", function(themesUrl) {
if (themesUrl != undefined)
$rootScope.current_theme = themesUrl[$routeParams.theme];
@ -247,6 +250,7 @@ angular.module("FICApp", ["ngRoute", "ngSanitize"])
var o = {
id: kid,
name: key,
help: "#help goes here#not yet implemented#",
value: ""
};
if ($scope.my.exercices[$rootScope.current_exercice].solved_matrix != null)
@ -489,7 +493,7 @@ angular.module("FICApp", ["ngRoute", "ngSanitize"])
.controller("HomeController", function($scope, $rootScope) {
$rootScope.current_theme = 0;
$rootScope.current_exercice = 0;
$rootScope.title = "";
$rootScope.title = "Bienvenue au challenge forensic de l'ÉPITA !";
$rootScope.authors = "";
});

94
frontend/static/views/home.html
View file

@ -1,88 +1,22 @@
<div class="row">
<div class="col text-justify">
<div class="jumbotron" style="text-indent: 1em">
<h2 style="text-indent: 0">Bienvenue <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span>&nbsp;!</h2>
<hr>
<p ng-if="(my.team_id)">
Félicitations&nbsp;! vous êtes maintenant connecté à l'espace de votre
équipe <em>{{ teams[my.team_id].name }}</em>. Vous pouvez changer ce nom
dès maintenant en vous rendant sur la page de <a href="/edit">votre
équipe</a>.
</p>
<p class="text-warning" ng-if="(my.team_id && !my.members.length)">
Les membres de votre équipes ne sont pas encore enregistrés.
Passez voir l'équipe serveur pour corriger cela.
</p>
<p>
Compromissions, défauts de configuration, utilisations malveillantes,
contournements des règles de sécurité,&nbsp;&hellip; tous les jours nous mettons
en danger nos données.
</p>
<p>
Saurez-vous identifier les différents vecteurs de fuites de données avec
lesquels nos systèmes d'informations et nos utilisateurs font face&nbsp;?
</p>
<p>
Bon courage&nbsp;!
</p>
<div class="alert alert-danger" ng-if="!(my.team_id)">
<strong>Attention&nbsp;:</strong> puisqu'il s'agit de captures effectuées dans le but de découvrir si des actes malveillants ont été commis sur différents systèmes d'information, les contenus qui sont téléchargeables <em>peuvent</em> contenir du contenu malveillant&nbsp;!
</div>
<div class="alert alert-danger">
<strong>Attention&nbsp;:</strong> puisqu'il s'agit de captures effectuées dans le
but de découvrir si des actes malveillants ont été commis sur différents
systèmes d'information, les contenus qui sont
téléchargeables <em>peuvent</em> contenir du contenu malveillant&nbsp;!
<div class="alert alert-primary text-justify" ng-if="(my.team_id)">
<strong>Félicitations <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span>&nbsp;!</strong> vous êtes maintenant connecté à l'espace de votre équipe <em>{{ teams[my.team_id].name }}</em>. Vous pouvez changer ce nom dès maintenant en vous rendant sur la page de <a href="/edit">votre équipe</a>.
</div>
<div class="alert alert-warning text-justify" ng-if="(my.team_id && !my.members.length)">
<strong>Les membres de votre équipes ne sont pas encore enregistrés.</strong> Passez voir l'équipe serveur pour corriger cela.
</div>
<div class="col-md-3" ng-if="(my.team_id)">
<div class="card text-white bg-primary">
<div class="card-header">
Progression
</div>
<div class="card-columns">
<div class="card" ng-repeat="(k,theme) in themes">
<img class="card-img-top" src=".../100px180/" alt="">
<div class="card-body">
<strong>Vous</strong>
<div class="progress progress-striped">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: {{ my.score * 100 / max_gain }}%;">
<span class="sr-only">{{ my.score * 100 / max_gain }}% Complete</span>
</div>
<h5 class="card-title">
<a ng-href="/{{ theme.urlid }}">{{ theme.name }}</a>
<a ng-href="/tags/{{tag}}" class="badge badge-pill badge-secondary ml-1 float-right">#tag</a>
</h5>
<p style="clear: both" class="card-text text-justify">Sunt omnis est quibusdam aperiam quos minima numquam. Omnis eos corrupti corrupti quia ut.</p>
</div>
<strong>Le temps</strong>
<div class="progress">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: {{ 100 - time.remaining / time.duration * 100 }}%;">
<span class="sr-only">{{ time.remaining }} secondes restantes</span>
</div>
</div>
<div ng-if="rank.length && rank[0].id != my.team_id">
<strong>La meilleure équipe ({{ rank[0].name }})</strong>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[0].score * 100 / max_gain }}%;">
<span class="sr-only">{{ rank[0].score * 100 / max_gain }}% Complete</span>
</div>
</div>
</div>
<div ng-if="rank[0].id == my.team_id && rank.length > 1">
<strong>La seconde équipe ({{ rank[1].name }})</strong>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[1].score * 100 / max_gain }}%;">
<span class="sr-only">{{ rank[1].score * 100 / max_gain }}% Complete</span>
</div>
</div>
</div>
</div>
</div>
<div ng-controller="RankController" ng-if="!(my.team_id)">
<ng-include src="'views/rank.html'">
</div>
<!-- Avoid title rewrite... -->
<div ng-controller="HomeController"></div>