Skip to content

Modal panel samples #186

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
danhellem merged 4 commits into from
Apr 3, 2025
Merged

Modal panel samples #186

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2eca19e
Added board and sprint panels for samples
mattiasen1 Feb 28, 2025
11534f3
Added name property on panel content
mattiasen1 Mar 18, 2025
ba4cba3
Added more panel/modal samples to boards, backlogs, sprints, queries
mattiasen1 Apr 1, 2025
f3291e8
Removed old contributions and replaced with new using panel/modal
mattiasen1 Apr 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Added more panel/modal samples to boards, backlogs, sprints, queries
  • Loading branch information
@mattiasen1
mattiasen1 committed Apr 1, 2025
commit ba4cba33ddf1a60abedcb9bf6a8e9637946c70a3
6 changes: 6 additions & 0 deletions src/Samples/backlog-board-card-item-menu-panel/backlog-board-card-item-menu-panel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script type="text/javascript" src="backlog-board-card-item-menu-panel.js" charset="utf-8"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions src/Samples/backlog-board-card-item-menu-panel/backlog-board-card-item-menu-panel.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"contributions": [
{
"id": "backlog-board-card-item-menu-panel",
"type": "ms.vss-web.action",
"targets": [
"ms.vss-work-web.backlog-board-card-item-menu"
],
"properties": {
"text": "Custom card menu item panel",
"uri": "dist/backlog-board-card-item-menu-panel/backlog-board-card-item-menu-panel.html",
"icon": {
"light": "static/asterisk.png",
"dark": "static/asterisk.png"
},
"registeredObjectId": "backlog-board-card-item-menu-panel"
}
}
]
}
21 changes: 21 additions & 0 deletions src/Samples/backlog-board-card-item-menu-panel/backlog-board-card-item-menu-panel.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import "es6-promise/auto";
import * as SDK from "azure-devops-extension-sdk";
import { CommonServiceIds, IHostPageLayoutService } from "azure-devops-extension-api";

SDK.register("backlog-board-card-item-menu-panel", () => {
return {
execute: async (context: any) => {
const dialogService = await SDK.getService<IHostPageLayoutService>(CommonServiceIds.HostPageLayoutService);
dialogService.openPanel(SDK.getExtensionContext().id + ".panel-content", {
title: "Backlog Board Card Item Menu Panel",
description: "Project- and board context",
configuration: {
context: context,
}
})
console.log(context);
}
}
});

