How to add client web items as Dropdown 2 button

Bitbucket Development Bitbucket Server
, , ,
1

We created a new client web item for the file toolbar:

<web-resource key="file-resources" name="Web Resources for Files">
	[...]
</web-resource>
<client-web-item key="file-toolbar" name="File toolbar" section="bitbucket.file-content.source.toolbar.primary">
	<dependency>${atlassian.plugin.key}:file-resources</dependency>
	[...]
	<styleClass>aui-dropdown2-trigger</styleClass>
</client-web-item>

image
image1906×340 21.4 KB

How can we add it as a real Dropdown 2 button, i.e. how can we popolate its list of values?
We would obtain something similar to the History button…
image
image1919×671 41.4 KB

Thanks in advance.
Cheers.

2

We saw that the History dropdown button is populated by an async call to REST endpoint /rest/api/latest/projects/{projectKey}/repos/{repositorySlug}/commits?followRenames&path&until&start&limit&avatarSize, so we created our own REST endpoint, too.
How should we popolate the dropdown list with those retrieved values?
Thanks in advance.
Cheers.

3

I don’t think this use case about using dropdown markup is supported with web-items.

What you could try to do, is to load additional JS files that can update the HTML on the page and then initialize the dropdown again.

4

We already tried that, but our client-web-item is not present once JS is loaded. Should we use AJS.toInit(), as per Cant load javascript - #4 by ladislavrolnik?
Thanks in advance.
Cheers.

5

I think so. I would give it a try.