client/app/app.js
changeset 5 90a7c431b979
parent 1 1cdebfeb77f9
child 6 c53e9b24f93f
equal deleted inserted replaced
4:9c70d81e9062 5:90a7c431b979
    20         })
    20         })
    21         .service('dataModel', function(dataApi) {
    21         .service('dataModel', function(dataApi) {
    22             //console.log('dataModel',this,dataApi);
    22             //console.log('dataModel',this,dataApi);
    23             this.data = dataApi.dataResource.get();
    23             this.data = dataApi.dataResource.get();
    24         })
    24         })
    25         .controller('homeCtrl', function($scope, $location, dataModel){
    25         .controller('homeCtrl', function($scope, $location, dataModel, context){
    26             console.log('homeCtrl 1', $scope, $location);
    26             //console.log('homeCtrl 1', $scope, $location, context);
       
    27             console.log('homeCtrl 2', context);
    27             $scope.data = dataModel.data;
    28             $scope.data = dataModel.data;
    28             
    29             
    29             dataModel.data.$promise.then(function(data) {
    30             dataModel.data.$promise.then(function(data) {
    30                 if(typeof data.categories!=='undefined' && data.categories.length>0){
    31                 if(typeof data.categories!=='undefined' && data.categories.length>0){
    31                     console.log('    JE RENTRE');
    32                     console.log('    JE RENTRE');
    44                 }
    45                 }
    45             });
    46             });
    46             
    47             
    47             $scope.selectedlevel = false;
    48             $scope.selectedlevel = false;
    48             
    49             
    49             //console.log('homeCtrl 1-3', dataModel.data.categories);
       
    50             //$scope.selectedlevel = $scope.data.categories;
       
    51             //console.log('homeCtrl 2', $scope.selectedLevel, $scope.data);
       
    52             
    50             
       
    51             
       
    52 
       
    53             // Socket management
       
    54             var sock = null;
       
    55             var ellog = null;
       
    56             
       
    57             ellog = document.getElementById('log');
       
    58             
       
    59             function log(m) {
       
    60                 ellog.innerHTML += m + '\n';
       
    61                 ellog.scrollTop = ellog.scrollHeight;
       
    62             }
       
    63 
       
    64             var wsuri;
       
    65             if (window.location.protocol === 'file:') {
       
    66                 wsuri = 'ws://127.0.0.1:8090/annot';
       
    67             } else {
       
    68                 wsuri = 'ws://' + window.location.hostname + ':8090/annot';
       
    69             }
       
    70             wsuri = wsuri + '?event=test';
       
    71 
       
    72             if ('WebSocket' in window) {
       
    73                 sock = new WebSocket(wsuri);
       
    74             } else if ('MozWebSocket' in window) {
       
    75                 sock = new window.MozWebSocket(wsuri);
       
    76             } else {
       
    77                 log('Browser does not support WebSocket!');
       
    78                 window.location = 'http://autobahn.ws/unsupportedbrowser';
       
    79             }
       
    80             console.log('hi 1', sock);
       
    81             if (sock) {
       
    82                 sock.onopen = function() {
       
    83                     log('Connected to ' + wsuri);
       
    84                 };
       
    85 
       
    86                 sock.onclose = function(e) {
       
    87                     log('Connection closed (wasClean = ' + e.wasClean + ', code = ' + e.code + ', reason = "' + e.reason + '")');
       
    88                     sock = null;
       
    89                 };
       
    90 
       
    91                 sock.onmessage = function(e) {
       
    92                     log('Got message: ' + e.data);
       
    93                 };
       
    94             }
       
    95 
    53             $scope.sendAnnotation = function(eventCode){
    96             $scope.sendAnnotation = function(eventCode){
    54                 console.log('ntm', $scope.username);
       
    55                 if($scope.username==='' || typeof $scope.username==='undefined'){
    97                 if($scope.username==='' || typeof $scope.username==='undefined'){
    56                     alert('Vous devez indiquer un nom d\'utilisateur.');
    98                     alert('Vous devez indiquer un nom d\'utilisateur.');
    57                     return;
    99                     return;
    58                 }
   100                 }
    59                 if(eventCode==='' || typeof eventCode==='undefined'){
   101                 if(eventCode==='' || typeof eventCode==='undefined'){
    60                     alert('Vous devez indiquer un nom de catégorie.');
   102                     alert('Vous devez indiquer un nom de catégorie.');
    61                     return;
   103                     return;
    62                 }
   104                 }
    63                 // Send query
   105                 // Send query
    64                 alert('annotation envoyée ! eventCode = ' + eventCode);
   106                 if (sock) {
       
   107                     var new_annot = {
       
   108                             categories : eventCode,
       
   109                             user : 'admin'
       
   110                     };
       
   111                     sock.send(JSON.stringify(new_annot));
       
   112                     log('Sent: ' + JSON.stringify(new_annot));
       
   113                 } else {
       
   114                     log('Not connected.');
       
   115                 }
       
   116                 //alert('annotation envoyée ! eventCode = ' + eventCode);
    65             };
   117             };
    66             
   118             
       
   119             // Interface management
    67             $scope.selectLevel = function(i, eventCode){
   120             $scope.selectLevel = function(i, eventCode){
    68                 if(i===false){
   121                 if(i===false){
    69                     $scope.returnVisStyle = {visibility:'hidden'};
   122                     $scope.returnVisStyle = {visibility:'hidden'};
    70                     $scope.selectedlevel = false;
   123                     $scope.selectedlevel = false;
    71                     return;
   124                     return;
    78                     // Send query
   131                     // Send query
    79                     $scope.sendAnnotation(eventCode);
   132                     $scope.sendAnnotation(eventCode);
    80                 }
   133                 }
    81             };
   134             };
    82             
   135             
    83             $scope.onSelect = function(suggestion){
       
    84                 console.log('ON SELECT',suggestion);
       
    85             };
       
    86             
       
    87             $scope.onAutocompleteType = function(){
       
    88                 console.log('onAutocompleteType');
       
    89             };
       
    90         });
   136         });
    91 
   137 
    92 })();
   138 })();