<!-- The <push-server-sk> custom element declaration.

Displays the server configurations, along with the ability to modify application selections.

  Attributes:
    servers: Map of server names to the apps and their versions. Such as:

      [
        {
          Name: 'skia-monitoring',
          Installed: [
            'pull:jcgregorio@jcgregorio.cnc.corp.google.com:2014-12-08T02:09:58Z:79f6b17ea316c5d877f4f1e3fa9c7a4ea950916c.deb',
            'logserver/',
          ]
        },
        {
          Name: 'skia-testing-b',
          Installed: []
        }
      ]

      Note that an entry in Installed can either be a full package path, or
      just a shortened '{appname}/' version which indicates which app is
      expected but also signals that no specific release package has been
      chosen or deployed yet.

    packages: Map of app names to the list of available versions, sorted from newest to oldest. Such as:

      {
        'pull': [
          {
            Name: 'pull:jcgregorio@jcgregorio.cnc.corp.google.com:2014-12-08T02:09:58Z:79f6b17ea316c5d877f4f1e3fa9c7a4ea950916c.deb',
            Hash: '79f6b17ea316c5d877f4f1e3fa9c7a4ea950916c',
            UserID: 'jcgregorio@jcgregorio.cnc.corp.google.com',
            Built: '2014-12-08T02:09:58Z',
            Dirty: true,
            Note: 'some reason for a push'
          },
          {
            Name: 'pull:jcgregorio@jcgregorio.cnc.corp.google.com:2014-12-08T01:39:47Z:323894732847ace1289a9a90192123213.deb',
            Hash: '323894732847ace1289a9a90192123213',
            UserID: 'jcgregorio@jcgregorio.cnc.corp.google.com',
            Built: '2014-12-08T01:39:47Z',
            Dirty: false,
            Note: 'no reason'
          }
        ],
        'logserver': [
        ]
      }

  Events:
    'change-package'
        A 'change-package' event is generated when the user selects a package to push.
        The change event has the following attributes:

          event.detail.server - The name of the server.
          event.detail.name   - The full name of the package to push.

  Methods:
    setConfig(servers, packages)

  Clicking on an app brings up a selection dialog with all available options,
  the current one already selected. A selection will update and push.
-->

<link rel="import" href="/res/common/imp/confirm-dialog-sk.html">

<dom-module id="push-server-sk">
  <style type="text/css" media="screen">
    table {
      border-spacing: 0;
    }

    h2 {
      color: #33A02C;
      margin-left: 1em;
      display: inline;
      padding-right: 1em;
    }

    h3 {
      margin-left: 1em;
      color: #1f78b4;
      display: inline;
    }

    .appName {
      padding-right: 1em;
      width: 10em;
    }

    td iron-icon {
      padding-right: 1em;
    }

    paper-button {
      color: #1f78b4;
    }

    paper-button:hover {
      background: #eee;
    }

    .service {
      width: 14em;
    }

    .status,
    .uptime {
      width: 10em;
    }

    .uptime {
      font-family: monospace;
    }

    tr:nth-child(2n+1) {
      background: #eee;
    }
  </style>
  <template>
    <confirm-dialog-sk id="reboot_confirm_dialog"></confirm-dialog-sk>

    <div on-tap="editClicked">
      <h3>Displaying {{displayedCount}} out of {{servers.length}} servers</h3>
      <br/><br/><br/>
      <template is="dom-repeat" items="{{servers}}" as=server rendered-item-count="{{displayedCount}}"
                filter={{_filterServers(filterText)}}>
        <section>
          <h2>{{server.Name}}</h2>
          <paper-button raised data-action="start"
                        data-name="reboot.target"
                        data-server$="[[server.Name]]">Reboot</paper-button>
          [<a target=_blank href$="{{monURI(server.Name)}}">mon</a>]
          [<a target=_blank href$="{{logsURI(server.Name)}}">logs</a>]
          <table>
            <template is="dom-repeat" items="{{server.Installed}}" as="installed">
              <tr>
                <td>
                  <paper-button class=application
                    data-server$="{{server.Name}}" data-name$="{{installed}}" data-app$="{{prefixOf(installed)}}"><iron-icon icon="create" title="Edit which package is installed."></iron-icon></paper-button>
                </td>
                <td><div class=appName>{{prefixOf(installed)}}</div></td>
                <td><span class=appName><a href$="https://github.com/google/skia-buildbot/compare/{{fullHash(installed)}}...HEAD">{{short(installed)}}</a></span></td>
                <td><iron-icon icon$="{{alarmIfNotLatest(installed)}}" title="Out of date."></iron-icon></td>
                <td><iron-icon icon$="{{warnIfDirty(installed)}}" title="Uncommited changes when the package was built."></iron-icon></td>
                <td><a href$="{{logsFullURI(server.Name,installed)}}">logs</a></td>
                <td>
                  <table>
                    <template is="dom-repeat" items="{{servicesOf(installed)}}" as="service">
                      <tr>
                        <systemd-unit-status-sk machine="{{server.Name}}" service="{{service}}"></systemd-unit-status-sk>
                      </tr>
                    </template>
                  </table>
                </td>
              </tr>
            </template>
          </table>
        </section>
      </template>
      <push-selection-sk id=extChooser></push-selection-sk>
    </div>
  </template>
