1 files changed, 26 insertions, 30 deletions

diff --git a/src/client/views/pdf/AnchorMenu.tsx b/src/client/views/pdf/AnchorMenu.tsx
index 1a79bbbfe..7243473e0 100644
--- a/src/client/views/pdf/AnchorMenu.tsx
+++ b/src/client/views/pdf/AnchorMenu.tsx
@@ -28,6 +28,7 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
     private _disposer: IReactionDisposer | undefined;
     private _commentRef = React.createRef<HTMLDivElement>();
     private _cropRef = React.createRef<HTMLDivElement>();
+    @observable private _loading = false;
 
     constructor(props: AntimodeMenuProps) {
         super(props);
@@ -42,12 +43,22 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
 
     // GPT additions
     @observable private _selectedText: string = '';
+    @observable private _x: number = 0;
+    @observable private _y: number = 0;
     @observable private _isLoading: boolean = false;
     @action
     public setSelectedText = (txt: string) => {
         this._selectedText = txt.trim();
     };
+    @action
+    public setLocation = (x: number, y: number) => {
+        this._x = x;
+        this._y = y;
+    };
 
+    @computed public get selectedText() {
+        return this._selectedText;
+    }
     public onMakeAnchor: () => Opt<Doc> = () => undefined; // Method to get anchor from text search
 
     public OnCrop: (e: PointerEvent) => void = unimplementedFunction;
@@ -62,6 +73,10 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
     public MakeTargetToggle: () => void = unimplementedFunction;
     public ShowTargetTrail: () => void = unimplementedFunction;
     public IsTargetToggler: () => boolean = returnFalse;
+    public gptFlashcards: () => void = unimplementedFunction;
+    public makeLabels: () => void = unimplementedFunction;
+    public marqueeWidth = 0;
+    public marqueeHeight = 0;
     public get Active() {
         return this._left > 0;
     }
@@ -96,39 +111,19 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
         }
         GPTPopup.Instance.setLoading(false);
     };
-    // gptSummarize = async () => {
-    //     GPTPopup.Instance?.setSelectedText(this._selectedText);
-    //     GPTPopup.Instance.generateSummary();
-    // };
-
-    /**
-     * Invokes the API with the selected text and stores it in the selected text.
-     * @param e pointer down event
-     */
-    gptFlashcards = async () => {
-        const queryText = this._selectedText;
-        try {
-            const res = await gptAPICall(queryText, GPTCallType.FLASHCARD);
-            console.log(res);
-            GPTPopup.Instance.setText(res || 'Something went wrong.');
-            this.transferToFlashcard(res || 'Something went wrong');
-        } catch (err) {
-            console.error(err);
-        }
-        GPTPopup.Instance.setLoading(false);
-    };
 
     /*
      * Transfers the flashcard text generated by GPT on flashcards and creates a collection out them.
      */
-    transferToFlashcard = (text: string) => {
+
+    transferToFlashcard = (text: string, x: number, y: number) => {
         // put each question generated by GPT on the front of the flashcard
-        const senArr = text.split('Question');
+        const senArr = text.trim().split('Question:');
         const collectionArr: Doc[] = [];
         for (let i = 1; i < senArr.length; i++) {
-            console.log('Arr ' + i + ': ' + senArr[i]);
             const newDoc = Docs.Create.ComparisonDocument(senArr[i], { _layout_isFlashcard: true, _width: 300, _height: 300 });
             newDoc.text = senArr[i];
+
             collectionArr.push(newDoc);
         }
         // create a new carousel collection of these flashcards
@@ -139,7 +134,12 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
             _layout_autoHeight: true,
         });
 
+        newCol.x = x;
+        newCol.y = y;
+        newCol.zIndex = 1000;
+
         this.addToCollection?.(newCol);
+        this._loading = false;
     };
 
     /**
@@ -254,12 +254,8 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
                         />
                     )}
                     {/* Adds a create flashcards option to the anchor menu, which calls the gptFlashcard method. */}
-                    <IconButton
-                        tooltip="Create flashcards" //
-                        onPointerDown={this.gptFlashcards}
-                        icon={<FontAwesomeIcon icon="id-card" size="lg" />}
-                        color={SettingsManager.userColor}
-                    />
+                    <IconButton tooltip="Create flashcards" onPointerDown={this.gptFlashcards} icon={<FontAwesomeIcon icon="layer-group" size="lg" />} color={SettingsManager.userColor} />
+                    <IconButton tooltip="Create labels" onPointerDown={this.makeLabels} icon={<FontAwesomeIcon icon="tag" size="lg" />} color={SettingsManager.userColor} />
                     {this._selectedText && (
                         <IconButton
                             tooltip="Create drawing"