<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mons by IRI</title>
<link rel="stylesheet" href="{{ pre_static_path }}static/css/lib.css">
<link rel="stylesheet" href="{{ pre_static_path }}static/css/app.css">
</head>
<body ng-controller="homeCtrl" ng-app="mons" ng-cloak>
<div class="container">
<div class="row">
<div class="col-md-12">
<form role="form">
<input class="form-control" placeholder="Nom d'utilisateur" ng-model="username"/>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<form role="form">
<autocomplete ng-model="yourchoice" data="allCatLabels" attr-input-class="form-control" attr-placeholder="Catégories..." ></autocomplete>
</form>
</div>
</div>
<div class="row mons-content">
<div class="mons-button hand return" ng-style="returnVisStyle" ng-click="selectLevel(false)" ng-init="returnVisStyle={visibility:'hidden'}">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">RETOUR</p>
</div>
</div>
</div>
</div>
<div class="mons-button hand send" ng-click="sendAnnotation(yourchoice)">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">ENVOYER</p>
<p class="normal-cat">la catégorie saisie</p>
</div>
</div>
</div>
</div>
</div>
<div class="mons-content">
<div ng-show="!selectedlevel">
<div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}" ng-click="selectLevel($index, c.event_code)">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
<p class="normal-cat">{{ '{{' }} c.full_label {{ '}}' }}</p>
</div>
</div>
</div>
</div>
</div>
<div ng-show="selectedlevel">
<div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}" ng-click="sendAnnotation(c.event_code)">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
<p class="normal-cat">{{ '{{' }} c.full_label {{ '}}' }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
{% if logging %}<div class="row">
<pre id="log" style="height: 20em; overflow-y: scroll; background-color: #faa; text-align: left;"></pre>
</div>{% endif %}
<div class="row">
<div class="col-md-12 text-center">
mons vBeta - ©IRI-2014
</div>
</div>
</footer>
<div class="row messages">
<div class="alert" ng-class="{'alert-success':showSuccessAlert, 'alert-danger':!showSuccessAlert}" role="alert" ng-show="showAlertDiv">{{ '{{' }} alertMessage {{ '}}' }}</div>
</div>
</div>
<script type="text/javascript" src="{{ pre_static_path }}static/js/lib.js"></script>
<!--script type="text/javascript" src="{{ pre_static_path }}static/js/templates.js"></script-->
<script type="text/javascript" src="{{ pre_static_path }}static/js/app.js"></script>
<script type="text/javascript">
angular.module("mons")
.value('context', {
{% if logging %}logging: true,{% endif %}
urls: {
dataUrl: "{{ pre_static_path }}static/data/categories.json"
}
});
</script>
</body>
</html>