--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/app/annotationclient.html Thu Oct 09 12:17:28 2014 +0200
@@ -0,0 +1,94 @@
+<!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" on-type="onAutocompleteType" attr-input-class="form-control" attr-placeholder="Catégories..." on-select="onSelect" ></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>
+ <div class="row">
+ <div class="col-md-12 text-center">
+ mons vBeta - ©IRI-2014
+ </div>
+ </div>
+ </footer>
+ </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', {
+ urls: {
+ dataUrl: "{{ pre_static_path }}static/data/categories.json"
+ }
+ });
+
+ </script>
+</body>
+</html>