7a45400e24
Previously, gr-diff-preferences was the contents that was displayed in an overlay contained in the gr-diff-view. There were a handful of functions that crossed between the two-- the diff preferences element would fire events that needed to be handled by the diff view. Because the gr-diff-preferences element will be added to the change view as well, the overlay has been moved to be part of the diff preferences element. This way, the element can handle all of the actions taken by the panel, and all the parent element needs to do is call the open function. A separate change will come with the addition of diff preferences in the change view. Bug: Issue 5426 Change-Id: Id7396147e73354122ea3825bde2c324b5daa1d26
137 lines
3.9 KiB
JavaScript
137 lines
3.9 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-diff-preferences',
|
|
|
|
properties: {
|
|
prefs: {
|
|
type: Object,
|
|
notify: true,
|
|
},
|
|
localPrefs: {
|
|
type: Object,
|
|
notify: true,
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
value: false,
|
|
reflectToAttribute: true,
|
|
},
|
|
|
|
_newPrefs: Object,
|
|
_newLocalPrefs: Object,
|
|
},
|
|
|
|
observers: [
|
|
'_prefsChanged(prefs.*)',
|
|
'_localPrefsChanged(localPrefs.*)',
|
|
],
|
|
|
|
getFocusStops: function() {
|
|
return {
|
|
start: this.$.contextSelect,
|
|
end: this.$.cancelButton,
|
|
};
|
|
},
|
|
|
|
resetFocus: function() {
|
|
this.$.contextSelect.focus();
|
|
},
|
|
|
|
_prefsChanged: function(changeRecord) {
|
|
var prefs = changeRecord.base;
|
|
// TODO(andybons): This is not supported in IE. Implement a polyfill.
|
|
// NOTE: Object.assign is NOT automatically a deep copy. If prefs adds
|
|
// an object as a value, it must be marked enumerable.
|
|
this._newPrefs = Object.assign({}, prefs);
|
|
this.$.contextSelect.value = prefs.context;
|
|
this.$.showTabsInput.checked = prefs.show_tabs;
|
|
this.$.showTrailingWhitespaceInput.checked = prefs.show_whitespace_errors;
|
|
this.$.lineWrappingInput.checked = prefs.line_wrapping;
|
|
this.$.syntaxHighlightInput.checked = prefs.syntax_highlighting;
|
|
},
|
|
|
|
_localPrefsChanged: function(changeRecord) {
|
|
var localPrefs = changeRecord.base || {};
|
|
// TODO(viktard): This is not supported in IE. Implement a polyfill.
|
|
this._newLocalPrefs = Object.assign({}, localPrefs);
|
|
},
|
|
|
|
_handleContextSelectChange: function(e) {
|
|
var selectEl = Polymer.dom(e).rootTarget;
|
|
this.set('_newPrefs.context', parseInt(selectEl.value, 10));
|
|
},
|
|
|
|
_handleShowTabsTap: function(e) {
|
|
this.set('_newPrefs.show_tabs', Polymer.dom(e).rootTarget.checked);
|
|
},
|
|
|
|
_handleShowTrailingWhitespaceTap: function(e) {
|
|
this.set('_newPrefs.show_whitespace_errors',
|
|
Polymer.dom(e).rootTarget.checked);
|
|
},
|
|
|
|
_handleSyntaxHighlightTap: function(e) {
|
|
this.set('_newPrefs.syntax_highlighting',
|
|
Polymer.dom(e).rootTarget.checked);
|
|
},
|
|
|
|
_handlelineWrappingTap: function(e) {
|
|
this.set('_newPrefs.line_wrapping', Polymer.dom(e).rootTarget.checked);
|
|
},
|
|
|
|
_handleSave: function(e) {
|
|
e.stopPropagation();
|
|
this.prefs = this._newPrefs;
|
|
this.localPrefs = this._newLocalPrefs;
|
|
var el = Polymer.dom(e).rootTarget;
|
|
el.disabled = true;
|
|
this.$.storage.savePreferences(this._localPrefs);
|
|
this._saveDiffPreferences().then(function(response) {
|
|
el.disabled = false;
|
|
if (!response.ok) { return response; }
|
|
|
|
this.$.prefsOverlay.close();
|
|
}.bind(this)).catch(function(err) {
|
|
el.disabled = false;
|
|
}.bind(this));
|
|
},
|
|
|
|
_handleCancel: function(e) {
|
|
e.stopPropagation();
|
|
this.$.prefsOverlay.close();
|
|
},
|
|
|
|
_handlePrefsTap: function(e) {
|
|
e.preventDefault();
|
|
this._openPrefs();
|
|
},
|
|
|
|
open: function() {
|
|
this.$.prefsOverlay.open().then(function() {
|
|
var focusStops = this.getFocusStops();
|
|
this.$.prefsOverlay.setFocusStops(focusStops);
|
|
this.resetFocus();
|
|
}.bind(this));
|
|
},
|
|
|
|
_saveDiffPreferences: function() {
|
|
return this.$.restAPI.saveDiffPreferences(this.prefs);
|
|
},
|
|
});
|
|
})();
|