annot-server/webapp/templates/annotationclient.html
changeset 22 986ee928a866
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/annot-server/webapp/templates/annotationclient.html	Tue Oct 14 05:07:37 2014 +0200
@@ -0,0 +1,102 @@
+<!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>
+    <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()" 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="sendAnnotation(yourchoice)" ng-class="{'success-border':sendBtnSuccess}">
+          <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, c)" ng-class="{'success-border':c.sendSuccess}">
+            <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.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
+            <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="{{ 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"
+            }
+        });
+  </script>
+</body>
+</html>