4c94478802
Also some small additional changes as well: + Correct some :host selectors that were causing issues when Shadow DOM was used instead of Shady DOM. + Two of the same revisions should not be shown in side-by-side view. When two are specified via the url as /N..N/ redirect to /N/. + Added header to the diff view to give context and allow the user to go back to the top-level change. Feature: Issue 3676 Feature: Issue 3648 Feature: Issue 3649 Change-Id: Ib39bb7cb2eab26740f80971d4e00d579a2e08b0b
128 lines
3.3 KiB
HTML
128 lines
3.3 KiB
HTML
<!--
|
|
Copyright (C) 2015 The Android Open Source Project
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<link rel="import" href="../bower_components/polymer/polymer.html">
|
|
<link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
|
|
<link rel="import" href="gr-change-list.html">
|
|
|
|
<dom-module id="gr-change-list-view">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: block;
|
|
}
|
|
gr-change-list {
|
|
margin: 0 20px;
|
|
width: calc(100% - 40px);
|
|
}
|
|
nav {
|
|
padding: 10px 0;
|
|
text-align: center;
|
|
}
|
|
nav a {
|
|
display: inline-block;
|
|
}
|
|
nav a:first-of-type {
|
|
margin-right: 10px;
|
|
}
|
|
[hidden] {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
<iron-ajax
|
|
auto
|
|
url="/changes/"
|
|
params="[[_computeQueryParams(query, offset)]]"
|
|
json-prefix=")]}'"
|
|
last-response="{{_changes}}"
|
|
debounce-duration="300"></iron-ajax>
|
|
<gr-change-list changes="{{_changes}}"></gr-change-list>
|
|
<nav>
|
|
<a href$="[[_computeNavLink(query, offset, -1)]]"
|
|
hidden$="[[_hidePrevArrow(offset)]]">← Prev</a>
|
|
<a href$="[[_computeNavLink(query, offset, 1)]]"
|
|
hidden$="[[_hideNextArrow(_changes.length)]]">Next →</a>
|
|
</nav>
|
|
</template>
|
|
<script>
|
|
(function() {
|
|
'use strict';
|
|
|
|
var DEFAULT_NUM_CHANGES = 25;
|
|
|
|
Polymer({
|
|
is: 'gr-change-list-view',
|
|
|
|
properties: {
|
|
/**
|
|
* URL params passed from the router.
|
|
*/
|
|
params: {
|
|
type: Object,
|
|
observer: '_paramsChanged',
|
|
},
|
|
|
|
/**
|
|
* Change objects loaded from the server.
|
|
*/
|
|
_changes: Array,
|
|
},
|
|
|
|
_paramsChanged: function(value) {
|
|
this.query = value.query;
|
|
this.offset = value.offset || 0;
|
|
},
|
|
|
|
_computeQueryParams: function(query, offset) {
|
|
var options = Changes.listChangesOptionsToHex(
|
|
Changes.ListChangesOption.LABELS,
|
|
Changes.ListChangesOption.DETAILED_ACCOUNTS
|
|
);
|
|
var obj = {
|
|
n: DEFAULT_NUM_CHANGES, // Number of results to return.
|
|
O: options,
|
|
S: offset || 0,
|
|
};
|
|
if (query && query.length > 0) {
|
|
obj.q = query;
|
|
}
|
|
return obj;
|
|
},
|
|
|
|
_computeNavLink: function(query, offset, direction) {
|
|
// Offset could be a string when passed from the router.
|
|
offset = +(offset || 0);
|
|
var newOffset = Math.max(0, offset + (25 * direction));
|
|
var href = '/q/' + query;
|
|
if (newOffset > 0) {
|
|
href += ',' + newOffset;
|
|
}
|
|
return href;
|
|
},
|
|
|
|
_hidePrevArrow: function(offset) {
|
|
return offset == 0;
|
|
},
|
|
|
|
_hideNextArrow: function(changesLen) {
|
|
return changesLen < DEFAULT_NUM_CHANGES;
|
|
},
|
|
|
|
});
|
|
})();
|
|
</script>
|
|
</dom-module>
|