1 files changed, 70 insertions, 0 deletions
diff --git a/FrontEnd/src/app/http/highlight.ts b/FrontEnd/src/app/http/highlight.ts
new file mode 100644
index 00000000..1f226c19
--- /dev/null
+++ b/FrontEnd/src/app/http/highlight.ts
@@ -0,0 +1,70 @@
+import axios from "axios";
+
+import {
+  apiBaseUrl,
+  convertToNetworkError,
+  extractResponseData,
+} from "./common";
+
+import {
+  HttpTimelineInfo,
+  processRawTimelineInfo,
+  RawHttpTimelineInfo,
+} from "./timeline";
+
+export interface HttpHighlightMoveRequest {
+  timeline: string;
+  newPosition: number;
+}
+
+export interface IHttpHighlightClient {
+  list(): Promise<HttpTimelineInfo[]>;
+  put(timeline: string, token: string): Promise<void>;
+  delete(timeline: string, token: string): Promise<void>;
+  move(req: HttpHighlightMoveRequest, token: string): Promise<void>;
+}
+
+export class HttpHighlightClient implements IHttpHighlightClient {
+  list(): Promise<HttpTimelineInfo[]> {
+    return axios
+      .get<RawHttpTimelineInfo[]>(`${apiBaseUrl}/highlights`)
+      .then(extractResponseData)
+      .then((list) => list.map(processRawTimelineInfo))
+      .catch(convertToNetworkError);
+  }
+
+  put(timeline: string, token: string): Promise<void> {
+    return axios
+      .put(`${apiBaseUrl}/highlights/${timeline}?token=${token}`)
+      .catch(convertToNetworkError)
+      .then();
+  }
+
+  delete(timeline: string, token: string): Promise<void> {
+    return axios
+      .delete(`${apiBaseUrl}/highlights/${timeline}?token=${token}`)
+      .catch(convertToNetworkError)
+      .then();
+  }
+
+  move(req: HttpHighlightMoveRequest, token: string): Promise<void> {
+    return axios
+      .post(`${apiBaseUrl}/highlightop/move?token=${token}`, req)
+      .catch(convertToNetworkError)
+      .then();
+  }
+}
+
+let client: IHttpHighlightClient = new HttpHighlightClient();
+
+export function getHttpHighlightClient(): IHttpHighlightClient {
+  return client;
+}
+
+export function setHttpHighlightClient(
+  newClient: IHttpHighlightClient
+): IHttpHighlightClient {
+  const old = client;
+  client = newClient;
+  return old;
+}