topbar Audio progress

Logically works, need to consider how to add to doc

1 files changed, 18 insertions, 7 deletions

diff --git a/src/client/views/nodes/RecordingBox/RecordingBox.tsx b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
index 5502a1e08..d6e4bd304 100644
--- a/src/client/views/nodes/RecordingBox/RecordingBox.tsx
+++ b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
@@ -11,7 +11,7 @@ import { DocumentType } from '../../../documents/DocumentTypes';
 import { Presentation } from '../../../util/TrackMovements';
 import { Doc, DocListCast } from '../../../../fields/Doc';
 import { Id } from '../../../../fields/FieldSymbols';
-import { BoolCast, DocCast } from '../../../../fields/Types';
+import { BoolCast, Cast, DocCast } from '../../../../fields/Types';
 import { ScriptingGlobals } from '../../../util/ScriptingGlobals';
 import { DocumentManager } from '../../../util/DocumentManager';
 import { Docs } from '../../../documents/Documents';
@@ -22,6 +22,8 @@ import { SettingsManager } from '../../../util/SettingsManager';
 import { PropertiesView } from '../../PropertiesView';
 import { PropertiesSection } from '../../PropertiesSection';
 import { PropertiesDocContextSelector } from '../../PropertiesDocContextSelector';
+import { listSpec } from '../../../../fields/Schema';
+import { DragManager } from '../../../util/DragManager';
 
 @observer
 export class RecordingBox extends ViewBoxBaseComponent<FieldViewProps>() {
@@ -146,17 +148,26 @@ ScriptingGlobals.add(function toggleRecPlayback(value: Doc) {
     console.log(value)
     value.overlayX = 100;
     value.overlayY = 100;
+    if (!Doc.UserDoc().isAddRecToDocMode) {
     Doc.AddToMyOverlay(value);
-    DocumentManager.Instance.AddViewRenderedCb(value, docView => {
-        docval = 
-        Doc.UserDoc().currentRecording = docView.ComponentView as VideoBox;
-        // docval.Play();
-    })
+        DocumentManager.Instance.AddViewRenderedCb(value, docView => {
+            docval = 
+            Doc.UserDoc().currentRecording = docView.ComponentView as VideoBox;
+            // docval.Play();
+    })} else {
+        let recordingIndex = Array.from(Doc.UserDoc().workspaceRecordings).indexOf(value);
+        DragManager.StartDropdownDrag([document.createElement('div')],new DragManager.DocumentDragData([value]), 1, 1, recordingIndex);
+    
+    }
+    
     // let ffView = Array.from(DocumentManager.Instance.DocumentViews).find(view => view.ComponentView instanceof CollectionFreeFormView);
     // (ffView?.ComponentView as CollectionFreeFormView).props.addDocument?.(value);
 });
-ScriptingGlobals.add(function addRectoWorkspace() {
+ScriptingGlobals.add(function addRectoWorkspace(value: VideoBox) {
     console.log("adding rec to doc");
+    console.log(value.rootDoc);
+    Doc.UserDoc().isAddRecToDocMode = true;
+    
     
 })
 ScriptingGlobals.add(function playWorkspaceRec(value: VideoBox) {