blob: 527ebcebbdba0af3507424448ede90ec29d2b5c6 [file] [log] [blame]
<dom-module id="some-screen">
<script>
Gerrit.install(plugin => {
// Recommended approach for screen() API.
plugin.screen('main', 'some-screen-main');
const mainUrl = plugin.screenUrl('main');
// Support for deprecated screen API.
plugin.deprecated.screen('foo', ({token, body, show}) => {
body.innerHTML = `This is a plugin screen at ${token}<br/>` +
`<a href="${mainUrl}">Go to main plugin screen</a>`;
show();
});
// Quick and dirty way to get something on screen.
plugin.screen('bar').onAttached(el => {
el.innerHTML = `This is a plugin screen at ${el.token}<br/>` +
`<a href="${mainUrl}">Go to main plugin screen</a>`;
});
// Add a "Plugin screen" link to the change view screen.
plugin.hook('change-metadata-item').onAttached(el => {
el.innerHTML = `<a href="${mainUrl}">Plugin screen</a>`;
});
});
</script>
</dom-module>
<dom-module id="some-screen-main">
<template>
This is the <b>main</b> plugin screen at [[token]]
<ul>
<li><a href$="[[rootUrl]]/foo">via deprecated</a></li>
<li><a href$="[[rootUrl]]/bar">without component</a></li>
</ul>
</template>
<script>
Polymer({
is: 'some-screen-main',
_legacyUndefinedCheck: true,
properties: {
rootUrl: String,
},
attached() {
this.rootUrl = `${this.plugin.screenUrl()}`;
},
});
</script>
</dom-module>