Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
const stylesTemplate = () => html` <link
rel="stylesheet"
/>`;
export const MessagePopup = ({ l10nid, webTitle = "" }) => {
return html` <div class="tooltip-container">
<div class="arrow-box">
<p
class="tooltip-message"
data-l10n-id=${ifDefined(l10nid)}
data-l10n-args=${JSON.stringify({ webTitle })}
></p>
</div>
</div>`;
};
export class PasswordWarning extends MozLitElement {
static get properties() {
return {
isNewLogin: { type: Boolean, reflect: true },
webTitle: { type: String, reflect: true },
};
}
constructor() {
super();
this.isNewLogin = false;
}
render() {
return this.isNewLogin
? html`${stylesTemplate()}
${MessagePopup({
l10nid: "about-logins-add-password-tooltip",
})}`
: html`${stylesTemplate()}
${MessagePopup({
l10nid: "about-logins-edit-password-tooltip",
webTitle: this.webTitle,
})}`;
}
}
export class OriginWarning extends MozLitElement {
render() {
return html`${stylesTemplate()}
${MessagePopup({ l10nid: "about-logins-origin-tooltip2" })}`;
}
}
customElements.define("password-warning", PasswordWarning);
customElements.define("origin-warning", OriginWarning);