Files
gerrit/polygerrit-ui/app/elements/plugins/gr-external-style/gr-external-style.js
Viktar Donich d559f19f1f Define DOM Hooks API
plugin.getDomHook now returns a DOM Hook API instance that can be used
to setup callbacks for the dom hook insertion into DOM:

``` js
  Gerrit.install(plugin => {
    plugin.getDomHook('reply-text').onAttached(element => {
      if (!element.content) { return; }
      element.content.style.border = '1px red solid';
    });
  });
```

Includes tests, and refactoring for existing plugin api
and internal endpoints data model.

Documentation coming in next change.

Change-Id: Iefa0cac4257323fc4557dfb7c196a4a81e001eea
2017-08-04 10:20:11 -07:00

49 lines
1.4 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() {
'use strict';
Polymer({
is: 'gr-external-style',
properties: {
name: String,
},
_import(url) {
return new Promise((resolve, reject) => {
this.importHref(url, resolve, reject);
});
},
_applyStyle(name) {
const s = document.createElement('style', 'custom-style');
s.setAttribute('include', name);
Polymer.dom(this.root).appendChild(s);
},
ready() {
Gerrit.awaitPluginsLoaded().then(() => Promise.all(
Gerrit._endpoints.getPlugins(this.name).map(
pluginUrl => this._import(pluginUrl)))
).then(() => {
const moduleNames = Gerrit._endpoints.getModules(this.name);
for (const name of moduleNames) {
this._applyStyle(name);
}
});
},
});
})();