-Refactored socket state to use growl.

2025-10-04 18:29:17 +02:00 · 2014-03-25 18:51:50 +09:00 · 2014-03-25 18:51:50 +09:00 · dd38b478de
commit dd38b478de
parent 9765a5759e
10 changed files with 95 additions and 70 deletions
--- a/res/app/components/stf/socket/socket-state/socket-state-controller.js
+++ b/res/app/components/stf/socket/socket-state/socket-state-controller.js
@ -0,0 +1,75 @@
+module.exports = function ($scope, $element, $attrs, $transclude, socket, growl, gettext) {
+  var hasFailedOnce = false
+
+  socket.on('connect', function () {
+    $scope.socketState = 'connect'
+  })
+
+  socket.on('connecting', function () {
+    $scope.socketState = 'connecting'
+  })
+
+  socket.on('disconnect', function () {
+    $scope.socketState = 'disconnect'
+    hasFailedOnce = true
+  })
+
+  socket.on('connect_failed', function () {
+    $scope.socketState = 'connect_failed'
+    hasFailedOnce = true
+  })
+
+  socket.on('error', function () {
+    $scope.socketState = 'error'
+    hasFailedOnce = true
+  })
+
+  socket.on('reconnect_failed', function () {
+    $scope.socketState = 'reconnect_failed'
+    hasFailedOnce = true
+  })
+
+  socket.on('reconnect', function () {
+    $scope.socketState = 'reconnect'
+    hasFailedOnce = true
+  })
+
+  socket.on('reconnecting', function () {
+    $scope.socketState = 'reconnecting'
+    hasFailedOnce = true
+  })
+
+  $scope.$watch('socketState', function (newValue, oldValue) {
+    console.log(newValue)
+    if (newValue) {
+      if (newValue === 'connecting' && oldValue) {
+        growl.info(gettext('<h4>WebSocket</h4> Connecting...'), {ttl: 1000})
+      } else if (newValue === 'connect' && oldValue === 'connecting') {
+        if (hasFailedOnce) {
+          growl.success(gettext('<h4>WebSocket</h4> Connected successfully.'), {ttl: 2000})
+        }
+      } else {
+        switch (newValue) {
+          case 'disconnect':
+            growl.info(gettext('<h4>WebSocket</h4> Disconnected.'), {ttl: 2000})
+            break;
+          case 'connect_failed':
+            growl.error(gettext('<h4>WebSocket</h4> Error while connecting.'), {ttl: 2000})
+            break;
+          case 'error':
+            growl.error(gettext('<h4>WebSocket</h4> Error.'), {ttl: 2000})
+            break;
+          case 'reconnect_failed':
+            growl.error(gettext('<h4>WebSocket</h4> Error while reconnecting.'), {ttl: 2000})
+            break;
+          case 'reconnect':
+            growl.success(gettext('<h4>WebSocket</h4> Reconnected successfully.'), {ttl: 2000})
+            break;
+          case 'reconnecting':
+            growl.info(gettext('<h4>WebSocket</h4> Reconnecting...'), {ttl: 1000})
+            break;
+        }
+      }
+    }
+  })
+}