SDK.init();
2 changes: 1 addition & 1 deletion src/Samples/backlog-board-card-item-menu/backlog-board-card-item-menu.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
],
"properties": {
"text": "Custom card menu item",
"uri": "dist/backlog-board-card-item-menu/backlog-board-card-item-menu",
"uri": "dist/backlog-board-card-item-menu/backlog-board-card-item-menu.html",
"icon": {
"light": "static/asterisk.png",
"dark": "static/asterisk.png"
Expand Down
6 changes: 6 additions & 0 deletions src/Samples/backlog-item-menu-panel/backlog-item-menu-panel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script type="text/javascript" src="backlog-item-menu-panel.js" charset="utf-8"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions src/Samples/backlog-item-menu-panel/backlog-item-menu-panel.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"contributions": [
{
"id": "backlog-item-menu-panel",
"type": "ms.vss-web.action",
"targets": [
"ms.vss-work-web.backlog-item-menu"
],
"properties": {
"text": "Custom backlog item action panel",
"uri": "dist/backlog-item-menu-panel/backlog-item-menu-panel.html",
"icon": {
"light": "static/asterisk.png",
"dark": "static/asterisk.png"
},
"registeredObjectId": "sample-backlog-item-menu-panel"
}
}
]
}
21 changes: 21 additions & 0 deletions src/Samples/backlog-item-menu-panel/backlog-item-menu-panel.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import "es6-promise/auto";
import * as SDK from "azure-devops-extension-sdk";
import { CommonServiceIds, IHostPageLayoutService } from "azure-devops-extension-api";

SDK.register("sample-backlog-item-menu-panel", () => {
return {
execute: async (context: any) => {
const dialogService = await SDK.getService<IHostPageLayoutService>(CommonServiceIds.HostPageLayoutService);
dialogService.openPanel(SDK.getExtensionContext().id + ".panel-content", {
title: "Backlog Item Menu Panel",
description: "Project-and Backlogs context",
configuration: {
context: context,
}
})
console.log(context);
}
}
});

SDK.init();
0 src/Samples/panel-content/panel.content.json → src/Samples/panel-content/panel-content.json
View file
Open in desktop
File renamed without changes.
1 change: 1 addition & 0 deletions src/Samples/panel-content/panel-content.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ class PanelContent extends React.Component<{}, IPanelContent> {
console.log("SDK is ready, loading project config...");
this.setState({ configuration: SDK.getConfiguration() });
this.loadProjectContext();
SDK.resize(400, 600);
}).catch((error) => {
console.error("SDK ready failed: ", error);
});
Expand Down
6 changes: 6 additions & 0 deletions src/Samples/query-result-work-item-menu-panel/query-result-work-item-menu-panel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script type="text/javascript" src="query-result-work-item-menu-panel.js" charset="utf-8"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions src/Samples/query-result-work-item-menu-panel/query-result-work-item-menu-panel.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"contributions": [
{
"id": "query-result-work-item-menu-panel",
"type": "ms.vss-web.action",
"targets": [
"ms.vss-work-web.query-result-work-item-menu"
],
"properties": {
"text": "Custom query result menu item panel",
"uri": "dist/query-result-work-item-menu-panel/query-result-work-item-menu-panel.html",
"icon": {
"light": "static/asterisk.png",
"dark": "static/asterisk.png"
},
"registeredObjectId": "query-result-work-item-menu-panel"
}
}
]
}
21 changes: 21 additions & 0 deletions src/Samples/query-result-work-item-menu-panel/query-result-work-item-menu-panel.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import "es6-promise/auto";
import * as SDK from "azure-devops-extension-sdk";
import { CommonServiceIds, IHostPageLayoutService } from "azure-devops-extension-api";

SDK.register("query-result-work-item-menu-panel", () => {
return {
execute: async (context: any) => {
const dialogService = await SDK.getService<IHostPageLayoutService>(CommonServiceIds.HostPageLayoutService);
dialogService.openPanel(SDK.getExtensionContext().id + ".panel-content", {
title: "Query result work item menu panel",
description: "Project-and Queries context",
configuration: {
context: context,
}
})
console.log(context);
}
}
});

SDK.init();
6 changes: 6 additions & 0 deletions src/Samples/work-item-toolbar-menu-modal/work-item-toolbar-menu-modal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script type="text/javascript" src="work-item-toolbar-menu-modal.js" charset="utf-8"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions src/Samples/work-item-toolbar-menu-modal/work-item-toolbar-menu-modal.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"contributions": [
{
"id": "work-item-toolbar-menu-modal",
"type": "ms.vss-web.action",
"targets": [
"ms.vss-work-web.work-item-toolbar-menu"
],
"properties": {
"text": "Custom work item toolbar action modal",
"uri": "dist/work-item-toolbar-menu-modal/work-item-toolbar-menu-modal.html",
"icon": {
"light": "static/asterisk.png",
"dark": "static/asterisk.png"
},
"registeredObjectId": "work-item-toolbar-menu-modal"
}
}
]
}
20 changes: 20 additions & 0 deletions src/Samples/work-item-toolbar-menu-modal/work-item-toolbar-menu-modal.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import "es6-promise/auto";
import * as SDK from "azure-devops-extension-sdk";
import { CommonServiceIds, IHostPageLayoutService } from "azure-devops-extension-api";

SDK.register("work-item-toolbar-menu-modal", () => {
return {
execute: async (context: any) => {
const dialogService = await SDK.getService<IHostPageLayoutService>(CommonServiceIds.HostPageLayoutService);
dialogService.openCustomDialog(SDK.getExtensionContext().id + ".panel-content", {
title: "Work item toolbar menu modal",
configuration: {
context: context,
}
})
console.log(context);
}
}
});

SDK.init();