// Copyright 2014 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.

'use strict';

tvcm.require('ui.spy');
tvcm.require('tvcm.ui');
tvcm.require('tvcm.ui.dom_helpers');
tvcm.requireTemplate('ui.spy_shell');

tvcm.exportTo('ui', function() {
  /**
   * @constructor
   */
  var SpyShell = tvcm.ui.define('x-spy-shell');

  SpyShell.prototype = {
    __proto__: HTMLUnknownElement.prototype,

    decorate: function(socketURL) {
      var node = tvcm.instantiateTemplate('#x-spy-shell-template');
      this.appendChild(node);

      this.socketURL_ = socketURL;
      this.conn_ = undefined;

      this.statusEl_ = this.querySelector('#status');
      this.statusEl_.textContent = 'Not connected';

      this.spy_ = this.querySelector('x-spy');
      tvcm.ui.decorate(this.spy_, ui.Spy);

      this.openConnection_();
    },

    get socketURL() {
      return this.socketURL_;
    },

    openConnection_: function() {
      if (!(this.conn_ == undefined ||
            this.conn_.readyState === undefined ||
            conn.readyState > 1)) {
        return;
      }

      this.conn_ = new WebSocket(this.socketURL_);
      this.conn_.onopen = function() {
        this.statusEl_.textContent = 'connected at ' + this.socketURL_;
        this.spy_.connection = this.conn_;
      }.bind(this);

      this.conn_.onclose = function(event) {
        this.statusEl_.textContent = 'connection closed';
        this.spy_.connection = undefined;
      }.bind(this);
      this.conn_.onerror = function(event) {
        this.statusEl_.innerHTML = 'got error';
      }.bind(this);
    }

  };

  return {
    SpyShell: SpyShell
  };
});