status/res/imp/commit-popup-sk.html

<!--
  The common.js file must be included before this file.

  This in an HTML Import-able file that contains the definition
  of the following elements:

    <commit-popup-sk>

  To use this file import it:

    <link href="/res/imp/commit-popup-sk.html" rel="import" />

  Usage:

    <commit-popup-sk></commit-popup-sk>

  Properties:
    commit: The details for a commit.
    repo: The name (not the URL) of the repository of the commit.
-->
<link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="/res/imp/bower_components/paper-button/paper-button.html">
<link rel="import" href="/res/common/imp/comments-sk.html">
<link rel="import" href="/res/common/imp/linkify-sk.html">
<link rel="import" href="status-popup.html">

<dom-module id="commit-popup-sk">
  <template>
    <style include="status-popup iron-flex">
      a {
        color: #000;
      }

      paper-button[raised].colored {
        background: #D95F02;
        color: #fff;
        font-size: 1.0em;
        padding:5px;
        border-radius: 3px;
      }
      .revert {
        color: inherit;
        background-color: inherit;
        text-decoration:none;
      }
    </style>
    <div id="popup" class="horizontal layout wrap">
      <div class="flex">
        <p>
          <a href$="[[_makeCommitURL(commit, repo_base)]]" target="_blank">[[commit.hash]]</a>
          <br/>
          [[commit.author]]
          <br/>
          <span title$="[[commit.timestamp]]">[[_humanize(commit.timestamp)]]</span>
        </p>
      </div>
    <template is="dom-if" if="[[commit.issue]]">
      <div>
        <a href$="[[_makeRevertURL(commit)]]" target="_blank" class="revert">
            <paper-button raised class="colored" role="button">Revert</paper-button>
        </a>
      </div>
    </template>
    </div>
    <hr/>
    <h3 id="commitSubject"><linkify-sk text="[[commit.subject]]"></linkify-sk></h3>
    <p id="commitBody"><linkify-sk text="[[commit.body]]"></p>
    <hr/>
    <comments-sk
        comments="[[commit.comments]]"
        add_comment_url="[[_makeCommentUrl(repo,commit)]]"
        on-submit="commentAdded"
        extra_fields="[[_extra_fields]]"
        allow_add_comment
        allow_delete_comment>
    </comments-sk>
  </template>
  <script>
    Polymer({
      is:"commit-popup-sk",
      behaviors: [SkiaBehaviors.StatusPopup],

      properties: {
        commit: {
          type: Object,
        },
        repo: {
          type: String,
        },
        repo_base: {
          type: String,
        },

        _extra_fields: {
          type: Array,
          value: function(){
            return [
              { name: "ignoreFailure",
                label: "Ignore Failure",
                type: "bool"},
            ];
          },
        },
      },

      commentAdded: function() {
        this.hide();
        this.fire("reload", {});
      },

      _humanize: function(dateStr) {
        return sk.human.localeTime(new Date(dateStr));
      },

      _makeCommitURL: function(commit, repo_base) {
        return repo_base + commit.hash;
      },
      _makeRevertURL: function(commit){
        if (commit.patchStorage === 'gerrit') {
          return "https://skia-review.googlesource.com/c/" + commit.issue + '/?revert';
        } else {
          return "https://codereview.chromium.org/" + commit.issue + "/revert";
        }
      },
      _makeCommentUrl: function(repo, commit){
        return "/json/"+repo+"/commits/"+commit.hash+"/comments";
      }
    });
  </script>
</dom-module>