client/app/annotationclient.html
changeset 13 435d5c15275a
parent 11 c0f9f9ab2a8a
child 36 5d392dea4f49
equal deleted inserted replaced
12:a0f1f77148d9 13:435d5c15275a
     2 <html>
     2 <html>
     3 <head>
     3 <head>
     4   <meta charset="utf-8">
     4   <meta charset="utf-8">
     5   <meta name="viewport" content="width=device-width, initial-scale=1">
     5   <meta name="viewport" content="width=device-width, initial-scale=1">
     6   <title>Mons by IRI</title>
     6   <title>Mons by IRI</title>
     7   <link rel="stylesheet" href="{{ pre_static_path }}static/css/lib.css">
     7   <link rel="stylesheet" href="{{ config['STATIC_URL'] }}/css/lib.css">
     8   <link rel="stylesheet" href="{{ pre_static_path }}static/css/app.css">
     8   <link rel="stylesheet" href="{{ config['STATIC_URL'] }}/css/app.css">
     9 </head>
     9 </head>
    10 <body ng-controller="homeCtrl" ng-app="mons" ng-cloak>
    10 <body ng-controller="homeCtrl" ng-app="mons" ng-cloak>
    11   <div class="container">
    11   <div class="container">
    12     <div class="row">
    12     <div class="row">
    13       <div class="col-md-12">
    13       <div class="col-md-12">
    44           </div>
    44           </div>
    45         </div>
    45         </div>
    46     </div>
    46     </div>
    47     <div class="mons-content">
    47     <div class="mons-content">
    48       <div ng-show="!selectedlevel">
    48       <div ng-show="!selectedlevel">
    49           <div class="mons-button hand" ng-repeat="c in data.categories" style="background-color: {{ '{{' }} c.color {{ '}}' }}" 
    49           <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}">
    50                                         ng-click="selectLevel(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
    51             <div class="content">
    51             <div class="content">
    52                 <div class="table">
    52                 <div class="table">
    53                   <div class="table-cell">
    53                   <div class="table-cell">
    54                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    54                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    57                 </div>
    57                 </div>
    58             </div>
    58             </div>
    59           </div>
    59           </div>
    60       </div>
    60       </div>
    61       <div ng-show="selectedlevel">
    61       <div ng-show="selectedlevel">
    62           <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}" 
    62           <div class="mons-button hand" ng-repeat="c in selectedlevel" style="background-color: {{ '{{' }} c.color {{ '}}' }}"
    63                                         ng-click="sendAnnotation(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
    63                                         ng-click="sendAnnotation(c.label, c.code, c)" ng-class="{'success-border':c.sendSuccess}">
    64             <div class="content">
    64             <div class="content">
    65                 <div class="table">
    65                 <div class="table">
    66                   <div class="table-cell">
    66                   <div class="table-cell">
    67                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    67                     <p class="large-cat">{{ '{{' }} c.label {{ '}}' }}</p>
    84     </footer>
    84     </footer>
    85     <div class="row messages">
    85     <div class="row messages">
    86       <div class="alert" ng-class="{'alert-success':showSuccessAlert, 'alert-danger':!showSuccessAlert}" role="alert" ng-show="showAlertDiv">{{ '{{' }} alertMessage {{ '}}' }}</div>
    86       <div class="alert" ng-class="{'alert-success':showSuccessAlert, 'alert-danger':!showSuccessAlert}" role="alert" ng-show="showAlertDiv">{{ '{{' }} alertMessage {{ '}}' }}</div>
    87     </div>
    87     </div>
    88   </div>
    88   </div>
    89   <script type="text/javascript" src="{{ pre_static_path }}static/js/lib.js"></script>
    89   <script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/lib.js"></script>
    90   <!--script type="text/javascript" src="{{ pre_static_path }}static/js/templates.js"></script-->
    90   <!--script type="text/javascript" src="{{ pre_static_path }}static/js/templates.js"></script-->
    91   <script type="text/javascript" src="{{ pre_static_path }}static/js/app.js"></script>
    91   <script type="text/javascript" src="{{ config['STATIC_URL'] }}/js/app.js"></script>
    92   <script type="text/javascript">
    92   <script type="text/javascript">
    93     angular.module("mons")
    93     angular.module("mons")
    94         .value('context', {
    94         .value('context', {
    95             {% if logging %}logging: true,{% endif %}
    95             {% if logging %}logging: true,{% endif %}
    96             urls: {
    96             urls: {
    97                 dataUrl: "{{ pre_static_path }}static/data/categories.json"
    97                 dataUrl: "{{ config['STATIC_URL'] }}/data/categories.json"
    98             }
    98             }
    99         });
    99         });
   100   </script>
   100   </script>
   101 </body>
   101 </body>
   102 </html>
   102 </html>