Files
gerrit/polygerrit-ui/app/elements/plugins/gr-theme-api/gr-theme-api.js
Viktar Donich ab491f77a0 Provide plugin DOM hooks for components
In order to simplify custom components usage by plugins, provide DOM
hooks for plugin-defined custom components. Previously DOM hook API was
only provided for API-generated placeholder elements.

Other changes:
- endpoint insertions now can be performed at any point in time and will
retrospectively attached to DOM for fully initialized endpoints as well
- helper method for querying all hook instances
- getLastAttached() method returns a promise to simplify singleton
element setup and usage (e.g. popups)

Change-Id: I1c95146f76ee52bea3b9e01b666112ce6448efcd
2017-09-05 15:02:21 -07:00

37 lines
1.2 KiB
JavaScript

// 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(window) {
'use strict';
// Prevent redefinition.
if (window.GrThemeApi) { return; }
function GrThemeApi(plugin) {
this.plugin = plugin;
}
GrThemeApi.prototype.setHeaderLogoAndTitle = function(logoUrl, title) {
this.plugin.hook('header-title', {replace: true}).onAttached(
element => {
const customHeader =
document.createElement('gr-custom-plugin-header');
customHeader.logoUrl = logoUrl;
customHeader.title = title;
element.appendChild(customHeader);
});
};
window.GrThemeApi = GrThemeApi;
})(window);