5b62347cf4
This does essentially the same thing, but uses event retargetting to simulate event.target under shadow DOM. This acts the same as currentTarget because the node is always in the same scope as the node where the listener was added. This is polyfilled to work in older browsers than e.currentTarget and is less likely to have issues with shadow DOM. https://www.polymer-project.org/1.0/docs/devguide/events#retargeting Change-Id: I6fe5afdfddfdc3e21fbca10aef260cac704bea3d
93 lines
2.5 KiB
JavaScript
93 lines
2.5 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-email-editor',
|
|
|
|
properties: {
|
|
hasUnsavedChanges: {
|
|
type: Boolean,
|
|
notify: true,
|
|
value: false,
|
|
},
|
|
|
|
_emails: Array,
|
|
_emailsToRemove: {
|
|
type: Array,
|
|
value() { return []; },
|
|
},
|
|
/** @type {?string} */
|
|
_newPreferred: {
|
|
type: String,
|
|
value: null,
|
|
},
|
|
},
|
|
|
|
loadData() {
|
|
return this.$.restAPI.getAccountEmails().then(emails => {
|
|
this._emails = emails;
|
|
});
|
|
},
|
|
|
|
save() {
|
|
const promises = [];
|
|
|
|
for (const emailObj of this._emailsToRemove) {
|
|
promises.push(this.$.restAPI.deleteAccountEmail(emailObj.email));
|
|
}
|
|
|
|
if (this._newPreferred) {
|
|
promises.push(this.$.restAPI.setPreferredAccountEmail(
|
|
this._newPreferred));
|
|
}
|
|
|
|
return Promise.all(promises).then(() => {
|
|
this._emailsToRemove = [];
|
|
this._newPreferred = null;
|
|
this.hasUnsavedChanges = false;
|
|
});
|
|
},
|
|
|
|
_handleDeleteButton(e) {
|
|
const index = parseInt(Polymer.dom(e).localTarget
|
|
.getAttribute('data-index'), 10);
|
|
const email = this._emails[index];
|
|
this.push('_emailsToRemove', email);
|
|
this.splice('_emails', index, 1);
|
|
this.hasUnsavedChanges = true;
|
|
},
|
|
|
|
_handlePreferredControlTap(e) {
|
|
if (e.target.classList.contains('preferredControl')) {
|
|
e.target.firstElementChild.click();
|
|
}
|
|
},
|
|
|
|
_handlePreferredChange(e) {
|
|
const preferred = e.target.value;
|
|
for (let i = 0; i < this._emails.length; i++) {
|
|
if (preferred === this._emails[i].email) {
|
|
this.set(['_emails', i, 'preferred'], true);
|
|
this._newPreferred = preferred;
|
|
this.hasUnsavedChanges = true;
|
|
} else if (this._emails[i].preferred) {
|
|
this.set(['_emails', i, 'preferred'], false);
|
|
}
|
|
}
|
|
},
|
|
});
|
|
})();
|