Files
gerrit/polygerrit-ui/app/elements/shared/gr-copy-clipboard/gr-copy-clipboard.js
brohlfs 3e7f5fdd3f Polymer 2: Add _legacyUndefinedCheck
When legacy-data-mixin.html is imported this will tell you on the console which observers need fixing regarding this change of behavior:

https://polymer-library.polymer-project.org/2.0/docs/upgrade#update-observers

This change was created by running this command line:

find polygerrit-ui/app/ -type f | xargs sed -i '/^    is: / a\    _legacyUndefinedCheck: true,'

Once all observers are fixed, this change will be reverted. This is tracked in https://bugs.chromium.org/p/gerrit/issues/detail?id=10723

Change-Id: Icccdfaa52bf77dfb25e949b2aa2402110f6c2276
2019-04-17 13:15:50 +00:00

69 lines
1.6 KiB
JavaScript

/**
* @license
* Copyright (C) 2017 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';
const COPY_TIMEOUT_MS = 1000;
Polymer({
is: 'gr-copy-clipboard',
_legacyUndefinedCheck: true,
properties: {
text: String,
buttonTitle: String,
hasTooltip: {
type: Boolean,
value: false,
},
hideInput: {
type: Boolean,
value: false,
},
},
focusOnCopy() {
this.$.button.focus();
},
_computeInputClass(hideInput) {
return hideInput ? 'hideInput' : '';
},
_handleInputTap(e) {
e.preventDefault();
Polymer.dom(e).rootTarget.select();
},
_copyToClipboard() {
if (this.hideInput) {
this.$.input.style.display = 'block';
}
this.$.input.focus();
this.$.input.select();
document.execCommand('copy');
if (this.hideInput) {
this.$.input.style.display = 'none';
}
this.$.icon.icon = 'gr-icons:check';
this.async(
() => this.$.icon.icon = 'gr-icons:content-copy',
COPY_TIMEOUT_MS);
},
});
})();