Update logo

As part of the logo update, make the state-in-logo-dot visualization
configurable.

src/config.ts

@@ -73,5 +73,7 @@ export default {
     MSGPACK_LOG_TRACE: false,
     // Transport log level
     TRANSPORT_LOG_LEVEL: 'warn',
+    // Always show the real connection state using the dot in the logo
+    VISUALIZE_STATE: true,
 
 } as threema.Config;

src/controllers/status.ts

@@ -39,6 +39,9 @@ export class StatusController {
     // Logging
     private readonly log: Logger;
 
+    // Config
+    private config: threema.Config;
+
     // State variable
     private state = GlobalConnectionState.Error;
     private unreadCount = 0;
@@ -63,15 +66,20 @@ export class StatusController {
 
     public static $inject = [
         '$scope', '$timeout', '$state',
+        'CONFIG',
         'ControllerService', 'StateService', 'LogService', 'TimeoutService', 'WebClientService',
     ];
     constructor($scope, $timeout: ng.ITimeoutService, $state: UiStateService,
+                config: threema.Config,
                 controllerService: ControllerService, stateService: StateService, logService: LogService,
                 timeoutService: TimeoutService, webClientService: WebClientService) {
 
         // Logging
         this.log = logService.getLogger('Status-C', 'color: #000; background-color: #ffff99');
 
+        // Config
+        this.config = config;
+
         // Angular services
         this.$timeout = $timeout;
         this.$state = $state;
@@ -101,7 +109,14 @@ export class StatusController {
      * Return the prefixed status.
      */
     public get statusClass(): string {
-        return 'status-task-' + this.webClientService.chosenTask + ' status-' + this.state;
+        const classes = [
+            `status-task-${this.webClientService.chosenTask}`,
+            `status-${this.state}`,
+        ];
+        if (this.config.VISUALIZE_STATE) {
+            classes.push(`visualize-state`);
+        }
+        return classes.join(' ');
     }
 
     /**

src/sass/sections/_status_bar.scss

@@ -49,12 +49,16 @@ body {
     }
 }
 
+#title .dot {
+    fill: white;
+}
+
 .status-ok {
     #status-bar {
         background-color: $status-ok;
     }
 
-    #title .dot {
+    &.visualize-state #title .dot {
         fill: $status-ok;
     }
 }
@@ -64,7 +68,7 @@ body {
         background-color: $status-warning;
     }
 
-    #title .dot {
+    &.visualize-state #title .dot {
         fill: $status-warning;
     }
 }
@@ -74,7 +78,7 @@ body {
         background-color: $status-error;
     }
 
-    #title .dot {
+    &.visualize-state #title .dot {
         fill: $status-error;
     }
 }

src/threema.d.ts

@@ -688,6 +688,7 @@ declare namespace threema {
         ARP_LOG_TRACE: boolean;
         MSGPACK_LOG_TRACE: boolean;
         TRANSPORT_LOG_LEVEL: LogLevel;
+        VISUALIZE_STATE: boolean;
     }
 
     interface InitialConversationData {