[Rietveld] Add support for patchset dependencies

appengine/chromium_rietveld/new_static/components/cr-issue-patchset.html

 <!-- Copyright (c) 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. -->
 
 <link rel="import" href="../common/cr-action.html">
 <link rel="import" href="../common/cr-toolbar.html">
 <link rel="import" href="cr-issue-cq-dry-run-dialog.html">
 <link rel="import" href="cr-issue-patchfile.html">
 <link rel="import" href="cr-try-results.html">
 <link rel="import" href="../diff/cr-diff-controls.html">
@@ skipping 46 matching lines @@
                 </h2>
                 <template if="{{ tryJobResults.length }}">
                     <cr-try-results results="{{ tryJobResults }}"></cr-try-results>
                 </template>
                 <template if="{{ patchset.mostRecent && !patchset.issue.closed && !patchset.issue.commit }}">
                     <a class="choose-trybots" is="cr-action" on-tap="{{ handleAddMore }}">Choose try jobs</a> /
                     <a class="trigger-dry-run" is="cr-action" on-tap="{{ showDryRunDialog }}">CQ dry run</a>
                 </template>
             </div>
         </template>
+        <template if="{{ patchset.dependsOnPatchset }}">
+            <div id="depends-on-patchset">
+                <h2>
+                    Depends on Patchset
+                </h2>
+                <div class="{{ { linethrough: patchset.dependsOnPatchset.issue.closed } | tokenList }}">
+                    <a class="view-depends-on-patchset" href="{{ patchset.dependsOnPatchset | getPatchsetUrl }}" target="_blank">
+                        Issue {{ patchset.dependsOnPatchset.issue.id }} Patch {{ patchset.dependsOnPatchset.id }}
+                    </a>
+                </div>
+            </div>
+        </template>
+        <template if="{{ patchset.dependentPatchsets }}">
+            <div id="dependent-patchsets">
+                <h2>
+                    Dependent Patchsets
+                </h2>
+                <template repeat="{{ dependentPatchset in patchset.dependentPatchsets }}">
+                    <div class="{{ { linethrough: dependentPatchset.issue.closed } | tokenList }}">
+                        <a class="view-dependent-patchsets" href="{{ dependentPatchset | getPatchsetUrl }}" target="_blank">
+                            Issue {{ dependentPatchset.issue.id }} Patch {{ dependentPatchset.id }}
+                        </a>
+                    </div>
+                </template>
+            </div>
+        </template>
         <div id="dialogs"></div>
     </template>
     <script>
         Polymer({
             created: function() {
                 this.patchset = null;
                 this.tryJobResults = null;
             },
             showDryRunDialog: function() {
               if (this.patchset.issue.closed)
@@ skipping 11 matching lines @@
             patchsetChanged: function(oldValue, newValue) {
                 var self = this;
                 var list = new TryJobResultList(this.patchset);
                 list.loadResults().then(function(results) {
                     self.tryJobResults = results;
                 }).catch(function(e) {
                     // TODO(esprehn): Show an error.
                     console.log(e);
                 });
             },
+            getPatchsetUrl: function(patchset) {
+                return patchset.getPatchsetUrl();
+            },
             getFiles: function() {
                 // TODO(esprehn): Use an id instead.
                 return this.shadowRoot.querySelectorAll("cr-issue-patchfile").array();
             },
             expandAllDiffs: function() {
                 return Promise.all(this.getFiles().map(function(file) {
                     return file.showDiff();
                 }));
             },
             collapseAllDiffs: function() {
                 return Promise.all(this.getFiles().map(function(file) {
                     return file.hideDiff();
                 }));
             },
             handleAddMore: function() {
                 this.fire("show-try-dialog");
             },
         });
     </script>
 </polymer-element>