From 5b7a0804fa2bd4b956b3617501619737814bd28b Mon Sep 17 00:00:00 2001
From: eperelm2 <emily_perelman@brown.edu>
Date: Fri, 30 Jun 2023 14:47:41 -0400
Subject: contexts work now

---
 src/client/views/PropertiesDocContextSelector.tsx |  3 +++
 src/client/views/PropertiesView.scss              | 14 +++++++++++---
 src/client/views/PropertiesView.tsx               | 16 ++++++++++------
 3 files changed, 24 insertions(+), 9 deletions(-)

(limited to 'src')

diff --git a/src/client/views/PropertiesDocContextSelector.tsx b/src/client/views/PropertiesDocContextSelector.tsx
index e1279c9a7..ea3bb434b 100644
--- a/src/client/views/PropertiesDocContextSelector.tsx
+++ b/src/client/views/PropertiesDocContextSelector.tsx
@@ -19,6 +19,7 @@ type PropertiesDocContextSelectorProps = {
 
 @observer
 export class PropertiesDocContextSelector extends React.Component<PropertiesDocContextSelectorProps> {
+
     @computed get _docs() {
         if (!this.props.DocView) return [];
         const target = this.props.DocView.props.Document;
@@ -39,6 +40,8 @@ export class PropertiesDocContextSelector extends React.Component<PropertiesDocC
                 }, new Set<Doc>())
                 .keys()
         );
+        console.log("embeddings " + embeddings.length);
+
         return doclayouts
             .filter(doc => !Doc.AreProtosEqual(doc, CollectionDockingView.Instance?.props.Document))
             .filter(doc => !Doc.IsSystem(doc))
diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index a9577b232..023e08e6a 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -443,12 +443,20 @@
         .propertiesView-fields-checkbox {
             float: right;
             height: 20px;
-            margin-top: -9px;
+            margin-top: -4px;
+            //margin-top: -9px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            color:black;
+           // justify-content: center;
 
             .propertiesView-fields-checkbox-text {
                 font-size: 7px;
-                margin-top: -10px;
-                margin-left: 6px;
+                text-align: center;
+                margin-right: 6px;
+                 margin-top: -10px;
+                // margin-left: 6px;
             }
         }
 
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 60e93cdfd..585076b67 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -198,7 +198,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
             });
 
             rows.push(
-                <div className="propertiesView-field" key="newKeyValue" style={{ marginTop: '3px' }}>
+                <div className="propertiesView-field" key="newKeyValue" style={{ marginTop: '3px', backgroundColor: "white", textAlign: "center" }}>
                     <EditableView key="editableView" oneLine contents={'add key:value or #tags'} height={13} fontSize={10} GetValue={() => ''} SetValue={this.setKeyValue} />
                 </div>
             );
@@ -257,9 +257,12 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
     }
 
     @computed get contextCount(){
-        if (this.selectedDoc != undefined){
-            const aliases = DocListCast(this.selectedDoc.aliases)
-            return aliases.length   
+        console.log("in context count");
+        if (this.selectedDocumentView){ 
+            const target = (this.selectedDocumentView.props.Document)
+            const embeddings = DocListCast(target.proto_embeddings)
+            console.log(embeddings.length -1 );
+            return (embeddings.length - 1)
         } else{
             return 0;
         }
@@ -462,6 +465,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
     }
 
     @computed get fieldsCheckbox() {
+        // color= "primary"
         return <Checkbox color="primary" onChange={this.toggleCheckbox} checked={this.layoutFields} />;
     }
 
@@ -1301,7 +1305,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                 {!Doc.noviceMode && this.openFields ? (
                     <div className="propertiesView-fields-checkbox">
                         {this.fieldsCheckbox}
-                        <div className="propertiesView-fields-checkbox-text">Layout</div>
+                        <div className="propertiesView-fields-checkbox-text">Embedding</div>
                     </div>
                 ) : null}
                 {!this.openFields ? null : <div className="propertiesView-fields-content">{Doc.noviceMode ? this.noviceFields : this.expandedField}</div>}
@@ -1342,7 +1346,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                         <FontAwesomeIcon icon={this.openContexts ? 'caret-down' : 'caret-right'} size="lg" color="white" />
                     </div>
                 </div>
-                {!this.openContexts ? null : this.contextCount > 0 ? <div className="propertiesView-contexts-content">{this.contexts}</div> : <div className="propertiesView-contexts-content">There are no other contexts.</div>}
+                {!this.openContexts ? null : this.contextCount > 0 ? <div className="propertiesView-contexts-content">{this.contexts}</div> : <div className="propertiesView-contexts-content">There are no other contexts.</div>} 
             </div>
         );
     }
-- 
cgit v1.2.3-70-g09d2