src/main/resources/static/tricium-feedback-button.js

// Copyright 2018 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.
(function() {
  'use strict';

  Polymer({
    is: 'tricium-feedback-button',

    /**
     * Fired when the "report not useful" request fails.
     *
     * @event show-alert
     */

    properties: {
      triciumHost: String,
      plugin: Object,
      comment: Object,
      disabled: {
        type: Boolean,
        value: true,
      },
      buttonText: {
        type: String,
        value: 'Not useful',
      },
      bugLinkURL: {
        type: String,
        value: ('https://bugs.chromium.org/p/chromium/issues/entry'+
                '?components=Infra%3EPlatform%3ETricium'),
      },
    },

    /** Upon attachment in the page, initialize the element. */
    attached() {
      if (!this.comment) {
        console.warn('tricium-feedback-button attached without comment');
        return;
      }
      if (!this.comment.robot_run_id) {
        return; // Not a robot comment.
      }
      // The email addresses for the tricium service accounts are
      // tricium-{dev,prod}@appspot.gserviceaccount.com.
      // If this is not a Tricium robot comment, don't show a button.
      if (!this.comment || !this.comment.author || !this.comment.author.email
          || !this.comment.author.email.startsWith('tricium-')) {
        return;
      }
      this.init();
    },

    /** Load config and set tricium host name. */
    init() {
      const project = this.getProjectName();
      if (!project) {
        console.warn('tricium-feedback-button could not find project name');
        return;
      }
      const plugin = this.plugin.getPluginName();
      return this.$.client.getConfig(project, plugin).then((config) => {
        if (config && config.triciumHost) {
          this.triciumHost = config.triciumHost;
          this.disabled = false;
        } else {
          console.warn(`No config found for project "${project}", ` +
                       `plugin "${plugin}", cannot report feedback.`);
        }
        return Boolean(this.triciumHost);
      });
    },

    /** Fetch the project name for the current change. */
    getProjectName() {
      // TODO(qyearsley): Find a better way to get the project name.
      const elements = document.getElementsByTagName('gr-diff');
      if (elements.length == 0) {
        console.warn('no gr-diff element found on page');
        return '';
      }
      return elements[0].projectName;
    },

    /** Report to the tricium server that this comment was not useful. */
    async reportNotUseful() {
      if (this.disabled) {
        console.warn('reportNotUseful called on disabled button');
        return Promise.reject();
      }
      this.disabled = true;
      try {
        const response = await this.$.client.reportNotUseful(this.comment);
        this.bugLinkURL = this.constructBugLinkURL(response);
        this.buttonText = 'Reported not useful';
        this.$.buglink.hidden = false;
        return response;
      } catch (err) {
        this.dispatchEvent(new CustomEvent('show-alert', {
          detail: {message: 'Failed to report not useful'},
          bubbles: true,
        }));
        this.disabled = false;
        return Promise.reject();
      }
    },

    constructBugLinkURL(response) {
      const params = new URLSearchParams();
      params.set('summary', `Issue report for ${this.comment.robot_id}`);
      params.set(
        'description',
        `https://${this.triciumHost}/run/${this.comment.robot_run_id}`);
      params.set('components', 'Infra>Platform>Tricium');
      if (response.monorailComponent) {
        params.set('components', response.monorailComponent);
      }
      if (response.owner) {
        params.set('cc', response.owner);
      }
      const base = 'https://bugs.chromium.org/p/chromium/issues/entry';
      return base + '?' + params.toString();
    },
  });
})();