client/app/annotationclient.html
author cavaliet
Fri, 10 Oct 2014 17:07:06 +0200
changeset 11 c0f9f9ab2a8a
parent 10 90918426079c
child 13 435d5c15275a
permissions -rw-r--r--
clean messages and error.
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>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
     7
  <link rel="stylesheet" href="{{ pre_static_path }}static/css/lib.css">
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
     8
  <link rel="stylesheet" href="{{ pre_static_path }}static/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>
10
90918426079c better feedback after annotation sent
cavaliet
parents: 9
diff changeset
    36
        <div class="mons-button hand send" id="sendButton" ng-click="sendAnnotation(yourchoice)" ng-class="{'success-border':sendBtnSuccess}">
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">
10
90918426079c better feedback after annotation sent
cavaliet
parents: 9
diff changeset
    49
          <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}" 
11
c0f9f9ab2a8a clean messages and error.
cavaliet
parents: 10
diff changeset
    50
                                        ng-click="selectLevel(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
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>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    55
                    <p class="normal-cat">{{ '{{' }} c.full_label {{ '}}' }}</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">
10
90918426079c better feedback after annotation sent
cavaliet
parents: 9
diff changeset
    62
          <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}" 
11
c0f9f9ab2a8a clean messages and error.
cavaliet
parents: 10
diff changeset
    63
                                        ng-click="sendAnnotation(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
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>
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    68
                    <p class="normal-cat">{{ '{{' }} c.full_label {{ '}}' }}</p>
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>
4
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    89
  <script type="text/javascript" src="{{ pre_static_path }}static/js/lib.js"></script>
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-->
9c70d81e9062 update gulpfile for template to work with twistd/flask
cavaliet
parents: 1
diff changeset
    91
  <script type="text/javascript" src="{{ pre_static_path }}static/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: {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    97
                dataUrl: "{{ pre_static_path }}static/data/categories.json"
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    98
            }
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 4
diff changeset
    99
        });
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   100
  </script>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   101
</body>
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   102
</html>