Customize PolyGerrit
Peter Bruin
Duft Markus
Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
Cheers,
Markus
--
--
To unsubscribe, email
repo-discuss...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
repo-discuss...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
SSI Schäfer IT Solutions GmbH | Friesachstrasse 15 | 8114 Friesach | Austria
Registered Office: Friesach | Commercial Register: 49324 K | VAT no. ATU28654300
Commercial Court: Landesgericht für Zivilrechtssachen Graz
Peter Bruin
On Friday, 9 March 2018 14:28:08 UTC+8, Markus Duft wrote:
Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
Cheers,
Markus
From: repo-d...@googlegroups.com [mailto:repo-d...@googlegroups.com] On Behalf Of Peter Bruin
Sent: Friday, March 9, 2018 6:48 AM
To: Repo and Gerrit Discussion <repo-d...@googlegroups.com>
Subject: Customize PolyGerrit
Hi all,
I am wondering if it is possible to add headers, footers or css to the PolyGerrit UI?
So far it looks like the GerritSiteHeader.html and GerritSite.css are not included, is this correct?
Is there another way to add custome content (logo) to the site?
Thanks,
Peter Bruin
--
--
To unsubscribe, email repo-discus...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Makson Lee
On Friday, March 9, 2018 at 2:28:08 PM UTC+8, Markus Duft wrote:
Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
Cheers,
Markus
From: repo-d...@googlegroups.com [mailto:repo-d...@googlegroups.com] On Behalf Of Peter Bruin
Sent: Friday, March 9, 2018 6:48 AM
To: Repo and Gerrit Discussion <repo-d...@googlegroups.com>
Subject: Customize PolyGerrit
Hi all,
I am wondering if it is possible to add headers, footers or css to the PolyGerrit UI?
So far it looks like the GerritSiteHeader.html and GerritSite.css are not included, is this correct?
Is there another way to add custome content (logo) to the site?
Thanks,
Peter Bruin
--
--
To unsubscribe, email repo-discus...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
luca.mi...@gmail.com
On Friday, March 9, 2018 at 2:28:08 PM UTC+8, Markus Duft wrote:Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
thanks for the information, we can change the site logo now, can you explain more about how to change the color of header bar?
To unsubscribe, email repo-discuss...@googlegroups.com
Makson Lee
On Saturday, January 5, 2019 at 6:55:24 PM UTC+8, lucamilanesio wrote:
Sent from my iPhone
On Friday, March 9, 2018 at 2:28:08 PM UTC+8, Markus Duft wrote:Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
thanks for the information, we can change the site logo now, can you explain more about how to change the color of header bar?I’ve uploaded an example based on GerritHub:
cliffha...@gmail.com
cliffha...@gmail.com
Makson Lee
On Saturday, January 5, 2019 at 6:55:24 PM UTC+8, lucamilanesio wrote:Sent from my iPhone
On Friday, March 9, 2018 at 2:28:08 PM UTC+8, Markus Duft wrote:Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
thanks for the information, we can change the site logo now, can you explain more about how to change the color of header bar?I’ve uploaded an example based on GerritHub:Great.
Luca Milanesio
--
--
To unsubscribe, email repo-discuss...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/8f4aa00b-888e-4e89-b3eb-1519ff2ec0c7%40googlegroups.com.
Paladox none
<!--
Copyright (C) 2019 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.
-->
<dom-module id="gerrit-styles">
<script>
Gerrit.install((plugin) => {
if (!window.localStorage.getItem('dark-theme')) {
plugin.registerStyleModule('app-theme', 'gerrit-style');
}
plugin.registerCustomComponent(
'header-title', 'gerrit-custom-header', {replace: true});
});
</script>
</dom-module>
<dom-module id="gerrit-style">
<template>
<style>
html {
--header-background: rgb(59,120,231);
--header-text-color: rgb(255,255,255);
--border-width: 0 0 3px 0;
--border-style: solid;
--default-horizontal-margin: 0.5em 0.5em 0.5em;
}
</style>
</template>
</dom-module>
<dom-module id="gerrit-custom-header">
<template>
<style>
.gerritHeader::before {
background-image: url('data:image/png;base64,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');
background-size: 1.3em 1.3em;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 1.1em;
margin-right: calc(1em / 2);
margin-left: calc(1em / 3);
margin-bottom: calc(1em / 7);
vertical-align: middle;
width: 1.1em;
}
.gerritHeader::after {
content: 'Gerrit';
}
</style>
<span class="gerritHeader"></span>
</template>
<script>
(function() {
'use strict';
Polymer({
is: 'gerrit-custom-header',
});
})();
</script>
</dom-module>
On 22 Oct 2019, at 10:30, Makson Lee <cdle...@gmail.com> wrote:On Saturday, January 5, 2019 at 7:43:36 PM UTC+8, Makson Lee wrote:
On Saturday, January 5, 2019 at 6:55:24 PM UTC+8, lucamilanesio wrote:Sent from my iPhone
On Friday, March 9, 2018 at 2:28:08 PM UTC+8, Markus Duft wrote:Hey,
PolyGerrit allows to hook into it’s UI via plugins. Plugins can be simple .html files. We’re using such a plugin to swap in our logo (I attached it for your reference).
Also see: https://gerrit-review.googlesource.com/Documentation/pg-plugin-dev.html
thanks for the information, we can change the site logo now, can you explain more about how to change the color of header bar?I’ve uploaded an example based on GerritHub:Great.The example is not working after upgraded Gerrit from 3.0.3 to 3.1.0-rc0.Yes, I know.Gerrit v3.1.x uses Polymer2 with Shadow-DOM, which encapsulates CSS properties in the component and thus doesn't allow anymore overriding at global level.I believe Paladox had a workaround, correct?Luca.
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-d...@googlegroups.com.
Luca Milanesio
To unsubscribe, email repo-discuss...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/3dc056a4-f20a-4ae1-87b6-de00013fbcab%40googlegroups.com.
Paladox none
Luca
To unsubscribe, email repo-discuss+unsub...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-d...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/3dc056a4-f20a-4ae1-87b6-de00013fbcab%40googlegroups.com.
Luca Milanesio
On 22 Oct 2019, at 22:20, 'Paladox none' via Repo and Gerrit Discussion <repo-d...@googlegroups.com> wrote:Yup! (should work from the latest 2.16/3.0 releases). It won't work on gerrit 2.15 though.
To unsubscribe, email repo-discuss...@googlegroups.com
More info at http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/34ca5573-c183-4543-94c9-aaaebe9f0dbf%40googlegroups.com.
Jan Kundrát
> On Saturday, January 5, 2019 at 7:43:36 PM UTC+8, Makson Lee wrote:
> The example is not working after upgraded Gerrit from 3.0.3 to 3.1.0-rc0.
that they fit to our color scheme:
https://gerrit.cesnet.cz/plugins/gitiles/ci/ansible-cesnet/+/refs/heads/master/files/gerrit/cesnet-gerrit-ui.html
I'm adding it here because it took me some time to search for a solution
which works. Kudos to the Qt Gerrit team and various samples online from
other Gerrit which helped me get there.
Cheers,
Jan
--
Trojitá, a fast Qt IMAP e-mail client -- http://trojita.flaska.net/
Luca Milanesio
> On 23 Oct 2019, at 13:29, Jan Kundrát <j...@flaska.net> wrote:
>
> On úterý 22. října 2019 11:30:00 CEST, Makson Lee wrote:
>> On Saturday, January 5, 2019 at 7:43:36 PM UTC+8, Makson Lee wrote:
>>> On Saturday, January 5, 2019 at 6:55:24 PM UTC+8, lucamilanesio wrote: ...
>>
>> The example is not working after upgraded Gerrit from 3.0.3 to 3.1.0-rc0.
>
> FYI, here's a simple plugin which swaps the logo and configures colors so that they fit to our color scheme:
>
> https://gerrit.cesnet.cz/plugins/gitiles/ci/ansible-cesnet/+/refs/heads/master/files/gerrit/cesnet-gerrit-ui.html
Have you tested them on Gerrit 3.1.0-rc0?
>
> I'm adding it here because it took me some time to search for a solution which works. Kudos to the Qt Gerrit team and various samples online from other Gerrit which helped me get there.
>
> Cheers,
> Jan
>
> --
> Trojitá, a fast Qt IMAP e-mail client -- http://trojita.flaska.net/
>
> --
> To unsubscribe, email repo-discuss...@googlegroups.com
> More info at http://groups.google.com/group/repo-discuss?hl=en
>
> --- You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to repo-discuss...@googlegroups.com.
Luca Milanesio
> On 23 Oct 2019, at 13:32, Luca Milanesio <Luca.Mi...@gmail.com> wrote:
>
>
>
>> On 23 Oct 2019, at 13:29, Jan Kundrát <j...@flaska.net> wrote:
>>
>> On úterý 22. října 2019 11:30:00 CEST, Makson Lee wrote:
>>> On Saturday, January 5, 2019 at 7:43:36 PM UTC+8, Makson Lee wrote:
>>>> On Saturday, January 5, 2019 at 6:55:24 PM UTC+8, lucamilanesio wrote: ...
>>>
>>> The example is not working after upgraded Gerrit from 3.0.3 to 3.1.0-rc0.
>>
>> FYI, here's a simple plugin which swaps the logo and configures colors so that they fit to our color scheme:
>>
>> https://gerrit.cesnet.cz/plugins/gitiles/ci/ansible-cesnet/+/refs/heads/master/files/gerrit/cesnet-gerrit-ui.html
>
> That looks like the traditional CSS styles overrides.
> Have you tested them on Gerrit 3.1.0-rc0?
Luca.
Engle, Luke Edward
I assume this method of styling can also be applied to change-metadata-item elements? I had a plugin running on Gerrit 3.0.X which was using traditional css style overrides, and for the life of me I can’t get it to work by moving the CSS to a dom-module and sourcing it in via
plugin.registerStyleModule('app-theme', <dom-module id>);
The documentation on polygerrit plugins seems outdated, but I’ve tried a host of different things like changing the endpoint in ‘plugin.registerStyleModule’ to ‘change-metadata’ as well as lots of other tinkering, but the styles I’ve set in the dom-module never seem to show up.
Example code (stripped of all the fun stuff)
<dom-module id="test-style">
<template>
<style>
.open {color: white;
background-color: #2b6dd8;
font-size: 13px;
border-radius: 3px;
text-align: center;
float: left;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.open:hover,
.open:focus {background-color: #2a5db0;
cursor: pointer;
text-decoration: none;
}
</style>
</template>
</dom-module>
<dom-module id="test">
<script>
Gerrit.install(plugin => {
function test(change, revision) {
plugin.hook('change-metadata-item').onAttached(el => {
const openButton = el.appendChild(document.createElement('div'));
openButton.innerHTML = 'Test';
openButton.classList.add("open");
openButton.id = "openButton";
});
}
plugin.registerStyleModule('app-theme', 'test-style');
plugin.on('showchange', test);
});
</script>
</dom-module>
Thanks,
Luke
From: 'Paladox none' via Repo and Gerrit Discussion [mailto:repo-d...@googlegroups.com]
Sent: Tuesday, October 22, 2019 2:18 PM
To: Repo and Gerrit Discussion <repo-d...@googlegroups.com>
Subject: Re: Customize PolyGerrit
--
--
To unsubscribe, email
repo-discuss...@googlegroups.com
More info at
http://groups.google.com/group/repo-discuss?hl=en
---
You received this message because you are subscribed to the Google Groups "Repo and Gerrit Discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
repo-discuss...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/repo-discuss/3dc056a4-f20a-4ae1-87b6-de00013fbcab%40googlegroups.com.
Tao Zhou
<dom-module id="test-component">
<template>
<style>
.open {color: white;
background-color: #2b6dd8;
font-size: 13px;
border-radius: 3px;
text-align: center;
float: left;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.open:hover,
.open:focus {background-color: #2a5db0;
cursor: pointer;
text-decoration: none;
}
</style>
<div class="open">Test</div>
</template>
<script>
Polymer({
is: "test-component"
});
</script>
</dom-module>
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/DF4PR8401MB1196111AB453DA6A77E7C38C94F70%40DF4PR8401MB1196.NAMPRD84.PROD.OUTLOOK.COM.
Matthias Sohn
2. to change style on global level, like the font-size, font color etc:Due to the shadow DOM we are using css variables to control most of our styles across the pages. And for those controlled by css variables, you can override by changing the variable in your customized app-theme module. Similar to how you register with `app-theme` before, you just need to have those variables overridden:```html {--header-background-color: #0068a2;--header-text-color: #ffffff;}```see all variables available to you from 3.0: https://gerrit.googlesource.com/gerrit/+/refs/heads/stable-3.0/polygerrit-ui/app/styles/themes/app-theme.htmlHope that can help you a bit :)
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/CAEmTNiXNb_vXS50ZDf7MCrQe6b2ZEoZ2eGTqWPw88e%3DQfVys%2BQ%40mail.gmail.com.
Tao Zhou
Matthias Sohn
Engle, Luke Edward
I’ve never really used Polymer, nor am I a web developer so I’m likely doing things wrong here, but it still doesn’t seem to be taking the style:
It would help a ton to see some working examples doing something similar – everything I’ve found in documentation doesn’t seem to work (or I’m just not extending things properly, which is more likely J).
<dom-module id="test-style">
<template>
<style>
.open {color: white;
background-color: #2b6dd8;
font-size: 13px;
border-radius: 3px;
text-align: center;
float: left;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.open:hover,
.open:focus {background-color: #2a5db0;
cursor: pointer;
text-decoration: none;
}
</style>
<div class="open">TEST</div>
</template>
<script>
Polymer({
is: "test-style"
});
</script>
</dom-module>
<dom-module id="test">
<script>
Gerrit.install(plugin => {
function test(change, revision) {
const dom = plugin.hook('change-metadata-item', 'test-style');
dom.onAttached(el => {
const openButton = el.appendChild(document.createElement('div'));
openButton.innerHTML = 'TEST';
openButton.classList.add("open");
});
}
plugin.on('showchange', test);
});
</script>
</dom-module>
Thank you for the help!
Luke
To view this discussion on the web visit https://groups.google.com/d/msgid/repo-discuss/CAEmTNiXNb_vXS50ZDf7MCrQe6b2ZEoZ2eGTqWPw88e%3DQfVys%2BQ%40mail.gmail.com.