<!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="{{ config['STATIC_URL'] }}/css/lib.css">
<link rel="stylesheet" href="{{ config['STATIC_URL'] }}/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>
<form role="form">
<div class="row">
<div class="col-md-12">
<autocomplete ng-model="catLabel" data="allCatLabels" attr-input-class="form-control" attr-placeholder="Mots clés..." ></autocomplete>
</div>
</div>
<div class="row">
<div class="col-md-12">
<textarea ng-model="catText" class="form-control" placeholder="Texte..." rows="2"></textarea>
</div>
</div>
</form>
<div class="row mons-content">
<div class="mons-button hand return" ng-style="returnVisStyle" ng-click="selectLevel()" 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" id="sendButton" ng-click="sendFreeAnnotation(catLabel, catText)" ng-class="{'success-border':sendBtnSuccess, 'error-border':sendBtnError}">
<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(c.label, c.code, catLabel, catText, c.color, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
<p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</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({% raw %} (c.prelabel !== '') ? (c.prelabel + ': ' + c.label) : c.label {% endraw %}, c.code, catLabel, catText, c.color, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
<div class="content">
<div class="table">
<div class="table-cell">
<p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
<p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</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="{{ config['STATIC_URL'] }}/js/lib.js"></script>
<!--script type="text/javascript" src="{{ pre_static_path }}static/js/templates.js"></script-->
<script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/app.js"></script>
<script type="text/javascript">
angular.module("mons")
.value('context', {
{% if logging %}logging: true,{% endif %}
urls: {
dataUrl: "{{ config['STATIC_URL'] }}/data/categories.json"
},
categories_json: '{% if categories_json %}{{categories_json}}{% endif %}',
{% if event_code %}event_code: "{{event_code}}",{% endif %}
});
</script>
</body>
</html>