N21-1250 CTL board element

src/components/administration/ExternalToolSection.unit.ts

@@ -51,6 +51,9 @@ describe("ExternalToolSection", () => {
 				[NOTIFIER_MODULE_KEY.valueOf()]: notifierModule,
 				[AUTH_MODULE_KEY.valueOf()]: authModule,
 			},
+			stubs: {
+				VIcon: true,
+			},
 		});
 
 		return {
@@ -152,25 +155,17 @@ describe("ExternalToolSection", () => {
 				const firstRow = tableRows.at(0).findAll("td");
 				const secondRow = tableRows.at(1).findAll("td");
 
-				expect(firstRow.at(1).text()).toEqual(
+				expect(firstRow.at(1).find("span").text()).toEqual(
 					"components.externalTools.status.latest"
 				);
-				expect(
-					firstRow
-						.at(1)
-						.findComponent({ name: "v-icon" })
-						.find("path")
-						.attributes("d")
-				).toEqual(mdiCheckCircle);
-				expect(secondRow.at(1).text()).toEqual(
+				expect(firstRow.at(1).findComponent({ name: "v-icon" }).text()).toEqual(
+					mdiCheckCircle
+				);
+				expect(secondRow.at(1).find("span").text()).toEqual(
 					"components.externalTools.status.outdated"
 				);
 				expect(
-					secondRow
-						.at(1)
-						.findComponent({ name: "v-icon" })
-						.find("path")
-						.attributes("d")
+					secondRow.at(1).findComponent({ name: "v-icon" }).text()
 				).toEqual(mdiRefreshCircle);
 			});
 

src/components/data-board/BoardApi.composable.ts

@@ -3,21 +3,22 @@ import {
 	BoardCardApiFactory,
 	BoardColumnApiFactory,
 	BoardElementApiFactory,
+	BoardResponse,
+	CardResponse,
 	ColumnResponse,
 	ContentElementType,
+	CreateCardBodyParamsRequiredEmptyElementsEnum,
 	CreateContentElementBodyParams,
+	ExternalToolElementContent,
 	FileElementContent,
 	RichTextElementContent,
-	CreateCardBodyParamsRequiredEmptyElementsEnum,
 	RoomsApiFactory,
-	BoardResponse,
-	CardResponse,
 	SubmissionContainerElementContent,
 } from "@/serverApi/v3";
-import { $axios, mapAxiosErrorToResponseError } from "@/utils/api";
 import { AnyContentElement } from "@/types/board/ContentElement";
-import { AxiosPromise } from "axios";
+import { $axios, mapAxiosErrorToResponseError } from "@/utils/api";
 import { createApplicationError } from "@/utils/create-application-error.factory";
+import { AxiosPromise } from "axios";
 
 export const useBoardApi = () => {
 	const boardApi = BoardApiFactory(undefined, "/v3", $axios);
@@ -90,6 +91,13 @@ export const useBoardApi = () => {
 			};
 		}
 
+		if (element.type === ContentElementType.ExternalTool) {
+			return {
+				content: element.content as ExternalToolElementContent,
+				type: ContentElementType.ExternalTool,
+			};
+		}
+
 		throw new Error("element.type mapping is undefined for updateElementCall");
 	};