Skip to content

Commit b73e2e8

Browse files
danhellemdanhellem
committed
more samples to match docs
1 parent 311e1f5 commit b73e2e8

16 files changed

+249
-0
lines changed

‎src/Samples/query-result-work-item-menu/query-result-work-item-menu.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<body>
4+
<script type="text/javascript" src="query-result-work-item-menu.js" charset="utf-8"></script>
5+
</body>
6+
</html>

‎src/Samples/query-result-work-item-menu/query-result-work-item-menu.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"contributions": [
3+
{
4+
"id": "query-result-work-item-menu",
5+
"type": "ms.vss-web.action",
6+
"targets": [
7+
"ms.vss-work-web.query-result-work-item-menu"
8+
],
9+
"properties": {
10+
"text": "Custom query result menu item",
11+
"uri": "dist/query-result-work-item-menu/query-result-work-item-menu.html",
12+
"icon": {
13+
"light": "static/asterisk.png",
14+
"dark": "static/asterisk.png"
15+
},
16+
"registeredObjectId": "query-result-work-item-menu"
17+
}
18+
}
19+
]
20+
}

‎src/Samples/query-result-work-item-menu/query-result-work-item-menu.ts

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import "es6-promise/auto";
2+
import * as SDK from "azure-devops-extension-sdk";
3+
4+
SDK.register("query-result-work-item-menu", () => {
5+
return {
6+
execute: async (context: any) => {
7+
alert("Custom query result menu item!");
8+
console.log(context);
9+
}
10+
}
11+
});
12+
13+
SDK.init();

‎src/Samples/query-tabs/query-tabs.html

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<body>
4+
<div id="root"></div>
5+
<script type="text/javascript" src="query-tabs.js" charset="utf-8"></script>
6+
</body>
7+
</html>

‎src/Samples/query-tabs/query-tabs.json

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"contributions": [
3+
{
4+
"id": "query-tabs",
5+
"type": "ms.vss-web.tab",
6+
"targets": [
7+
"ms.vss-work-web.query-tabs"
8+
],
9+
"properties": {
10+
"name": "Custom Tab",
11+
"uri": "dist/query-tabs/query-tabs.html",
12+
"icon": {
13+
"light": "static/app_folder.png",
14+
"dark": "static/app_folder.png"
15+
}
16+
}
17+
}
18+
]
19+
}

‎src/Samples/query-tabs/query-tabs.scss

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@import "node_modules/azure-devops-ui/Core/_platformCommon.scss";
2+
3+
.sample-form-section {
4+
margin-top: 20px;
5+
}

‎src/Samples/query-tabs/query-tabs.tsx

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import * as React from "react";
2+
import * as SDK from "azure-devops-extension-sdk";
3+
4+
import "./query-tabs.scss";
5+
6+
import { Header } from "azure-devops-ui/Header";
7+
import { Page } from "azure-devops-ui/Page";
8+
9+
import { showRootComponent } from "../../Common";
10+
11+
class QueryTabGroup extends React.Component<{}, {}> {
12+
13+
constructor(props: {}) {
14+
super(props);
15+
}
16+
17+
public componentDidMount() {
18+
try {
19+
console.log("Component did mount, initializing SDK...");
20+
SDK.init();
21+
22+
SDK.ready().then(() => {
23+
console.log("SDK is ready, loading context...");
24+
this.loadContext();
25+
}).catch((error) => {
26+
console.error("SDK ready failed: ", error);
27+
});
28+
} catch (error) {
29+
console.error("Error during SDK initialization or context loading: ", error);
30+
}
31+
}
32+
33+
public render(): JSX.Element {
34+
return (
35+
<Page className="sample-hub flex-grow">
36+
<Header title="Custom Query Tab" />
37+
<div className="page-content">
38+
<div className="sample-form-section flex-row flex-center">
39+
Hello World
40+
</div>
41+
</div>
42+
</Page>
43+
);
44+
}
45+
46+
private async loadContext(): Promise<void> {
47+
try {
48+
console.log("Attempting to get web context...");
49+
50+
const context = SDK.getWebContext();
51+
this.setState({ webcontext: context });
52+
53+
console.log("Context loaded: ", context);
54+
55+
SDK.notifyLoadSucceeded();
56+
} catch (error) {
57+
console.error("Failed to load context: ", error);
58+
}
59+
}
60+
}
61+
62+
showRootComponent(<QueryTabGroup />);