</dom-module>
<script>
  Polymer({
    is: "push-server-sk",

    properties: {
      servers: {
        type: Array,
        value: function() { return []; },
      },
      packages: {
        type: Array,
        value: function() { return []; },
      },
      ip: {
        type: Object,
        value: function() { return {}; },
      },
      packageLookup: {
        type: Object,
        value: function() { return {}; },
      },
      server: {
        type: String,
        value: '',
      },
      filterText: {
        type: String,
        value: '',
      },
      displayedCount: {
        type: Number,
        value: 0,
      }
    },

    ready: function() {
      // When the push-selection-sk dialog notifies us of a selection
      // we fill in some more details and pass that along as another
      // CustomEvent.
      this.$.extChooser.addEventListener('change-package', function(e) {
        var detail = {
          name:   e.detail.name,
          server: this.server
        };
        this.dispatchEvent(new CustomEvent('change-package', {detail: detail}));
      }.bind(this));
    },

    editClicked: function(e) {
      var button = sk.findParent(e.target, "PAPER-BUTTON");
      if (button == null || !button.dataset.server) {
        return
      }
      this.server = button.dataset.server;
      if (button.dataset.action) {
        this.$.reboot_confirm_dialog
          .open("Proceed with rebooting " + this.server + "?")
          .then(function() {
            var detail = {
              machine: button.dataset.server,
              name: button.dataset.name,
              action: button.dataset.action,
            };
            this.dispatchEvent(new CustomEvent('unit-action', {detail: detail, bubbles: true}));
          }.bind(this));
      } else {
        var id = button.dataset.name;
        var app = button.dataset.app;
        if (app != "") {
          this.$.extChooser.choices = this.packages[app];
          this.$.extChooser.choice = id;
          this.$.extChooser.toggle();
        }
      }
    },

    setConfig: function(servers, packages, ip) {
      this.servers = servers;
      this.packages = packages;
      this.ip = ip;
      for (appName in this.packages) {
        var that = this;
        var latest = true;
        this.packages[appName].forEach(function(details) {
          that.packageLookup[details.Name] = details;
          that.packageLookup[details.Name].Latest = latest;
          latest = false;
        });
      }
    },

    _filterServers: function(filterText) {
      return function(server) {
        var findMatchingServers = true;
        var filterBy = filterText;
        if (filterBy.startsWith('^')) {
          findMatchingServers = false;
          filterBy = filterBy.substring(1);
        }
        if (filterBy == "") {
          return true;
        }
        // Try to match the server name prefix.
        if (server.Name.indexOf(filterBy) == 0) {
          return findMatchingServers;
        }
        // Now try to match the prefix of all server name tokens.
        var tokens = server.Name.split('-');
        for (var tokenIndex in tokens) {
          if (tokens[tokenIndex].indexOf(filterBy) == 0) {
            return findMatchingServers;
          }
        }
        // Now try to match the app name prefix.
        for (var installedIndex in server.Installed) {
          var installed = server.Installed[installedIndex];
          var appName = this.prefixOf(installed);
          if (appName.indexOf(filterBy) == 0) {
            return findMatchingServers;
          }
        }
        return !findMatchingServers;
      }.bind(this);
    },

    // prefixOf is a helper used in templates that returns all the text
    // that appears before the first '/'.
    prefixOf: function(s) {
      return s.split('/')[0];
    },

    // fullHash is a utility function used in templates to extract the full git hash
    // from a package name.
    fullHash: function(s) {
      return s.slice(s.length-44, s.length-4)
    },

    // short is a utility function used in templates to truncate strings.
    short: function(s) {
      return this.fullHash(s).slice(0, 6);
    },

    alarmIfNotLatest: function(installed) {
      if (!this.packageLookup[installed]) {
        return ' '; // Don't return an empty string here, to force the icon to change.
      } else {
        return this.packageLookup[installed].Latest ? ' ' : 'alarm';
      }
    },

    warnIfDirty: function(installed) {
      if (!this.packageLookup[installed]) {
        return ' '; // Don't return an empty string here, to force the icon to change.
      } else {
        return this.packageLookup[installed].Dirty ? 'warning' : ' ';
      }
    },

    servicesOf: function(installed) {
      var p = this.packageLookup[installed];
      if (!p) {
        return [];
      }
      return p.Services;
    },

    monURI: function(name) {
      return "https://" + name + "-10000-proxy.skia.org";
    },

    logsURI: function(name) {
      return "https://console.cloud.google.com/logs/viewer?project=google.com:skia-buildbots&minLogLevel=200&expandAll=false&resource=logging_log%2Fname%2F" + name;
    },

    logsFullURI: function(name, installed) {
      var app = installed.split('/')[0];
      return "https://console.cloud.google.com/logs/viewer?project=google.com:skia-buildbots&minLogLevel=200&expandAll=false&resource=logging_log%2Fname%2F" + name + "&logName=projects%2Fgoogle.com:skia-buildbots%2Flogs%2F" + app;
    },

  });
</script>