Better UI when the machine is shared under a different account

remoting/webapp/crd/js/local_host_section.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var remoting = remoting || {};
 
 (function() {
 
 'use strict';
 
@@ skipping 18 matching lines @@
   /** @private */
   this.hostTableEntry_ = new remoting.HostTableEntry(
       parseInt(chrome.runtime.getManifest().version, 10),
       remoting.connectMe2Me,
       this.rename_.bind(this));
   hostContainer.appendChild(this.hostTableEntry_.element());
   this.hostTableEntry_.element().id = 'local-host-connect-button';
 
   var startButton = rootElement.querySelector('.start-daemon');
   var stopButton = rootElement.querySelector('.stop-daemon');
+  var stopLocalDaemonButton = rootElement.querySelector('.stop-local-daemon');
   var changePINButton = rootElement.querySelector('.change-daemon-pin');
 
   /** @private */
   this.eventHooks_ = new base.Disposables(
       new base.DomEventHook(startButton, 'click',
                             controller.start.bind(controller), false),
       new base.DomEventHook(stopButton, 'click',
                             controller.stop.bind(controller), false),
+      new base.DomEventHook(stopLocalDaemonButton, 'click',
+                            controller.stop.bind(controller), false),
       new base.DomEventHook(changePINButton, 'click',
                             controller.changePIN.bind(controller), false));
   /** @private */
   this.hasError_ = false;
 };
 
 remoting.LocalHostSection.prototype.dispose = function() {
   base.dispose(this.eventHooks_);
   this.eventHooks_ = null;
 };
@@ skipping 47 matching lines @@
   return this.isEnabled_() || !this.hasError_;
 };
 
 /** @private */
 remoting.LocalHostSection.prototype.updateUI_ = function() {
   this.hostTableEntry_.setHost(this.host_);
 
   // Disable elements.
   var enabled = this.isEnabled_();
   var canChangeLocalHostState = this.canChangeState();
-  remoting.updateModalUi(enabled ? 'enabled' : 'disabled', 'data-daemon-state');
+  var daemonState = '';
+  if (!enabled) {
+    daemonState = 'disabled';
+  } else if (this.host_ !== null) {
+    daemonState = 'enabled';
+  } else {
+    daemonState = 'enabled-other-account';
+  }
+  remoting.updateModalUi(daemonState, 'data-daemon-state');
   this.rootElement_.hidden = !canChangeLocalHostState;
 };
 
 remoting.LocalHostSection.prototype.rename_ = function() {
   return this.controller_.rename(this.hostTableEntry_);
 };
 
 /**
  * @constructor
  * @param {remoting.HostList} hostList
@@ skipping 17 matching lines @@
   this.setupDialog_.showForPin();
 };
 
 /** @param {remoting.HostTableEntry} host */
 remoting.LocalHostSection.Controller.prototype.rename = function(host) {
   this.hostList_.renameHost(host);
 };
 
 }());