‎src/Samples/work-item-query-menu/work-item-query-menu.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<body>
4+
<script type="text/javascript" src="work-item-query-menu.js" charset="utf-8"></script>
5+
</body>
6+
</html>

‎src/Samples/work-item-query-menu/work-item-query-menu.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"contributions": [
3+
{
4+
"id": "work-item-query-menu",
5+
"type": "ms.vss-web.action",
6+
"targets": [
7+
"ms.vss-work-web.work-item-query-menu"
8+
],
9+
"properties": {
10+
"text": "Custom query action",
11+
"uri": "dist/work-item-query-menu/work-item-query-menu.html",
12+
"icon": {
13+
"light": "static/asterisk.png",
14+
"dark": "static/asterisk.png"
15+
},
16+
"registeredObjectId": "work-item-query-menu"
17+
}
18+
}
19+
]
20+
}

‎src/Samples/work-item-query-menu/work-item-query-menu.ts

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import "es6-promise/auto";
2+
import * as SDK from "azure-devops-extension-sdk";
3+
4+
SDK.register("work-item-query-menu", () => {
5+
return {
6+
execute: async (context: any) => {
7+
alert("Custom work item query menu!");
8+
console.log(context);
9+
}
10+
}
11+
});
12+
13+
SDK.init();

‎src/Samples/work-item-query-results-toolbar-menu/work-item-query-results-toolbar-menu.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<body>
4+
<script type="text/javascript" src="work-item-query-results-toolbar-menu.js" charset="utf-8"></script>
5+
</body>
6+
</html>

‎src/Samples/work-item-query-results-toolbar-menu/work-item-query-results-toolbar-menu.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"contributions": [
3+
{
4+
"id": "work-item-query-results-toolbar-menu",
5+
"type": "ms.vss-web.action",
6+
"targets": [
7+
"ms.vss-work-web.work-item-query-results-toolbar-menu"
8+
],
9+
"properties": {
10+
"text": "Custom query results toolbar action",
11+
"uri": "dist/work-item-query-results-toolbar-menu/work-item-query-results-toolbar-menu.html",
12+
"icon": {
13+
"light": "static/asterisk.png",
14+
"dark": "static/asterisk.png"
15+
},
16+
"registeredObjectId": "work-item-query-results-toolbar-menu"
17+
}
18+
}
19+
]
20+
}

‎src/Samples/work-item-query-results-toolbar-menu/work-item-query-results-toolbar-menu.ts

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import "es6-promise/auto";
2+
import * as SDK from "azure-devops-extension-sdk";
3+
4+
SDK.register("work-item-query-results-toolbar-menu", () => {
5+
return {
6+
execute: async (context: any) => {
7+
alert("Custom query results toolbar action!");
8+
console.log(context);
9+
}
10+
}
11+
});
12+
13+
SDK.init();

‎src/Samples/work-item-toolbar-menu/work-item-toolbar-menu.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<body>
4+
<script type="text/javascript" src="work-item-toolbar-menu.js" charset="utf-8"></script>
5+
</body>
6+
</html>

‎src/Samples/work-item-toolbar-menu/work-item-toolbar-menu.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"contributions": [
3+
{
4+
"id": "work-item-toolbar-menu",
5+
"type": "ms.vss-web.action",
6+
"targets": [
7+
"ms.vss-work-web.work-item-toolbar-menu"
8+
],
9+
"properties": {
10+
"text": "Custom work item toolbar action",
11+
"uri": "dist/work-item-toolbar-menu/work-item-toolbar-menu.html",
12+
"icon": {
13+
"light": "static/asterisk.png",
14+
"dark": "static/asterisk.png"
15+
},
16+
"registeredObjectId": "work-item-toolbar-menu"
17+
}
18+
}
19+
]
20+
}

‎src/Samples/work-item-toolbar-menu/work-item-toolbar-menu.ts

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import "es6-promise/auto";
2+
import * as SDK from "azure-devops-extension-sdk";
3+
4+
SDK.register("work-item-toolbar-menu", () => {
5+
return {
6+
execute: async (context: any) => {
7+
alert("Custom work item toolbar action!");
8+
console.log(context);
9+
}
10+
}
11+
});
12+
13+
SDK.init();

0 commit comments

Comments
 (0)