| Key | +Value | +
|---|---|
| {{ item.key }} | +{{ item.value }} | +
{{ this.selectedScope.displayName }}.
- {{ this.selectedScope.displayName }}.
+ + You can provide multiple categories by passing them as a + Comma-separated List +
+ ++ You can provide multiple tags by passing them as a Comma-separated + List +
+ +Confirm the following details before finishing
+| Option | +Value | +
|---|---|
| Name | +{{ selectedscenario.name }} | +
| Description | +{{ selectedscenario.description }} | +
| Keepalive Duration | +{{ selectedscenario.keepalive_duration }} | +
| Pause Duration | +{{ selectedscenario.pause_duration }} | +
| Virtual Machine | +{{ selectedscenario.virtualmachines.length }} | +
| Steps | ++ + {{ step.title }} + | +
| Categories | ++ + {{ categorie }} + | +
| Tags | ++ + {{ tag }} + + | +
+ Are you sure you want to delete this VM set? This will remove any VM name + -> template mappings you have created. +
+- You can provide multiple categories by passing them as a - Comma-separated List -
- -- You can provide multiple tags by passing them as a - Comma-separated List -
- -Are you sure you want to delete this scenario?
- Are you sure you want to delete this VM set? This will remove any VM name - -> template mappings you have created. -
-Are you sure you want to delete this step?
-Are you sure you want to delete this step?
+${fileName}
` : `${language}
`; - const classAttr = `class="language-${language}"`; - const codeNode = `${escape(code)}`;
- return `${fileNameTag}${codeNode}`;
+ const classAttr = `language-${language}`;
+
+ if (Prism.languages[language]) {
+ code = Prism.highlight(code, Prism.languages[language], language);
+ }
+
+ return `${fileNameTag}${code}`;
+ }
+
+ private renderMermaidGraph(code: string, containerId: string) {
+ mermaid
+ .render('svg-' + containerId, code)
+ .then((renderResult) => {
+ const container = document.getElementById(containerId);
+ if (container) {
+ container.innerHTML = renderResult.svg;
+ }
+ })
+ .catch((error) => {
+ console.error('Mermaid rendering failed:', error);
+ });
}
private renderNestedPlainCode(code: string) {
@@ -172,24 +217,34 @@ ${token}`;
}
ngOnChanges() {
+ if(!this.content){
+ return
+ }
+
const contentWithReplacedTokens = this.replaceSessionToken(
this.replaceVmInfoTokens(this.content),
);
- // the compile method internally uses the Angular Dom Sanitizer and is therefore safe to use
- this.processedContent = this.markdownService.parse(contentWithReplacedTokens);
+ // the parse method internally uses the Angular Dom Sanitizer and is therefore safe to use
+ this.processedContent = this.markdownService.parse(
+ contentWithReplacedTokens,
+ );
}
private replaceVmInfoTokens(content: string) {
- return content?.replace(
+ return content.replace(
/\$\{vminfo:([^:]*):([^}]*)\}/g,
(match, vmName, propName) => {
const vm = this.context.vmInfo?.[vmName.toLowerCase()];
return String(vm?.[propName as keyof VM] ?? match);
- }
+ },
);
}
private replaceSessionToken(content: string) {
- return content?.replace(/\$\{session\}/g, this.context.session);
+ return content.replace(/\$\{session\}/g, this.context.session);
+ }
+
+ private uniqueString(n: number) {
+ return `${(Math.random().toString(36) + '0000').slice(2, n + 2)}`;
}
}