client/annot-client/app/annotationclient.html
author ymh <ymh.work@gmail.com>
Thu, 22 Jan 2015 03:23:08 +0100
changeset 107 6d41506f9482
parent 80 dd414da0f0bb
child 115 14da5aeab8d9
permissions -rw-r--r--
correct annotation client
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>
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    19
    <form role="form">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    20
    <div class="row">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    21
      <div class="col-md-12">
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    22
          <autocomplete ng-model="catLabel" 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
      </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    24
    </div>
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    25
    <div class="row">
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    26
      <div class="col-md-12">
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    27
          <textarea ng-model="catText" class="form-control" placeholder="Texte..." rows="2"></textarea>
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    28
      </div>
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    29
    </div>
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    30
    </form>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    31
    <div class="row mons-content">
11
c0f9f9ab2a8a clean messages and error.
cavaliet
parents: 10
diff changeset
    32
        <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
    33
          <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    34
              <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    35
                <div class="table-cell">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    36
                  <p class="large-cat">RETOUR</p>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    37
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    38
              </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    39
          </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    40
        </div>
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    41
        <div class="mons-button hand send" id="sendButton" ng-click="sendFreeAnnotation(catLabel, catText)" ng-class="{'success-border':sendBtnSuccess, 'error-border':sendBtnError}">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    42
          <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    43
              <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    44
                <div class="table-cell">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    45
                  <p class="large-cat">ENVOYER</p>
8
cavaliet
parents: 6
diff changeset
    46
                  <p class="normal-cat">la catégorie saisie</p>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    47
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    48
              </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    49
          </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    50
        </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    51
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    52
    <div class="mons-content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    53
      <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
    54
          <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    55
                                        ng-click="selectLevel(c.label, c.code, catLabel, catText, c.color, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    56
            <div class="content">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    57
                <div class="table">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    58
                  <div class="table-cell">
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    59
                    <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
48
a7abfcfd7959 real time with piano roll and new category management
cavaliet
parents: 42
diff changeset
    60
                    <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    61
                  </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    62
                </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    63
            </div>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    64
          </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    65
      </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    66
      <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
    67
          <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
107
6d41506f9482 correct annotation client
ymh <ymh.work@gmail.com>
parents: 80
diff changeset
    68
                                        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}">
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    69
            <div class="content">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    70
                <div class="table">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    71
                  <div class="table-cell">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    72
                    <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
48
a7abfcfd7959 real time with piano roll and new category management
cavaliet
parents: 42
diff changeset
    73
                    <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    74
                  </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    75
                </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    76
            </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    77
          </div>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    78
      </div>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    79
    </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    80
    <footer>
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    81
	  {% if logging %}<div class="row">
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    82
	    <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
    83
      </div>{% endif %}
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    84
      <div class="row">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    85
        <div class="col-md-12 text-center">
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    86
            mons vBeta - ©IRI-2014
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    87
        </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    88
      </div>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    89
    </footer>
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 8
diff changeset
    90
    <div class="row messages">
ae8a74bd6add alert system for feedback
cavaliet
parents: 8
diff changeset
    91
      <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
    92
    </div>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    93
  </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
    94
  <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
    95
  <!--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
    96
  <script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/app.js"></script>
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    97
  <script type="text/javascript">
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    98
    angular.module("mons")
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    99
        .value('context', {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   100
            {% if logging %}logging: true,{% endif %}
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
   101
            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
   102
                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
   103
            },
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 36
diff changeset
   104
            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
   105
            {% if event_code %}event_code: "{{event_code}}",{% endif %}
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
   106
        });
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   107
  </script>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   108
</body>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   109
</html>