client/app/app.js
author cavaliet
Fri, 10 Oct 2014 12:03:01 +0200
changeset 9 ae8a74bd6add
parent 7 813fec862542
child 10 90918426079c
permissions -rw-r--r--
alert system for feedback
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     1
(function(){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     2
    'use strict';
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     3
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     4
    angular.module('mons', [ 'ngResource', 'ngRoute', 'autocomplete' ])
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     5
        .config(function($routeProvider) {
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     6
            $routeProvider.
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     7
                when('/', {
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     8
                    controller: 'homeCtrl'
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
     9
               }).
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    10
               otherwise({
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    11
                   redirectTo: '/'
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    12
               });
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    13
        })
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    14
        .config(function($logProvider){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    15
            $logProvider.debugEnabled(true);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    16
        })
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    17
        .service('dataApi', function($resource, context) {
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    18
            console.log('dataApi',$resource, context);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    19
            this.dataResource = $resource(context.urls.dataUrl);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    20
        })
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    21
        .service('dataModel', function(dataApi) {
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    22
            //console.log('dataModel',this,dataApi);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    23
            this.data = dataApi.dataResource.get();
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    24
        })
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    25
        .controller('homeCtrl', function($scope, $location, dataModel, context, $interval){
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    26
            //console.log('homeCtrl 1', $scope, $location, context);
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    27
            console.log('homeCtrl 2', context);
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    28
            $scope.data = dataModel.data;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    29
            
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    30
            dataModel.data.$promise.then(function(data) {
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    31
                if(typeof data.categories!=='undefined' && data.categories.length>0){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    32
                    var cats = [];
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    33
                    var nbCat = data.categories.length;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    34
                    for(var i=0;i<nbCat;i++){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    35
                        cats.push(data.categories[i].label);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    36
                        if(typeof data.categories[i].subcategories!=='undefined' && data.categories[i].subcategories.length>0){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    37
                            var nbSubCat = data.categories[i].subcategories.length;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    38
                            for(var j=0;j<nbSubCat;j++){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    39
                                cats.push(data.categories[i].subcategories[j].label);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    40
                            }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    41
                        }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    42
                    }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    43
                    $scope.allCatLabels = cats;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    44
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    45
            });
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    46
            
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
    47
            $scope.selectedlevel = false;
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    48
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    49
            $scope.currentInterval = false;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    50
            $scope.showSuccessAlert = false;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    51
            $scope.showAlertDiv = false;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    52
            function showAlert(m, success){
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    53
                $scope.alertMessage = m;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    54
                $scope.showSuccessAlert = success;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    55
                $scope.showAlertDiv = true;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    56
                if(!$scope.$$phase) {
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    57
                    $scope.$apply();
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    58
                }
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    59
                if($scope.currentInterval){
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    60
                    $interval.cancel($scope.currentInterval);
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    61
                    $scope.currentInterval = false;
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    62
                }
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    63
                $scope.currentInterval = $interval(function(){ console.log('fin interval !'); $interval.cancel($scope.currentInterval); $scope.showAlertDiv = false; }, 2000, 1);
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    64
            }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    65
            
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    66
            
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    67
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    68
            // Socket management
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    69
            var sock = null;
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    70
            var ellog = null;
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    71
            
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    72
            ellog = document.getElementById('log');
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    73
            function log(m) {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    74
                if(ellog){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    75
                    ellog.innerHTML += m + '\n';
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    76
                    ellog.scrollTop = ellog.scrollHeight;
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    77
                }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    78
            }
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    79
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    80
            var wsuri;
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    81
            if (window.location.protocol === 'file:') {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    82
                wsuri = 'ws://127.0.0.1:8090/annot';
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    83
            } else {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    84
                wsuri = 'ws://' + window.location.hostname + ':8090/annot';
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    85
            }
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    86
            wsuri = wsuri + '?event=test';
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    87
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    88
            if ('WebSocket' in window) {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    89
                sock = new WebSocket(wsuri);
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    90
            } else if ('MozWebSocket' in window) {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    91
                sock = new window.MozWebSocket(wsuri);
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    92
            } else {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    93
                if(context.logging===true){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    94
                    log('Browser does not support WebSocket!');
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
    95
                }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    96
                window.location = 'http://autobahn.ws/unsupportedbrowser';
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    97
            }
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
    98
            
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
    99
            if (sock) {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   100
                sock.onopen = function() {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   101
                    if(context.logging===true){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   102
                        log('Connected to ' + wsuri);
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   103
                    }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   104
                };
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   105
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   106
                sock.onclose = function(e) {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   107
                    if(context.logging===true){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   108
                        log('Connection closed (wasClean = ' + e.wasClean + ', code = ' + e.code + ', reason = ' + e.reason + ')');
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   109
                    }
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
   110
                    showAlert('Communication interrompue : la socket vient de se fermer.', false);
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   111
                    sock = null;
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   112
                };
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   113
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   114
                sock.onmessage = function(e) {
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   115
                    if(context.logging===true){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   116
                        log('Got message: ' + e.data);
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   117
                    }
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
   118
                    showAlert('Annotation bien reçue.', true);
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   119
                };
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   120
            }
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   121
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   122
            $scope.sendAnnotation = function(eventCode){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   123
                if($scope.username==='' || typeof $scope.username==='undefined'){
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
   124
                    showAlert('Vous devez indiquer un nom d\'utilisateur.', false);
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   125
                    return;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   126
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   127
                if(eventCode==='' || typeof eventCode==='undefined'){
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
   128
                    showAlert('Vous devez indiquer un nom de catégorie.', false);
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   129
                    return;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   130
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   131
                // Send query
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   132
                if (sock) {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   133
                    var new_annot = {
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   134
                            categories : eventCode,
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   135
                            user : $scope.username
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   136
                    };
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   137
                    sock.send(JSON.stringify(new_annot));
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   138
                    if(context.logging===true){
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   139
                        log('Sent: ' + JSON.stringify(new_annot));
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   140
                    }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   141
                } else {
9
ae8a74bd6add alert system for feedback
cavaliet
parents: 7
diff changeset
   142
                    showAlert('La socket ne fonctionne pas.', false);
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   143
                    if(context.logging===true){
7
813fec862542 little correction
cavaliet
parents: 6
diff changeset
   144
                        log('Not connected.');
6
c53e9b24f93f loggin in annotation client depends on a boolean
cavaliet
parents: 5
diff changeset
   145
                    }
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   146
                }
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   147
            };
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   148
            
5
90a7c431b979 first step of working annotation real annotation client
cavaliet
parents: 1
diff changeset
   149
            // Interface management
1
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   150
            $scope.selectLevel = function(i, eventCode){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   151
                if(i===false){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   152
                    $scope.returnVisStyle = {visibility:'hidden'};
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   153
                    $scope.selectedlevel = false;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   154
                    return;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   155
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   156
                if(typeof $scope.data.categories[i].subcategories!=='undefined' && $scope.data.categories[i].subcategories.length>0){
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   157
                    $scope.selectedlevel = $scope.data.categories[i].subcategories;
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   158
                    $scope.returnVisStyle = {visibility:'show'};
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   159
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   160
                else{
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   161
                    // Send query
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   162
                    $scope.sendAnnotation(eventCode);
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   163
                }
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   164
            };
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   165
            
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   166
        });
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   167
1cdebfeb77f9 add client folder and update hgignore
cavaliet
parents:
diff changeset
   168
})();