client/annot-client/app/annotationclient.html
author rougeronj
Tue, 20 Jan 2015 12:00:40 +0100
changeset 99 9d968fbcaa2a
parent 80 dd414da0f0bb
child 107 6d41506f9482
permissions -rw-r--r--
Add General Time Line + minor change in annotsRoll
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     1
<!doctype html>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     2
<html>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     3
<head>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     4
  <meta charset="utf-8">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     5
  <meta name="viewport" content="width=device-width, initial-scale=1">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     6
  <title>Mons by IRI</title>
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
     7
  <link rel="stylesheet" href="{{ config['STATIC_URL'] }}/css/lib.css">
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
     8
  <link rel="stylesheet" href="{{ config['STATIC_URL'] }}/css/app.css">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     9
</head>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    10
<body ng-controller="homeCtrl" ng-app="mons" ng-cloak>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    11
  <div class="container">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    12
    <div class="row">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    13
      <div class="col-md-12">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    14
      <form role="form">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    15
        <input class="form-control" placeholder="Nom d'utilisateur" ng-model="username"/>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    16
      </form>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    17
      </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    18
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    19
    <div class="row">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    20
      <div class="col-md-12">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    21
        <form role="form">
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    22
          <autocomplete ng-model="yourchoice" data="allCatLabels" attr-input-class="form-control" attr-placeholder="Catégories..." ></autocomplete>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    23
        </form>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    24
      </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    25
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    26
    <div class="row mons-content">
11
c0f9f9ab2a8a clean messages and error.
cavaliet
parents: 10
diff changeset
    27
        <div class="mons-button hand return" ng-style="returnVisStyle" ng-click="selectLevel()" ng-init="returnVisStyle={visibility:'hidden'}">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    28
          <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    29
              <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    30
                <div class="table-cell">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    31
                  <p class="large-cat">RETOUR</p>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    32
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    33
              </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    34
          </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    35
        </div>
36
5d392dea4f49 error status management in client annotation
cavaliet
parents: 13
diff changeset
    36
        <div class="mons-button hand send" id="sendButton" ng-click="sendAnnotation(yourchoice)" ng-class="{'success-border':sendBtnSuccess, 'error-border':sendBtnError}">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    37
          <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    38
              <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    39
                <div class="table-cell">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    40
                  <p class="large-cat">ENVOYER</p>
8
cavaliet
parents: 6
diff changeset
    41
                  <p class="normal-cat">la catégorie saisie</p>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    42
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    43
              </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    44
          </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    45
        </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    46
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    47
    <div class="mons-content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    48
      <div ng-show="!selectedlevel">
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
    49
          <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
36
5d392dea4f49 error status management in client annotation
cavaliet
parents: 13
diff changeset
    50
                                        ng-click="selectLevel(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    51
            <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    52
                <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    53
                  <div class="table-cell">
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    54
                    <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
48
a7abfcfd7959 real time with piano roll and new category management
cavaliet
parents: 42
diff changeset
    55
                    <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    56
                  </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    57
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    58
            </div>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    59
          </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    60
      </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    61
      <div ng-show="selectedlevel">
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
    62
          <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
48
a7abfcfd7959 real time with piano roll and new category management
cavaliet
parents: 42
diff changeset
    63
                                        ng-click="sendAnnotation({% raw %} (c.prelabel !== '') ? (c.prelabel + ': ' + c.label) : c.label {% endraw %}, c.code, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    64
            <div class="content">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    65
                <div class="table">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    66
                  <div class="table-cell">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    67
                    <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
48
a7abfcfd7959 real time with piano roll and new category management
cavaliet
parents: 42
diff changeset
    68
                    <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    69
                  </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    70
                </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    71
            </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    72
          </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    73
      </div>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    74
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    75
    <footer>
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    76
	  {% if logging %}<div class="row">
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    77
	    <pre id="log" style="height: 20em; overflow-y: scroll; background-color: #faa; text-align: left;"></pre>
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    78
      </div>{% endif %}
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    79
      <div class="row">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    80
        <div class="col-md-12 text-center">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    81
            mons vBeta - ©IRI-2014
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    82
        </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    83
      </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    84
    </footer>
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 8
diff changeset
    85
    <div class="row messages">
ae8a74bd6add alert system for feedback
cavaliet
parents: 8
diff changeset
    86
      <div class="alert" ng-class="{'alert-success':showSuccessAlert, 'alert-danger':!showSuccessAlert}" role="alert" ng-show="showAlertDiv">{{ '{{' }} alertMessage {{ '}}' }}</div>
ae8a74bd6add alert system for feedback
cavaliet
parents: 8
diff changeset
    87
    </div>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    88
  </div>
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
    89
  <script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/lib.js"></script>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    90
  <!--script type="text/javascript" src="{{ pre_static_path }}static/js/templates.js"></script-->
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
    91
  <script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/app.js"></script>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    92
  <script type="text/javascript">
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    93
    angular.module("mons")
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    94
        .value('context', {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    95
            {% if logging %}logging: true,{% endif %}
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    96
            urls: {
13
435d5c15275a clean client npm and gulp config, change flask root url, reference static url in template, change config management to follow flask convention
ymh <ymh.work@gmail.com>
parents: 11
diff changeset
    97
                dataUrl: "{{ config['STATIC_URL'] }}/data/categories.json"
42
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 36
diff changeset
    98
            },
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 36
diff changeset
    99
            categories_json: '{% if categories_json %}{{categories_json}}{% endif %}',
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 36
diff changeset
   100
            {% if event_code %}event_code: "{{event_code}}",{% endif %}
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
   101
        });
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   102
  </script>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   103
</body>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   104
</html>