ffae724134
Introduce the gr-diff-mode-selector which componentizes the diff mode buttons already used in the file list and adds them to the diff view. With this new component, when authenticated users change their diff preference using the new selector (or by the 'm' keyboard shortcut), the new mode is saved to their preferences. Unauthenticated users see no change in diff mode preference persistence. The diff selector is now consistently labeled as "Diff view" rather than as "Diff views". Bug: Issue 8144 Change-Id: I4b30714deb9a466e707b3d4ae90c1d4c60222c64
69 lines
1.8 KiB
JavaScript
69 lines
1.8 KiB
JavaScript
// Copyright (C) 2018 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-diff-mode-selector',
|
|
|
|
properties: {
|
|
mode: {
|
|
type: String,
|
|
notify: true,
|
|
},
|
|
|
|
/**
|
|
* If set to true, the user's preference will be updated every time a
|
|
* button is tapped. Don't set to true if there is no user.
|
|
*/
|
|
saveOnChange: {
|
|
type: Boolean,
|
|
value: false,
|
|
},
|
|
|
|
/** @type {?} */
|
|
_VIEW_MODES: {
|
|
type: Object,
|
|
readOnly: true,
|
|
value: {
|
|
SIDE_BY_SIDE: 'SIDE_BY_SIDE',
|
|
UNIFIED: 'UNIFIED_DIFF',
|
|
},
|
|
},
|
|
},
|
|
|
|
/**
|
|
* Set the mode. If save on change is enabled also update the preference.
|
|
*/
|
|
setMode(newMode) {
|
|
if (this.saveOnChange && this.mode && this.mode !== newMode) {
|
|
this.$.restAPI.savePreferences({diff_view: newMode});
|
|
}
|
|
this.mode = newMode;
|
|
},
|
|
|
|
_computeSelectedClass(diffViewMode, buttonViewMode) {
|
|
return buttonViewMode === diffViewMode ? 'selected' : '';
|
|
},
|
|
|
|
_handleSideBySideTap() {
|
|
this.setMode(this._VIEW_MODES.SIDE_BY_SIDE);
|
|
},
|
|
|
|
_handleUnifiedTap() {
|
|
this.setMode(this._VIEW_MODES.UNIFIED);
|
|
},
|
|
});
|
|
})();
|