0.3.65 • Published 2 years ago
@fluid-topics/ft-case-deflection v0.3.65
A Web Component that can perform requests from ft portal or create issues in a JIRA project
The case deflection component requires the Fluid Topics public API and Material Icon font to be imported independently.
Install
Javascript/Typescript
npm install @fluid-topics/ft-case-deflection
yarn add @fluid-topics/ft-case-deflection
HTML
To be placed at the end of HTML body:
<script src="https://cdn.jsdelivr.net/npm/@fluid-topics/public-api/dist/fluidtopics.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fluid-topics/ft-case-deflection/build/ft-case-deflection.min.js"></script>
Usage
Lit
import { html } from "lit"
import "@fluid-topics/ft-case-deflection"
function render() {
return html` <ft-case-deflection
baseUrl="https://tinman-demo-dev.fluidtopics.net"
jiraUrl="https://jira-dr.mrs.antidot.net"
jiraToken="Basic bHp2YXJhOkwxTzJKM1U0eHgq"
projectId="11900"
issueTypeId="10700"
.searchFilters=${ {
key: 'Version_FT',
values: ['latest'],
negative: false
} }
.filteredMetadataKeys=${ [
"FT_Version",
"Product",
"language",
"audience",
"Category",
"ft:lastPublication"
] }
@search=${ (e: CustomEvent<FtSearchRequest>) => console.log("Search launched: ", e.detail) }
@issue-created=${ (e: CustomEvent<string>) => console.log("Issue created: ", e.detail) }
></ft-case-deflection> `
}
HTML
<html lang="en">
<head>
<title>My custom integration</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<ft-case-deflection
baseUrl="http://doc.fluidtopics.com"
jiraUrl="<JIRA_URL>"
jiraToken="Basic <token>"
projectId="11900"
issueTypeId="10700"
.filteredMetadataKeys="["FT_Version","Product","language","audience","Category","ft:lastPublication"]"
></ft-case-deflection>
<script src="https://cdn.jsdelivr.net/npm/@fluid-topics/public-api/dist/fluidtopics.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fluid-topics/ft-case-deflection/build/ft-case-deflection.min.js"></script>
<script>
const caseDeflection = document.querySelector('ft-case-deflection');
caseDeflection.setAttribute("searchFilters", JSON.stringify({
key: 'Version_FT',
values: ['latest'],
negative: false
}));
caseDeflection.addEventListener("search", event => console.log("Search launched: ", event.detail));
caseDeflection.addEventListener("issue-created", event => console.log("Issue created: ", event.detail));
</script>
</body>
</html>
0.3.58
2 years ago
0.3.64
2 years ago
0.3.63
2 years ago
0.3.62
2 years ago
0.3.61
2 years ago
0.3.60
2 years ago
0.3.65
2 years ago
0.3.57
2 years ago
0.3.56
2 years ago
0.3.55
2 years ago
0.3.53
2 years ago
0.3.52
2 years ago
0.3.54
2 years ago
0.3.51
2 years ago
0.3.50
2 years ago
0.3.49
2 years ago
0.3.48
2 years ago
0.3.47
2 years ago
0.3.46
2 years ago
0.3.45
2 years ago
0.3.43
2 years ago
0.3.40
3 years ago
0.3.39
3 years ago
0.3.38
3 years ago
0.3.37
3 years ago
0.3.36
3 years ago
0.3.35
3 years ago
0.3.34
3 years ago
0.3.33
3 years ago
0.3.32
3 years ago
0.3.31
3 years ago
0.3.30
3 years ago
0.3.28
3 years ago
0.3.27
3 years ago
0.3.26
3 years ago
0.3.25
3 years ago
0.3.24
3 years ago
0.3.23
3 years ago
0.3.22
3 years ago
0.3.21
3 years ago
0.3.20
3 years ago