c41ae08d17
- hide link 'Next' when an error occurs - hide links 'Next' / 'Prev' initially (and thus property '_changes' is undefined) - remove unused code Change-Id: Ib6f77232481988b81aad8b996bfc9c9432c4d826
135 lines
3.4 KiB
JavaScript
135 lines
3.4 KiB
JavaScript
// Copyright (C) 2016 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.
|
|
(function() {
|
|
'use strict';
|
|
|
|
Polymer({
|
|
is: 'gr-change-list-view',
|
|
|
|
/**
|
|
* Fired when the title of the page should change.
|
|
*
|
|
* @event title-change
|
|
*/
|
|
|
|
properties: {
|
|
/**
|
|
* URL params passed from the router.
|
|
*/
|
|
params: {
|
|
type: Object,
|
|
observer: '_paramsChanged',
|
|
},
|
|
|
|
/**
|
|
* True when user is logged in.
|
|
*/
|
|
loggedIn: {
|
|
type: Boolean,
|
|
value: false,
|
|
},
|
|
|
|
/**
|
|
* State persisted across restamps of the element.
|
|
*/
|
|
viewState: {
|
|
type: Object,
|
|
notify: true,
|
|
value: function() { return {}; },
|
|
},
|
|
|
|
_changesPerPage: Number,
|
|
|
|
/**
|
|
* Currently active query.
|
|
*/
|
|
_query: String,
|
|
|
|
/**
|
|
* Offset of currently visible query results.
|
|
*/
|
|
_offset: Number,
|
|
|
|
/**
|
|
* Change objects loaded from the server.
|
|
*/
|
|
_changes: Array,
|
|
|
|
/**
|
|
* For showing a "loading..." string during ajax requests.
|
|
*/
|
|
_loading: {
|
|
type: Boolean,
|
|
value: true,
|
|
},
|
|
},
|
|
|
|
attached: function() {
|
|
this.fire('title-change', {title: this._query});
|
|
},
|
|
|
|
_paramsChanged: function(value) {
|
|
if (value.view != this.tagName.toLowerCase()) { return; }
|
|
|
|
this._loading = true;
|
|
this._query = value.query;
|
|
this._offset = value.offset || 0;
|
|
if (this.viewState.query != this._query ||
|
|
this.viewState.offset != this._offset) {
|
|
this.set('viewState.selectedChangeIndex', 0);
|
|
this.set('viewState.query', this._query);
|
|
this.set('viewState.offset', this._offset);
|
|
}
|
|
|
|
this.fire('title-change', {title: this._query});
|
|
|
|
this._getPreferences().then(function(prefs) {
|
|
this._changesPerPage = prefs.changes_per_page;
|
|
return this._getChanges();
|
|
}.bind(this)).then(function(changes) {
|
|
this._changes = changes;
|
|
this._loading = false;
|
|
}.bind(this));
|
|
},
|
|
|
|
_getChanges: function() {
|
|
return this.$.restAPI.getChanges(this._changesPerPage, this._query,
|
|
this._offset);
|
|
},
|
|
|
|
_getPreferences: function() {
|
|
return this.$.restAPI.getPreferences();
|
|
},
|
|
|
|
_computeNavLink: function(query, offset, direction, changesPerPage) {
|
|
// Offset could be a string when passed from the router.
|
|
offset = +(offset || 0);
|
|
var newOffset = Math.max(0, offset + (changesPerPage * direction));
|
|
var href = '/q/' + query;
|
|
if (newOffset > 0) {
|
|
href += ',' + newOffset;
|
|
}
|
|
return href;
|
|
},
|
|
|
|
_hidePrevArrow: function(offset) {
|
|
return offset === 0;
|
|
},
|
|
|
|
_hideNextArrow: function(loading, changesPerPage) {
|
|
return loading || !this._changes || this._changes.length < changesPerPage;
|
|
},
|
|
});
|
|
})();
|