client/annot-client/app/annotationclient.html
changeset 107 6d41506f9482
parent 80 dd414da0f0bb
child 115 14da5aeab8d9
equal deleted inserted replaced
106:9b20ddf1fc70 107:6d41506f9482
    14       <form role="form">
    14       <form role="form">
    15         <input class="form-control" placeholder="Nom d'utilisateur" ng-model="username"/>
    15         <input class="form-control" placeholder="Nom d'utilisateur" ng-model="username"/>
    16       </form>
    16       </form>
    17       </div>
    17       </div>
    18     </div>
    18     </div>
       
    19     <form role="form">
    19     <div class="row">
    20     <div class="row">
    20       <div class="col-md-12">
    21       <div class="col-md-12">
    21         <form role="form">
    22           <autocomplete ng-model="catLabel" data="allCatLabels" attr-input-class="form-control" attr-placeholder="Catégories..." ></autocomplete>
    22           <autocomplete ng-model="yourchoice" data="allCatLabels" attr-input-class="form-control" attr-placeholder="Catégories..." ></autocomplete>
       
    23         </form>
       
    24       </div>
    23       </div>
    25     </div>
    24     </div>
       
    25     <div class="row">
       
    26       <div class="col-md-12">
       
    27           <textarea ng-model="catText" class="form-control" placeholder="Texte..." rows="2"></textarea>
       
    28       </div>
       
    29     </div>
       
    30     </form>
    26     <div class="row mons-content">
    31     <div class="row mons-content">
    27         <div class="mons-button hand return" ng-style="returnVisStyle" ng-click="selectLevel()" ng-init="returnVisStyle={visibility:'hidden'}">
    32         <div class="mons-button hand return" ng-style="returnVisStyle" ng-click="selectLevel()" ng-init="returnVisStyle={visibility:'hidden'}">
    28           <div class="content">
    33           <div class="content">
    29               <div class="table">
    34               <div class="table">
    30                 <div class="table-cell">
    35                 <div class="table-cell">
    31                   <p class="large-cat">RETOUR</p>
    36                   <p class="large-cat">RETOUR</p>
    32                 </div>
    37                 </div>
    33               </div>
    38               </div>
    34           </div>
    39           </div>
    35         </div>
    40         </div>
    36         <div class="mons-button hand send" id="sendButton" ng-click="sendAnnotation(yourchoice)" ng-class="{'success-border':sendBtnSuccess, 'error-border':sendBtnError}">
    41         <div class="mons-button hand send" id="sendButton" ng-click="sendFreeAnnotation(catLabel, catText)" ng-class="{'success-border':sendBtnSuccess, 'error-border':sendBtnError}">
    37           <div class="content">
    42           <div class="content">
    38               <div class="table">
    43               <div class="table">
    39                 <div class="table-cell">
    44                 <div class="table-cell">
    40                   <p class="large-cat">ENVOYER</p>
    45                   <p class="large-cat">ENVOYER</p>
    41                   <p class="normal-cat">la catégorie saisie</p>
    46                   <p class="normal-cat">la catégorie saisie</p>
    45         </div>
    50         </div>
    46     </div>
    51     </div>
    47     <div class="mons-content">
    52     <div class="mons-content">
    48       <div ng-show="!selectedlevel">
    53       <div ng-show="!selectedlevel">
    49           <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
    54           <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
    50                                         ng-click="selectLevel(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
    55                                         ng-click="selectLevel(c.label, c.code, catLabel, catText, c.color, c)" ng-class="{'success-border':c.sendSuccess, 'error-border':c.sendError}">
    51             <div class="content">
    56             <div class="content">
    52                 <div class="table">
    57                 <div class="table">
    53                   <div class="table-cell">
    58                   <div class="table-cell">
    54                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    59                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    55                     <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
    60                     <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
    58             </div>
    63             </div>
    59           </div>
    64           </div>
    60       </div>
    65       </div>
    61       <div ng-show="selectedlevel">
    66       <div ng-show="selectedlevel">
    62           <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
    67           <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
    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}">
    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}">
    64             <div class="content">
    69             <div class="content">
    65                 <div class="table">
    70                 <div class="table">
    66                   <div class="table-cell">
    71                   <div class="table-cell">
    67                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    72                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    68                     <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>
    73                     <p class="normal-cat">{{ '{{' }} c.prelabel {{ '}}' }}</p>