aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/PropertiesView.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/PropertiesView.tsx')
-rw-r--r--src/client/views/PropertiesView.tsx78
1 files changed, 39 insertions, 39 deletions
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 0b14c7b10..19c138a21 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -123,7 +123,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
docWidth = () => {
if (this.selectedDoc) {
const layoutDoc = this.selectedDoc;
- const aspect = Doc.NativeAspect(layoutDoc, undefined, !layoutDoc._fitWidth);
+ const aspect = Doc.NativeAspect(layoutDoc, undefined, !layoutDoc._layout_fitWidth);
if (aspect) return Math.min(layoutDoc[WidthSym](), Math.min(this.MAX_EMBED_HEIGHT * aspect, this.props.width - 20));
return Doc.NativeWidth(layoutDoc) ? Math.min(layoutDoc[WidthSym](), this.props.width - 20) : this.props.width - 20;
} else {
@@ -141,7 +141,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
this.MAX_EMBED_HEIGHT,
Doc.NativeAspect(layoutDoc, undefined, true)
? this.docWidth() / Doc.NativeAspect(layoutDoc, undefined, true)
- : layoutDoc._fitWidth
+ : layoutDoc._layout_fitWidth
? !Doc.NativeHeight(this.dataDoc)
? NumCast(this.props.height)
: Math.min((this.docWidth() * Doc.NativeHeight(layoutDoc)) / Doc.NativeWidth(layoutDoc) || NumCast(this.props.height))
@@ -199,8 +199,8 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
}
@computed get noviceFields() {
- const noviceReqFields = ['author', 'creationDate', 'tags', '_curPage'];
- return this.editableFields(key => key.indexOf('lastModified') !== -1 || (key[0] === key[0].toUpperCase() && !key.startsWith('acl')), noviceReqFields);
+ const noviceReqFields = ['author', 'creationDate', 'tags', '_layout_curPage'];
+ return this.editableFields(key => key.indexOf('modificationDate') !== -1 || (key[0] === key[0].toUpperCase() && !key.startsWith('acl')), noviceReqFields);
}
@undoBatch
@@ -576,7 +576,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
this.selectedDoc && (this.selectedDoc.y = NumCast(this.selectedDoc?.y) + (dirs === 'up' ? 10 : -10));
break;
case 'stk':
- this.selectedDoc && (this.selectedDoc.strokeWidth = NumCast(this.selectedDoc?.strokeWidth) + (dirs === 'up' ? 0.1 : -0.1));
+ this.selectedDoc && (this.selectedDoc.stroke_width = NumCast(this.selectedDoc?.stroke_width) + (dirs === 'up' ? 0.1 : -0.1));
break;
case 'wid':
const oldWidth = NumCast(this.selectedDoc?._width);
@@ -813,25 +813,25 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
}
@computed get solidStk() {
- return this.selectedDoc?.color && (!this.selectedDoc?.strokeDash || this.selectedDoc?.strokeDash === '0') ? true : false;
+ return this.selectedDoc?.color && (!this.selectedDoc?.stroke_dash || this.selectedDoc?.stroke_dash === '0') ? true : false;
}
@computed get dashdStk() {
- return this.selectedDoc?.strokeDash || '';
+ return this.selectedDoc?.stroke_dash || '';
}
@computed get unStrokd() {
return this.selectedDoc?.color ? true : false;
}
@computed get widthStk() {
- return this.getField('strokeWidth') || '1';
+ return this.getField('stroke_width') || '1';
}
@computed get markScal() {
return Number(this.getField('strokeMakerScale') || '1');
}
@computed get markHead() {
- return this.getField('strokeStartMarker') || '';
+ return this.getField('stroke_startMarker') || '';
}
@computed get markTail() {
- return this.getField('strokeEndMarker') || '';
+ return this.getField('stroke_endMarker') || '';
}
set solidStk(value) {
this.dashdStk = '';
@@ -839,22 +839,22 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
}
set dashdStk(value) {
value && (this._lastDash = value) && (this.unStrokd = false);
- this.selectedDoc && (this.selectedDoc.strokeDash = value ? this._lastDash : undefined);
+ this.selectedDoc && (this.selectedDoc.stroke_dash = value ? this._lastDash : undefined);
}
set markScal(value) {
this.selectedDoc && (this.selectedDoc.strokeMarkerScale = Number(value));
}
set widthStk(value) {
- this.selectedDoc && (this.selectedDoc.strokeWidth = Number(value));
+ this.selectedDoc && (this.selectedDoc.stroke_width = Number(value));
}
set unStrokd(value) {
this.colorStk = value ? '' : this._lastLine;
}
set markHead(value) {
- this.selectedDoc && (this.selectedDoc.strokeStartMarker = value);
+ this.selectedDoc && (this.selectedDoc.stroke_startMarker = value);
}
set markTail(value) {
- this.selectedDoc && (this.selectedDoc.strokeEndMarker = value);
+ this.selectedDoc && (this.selectedDoc.stroke_endMarker = value);
}
@computed get stkInput() {
@@ -1151,16 +1151,16 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
}
@computed get description() {
- return Field.toString(LinkManager.currentLink?.description as any as Field);
+ return Field.toString(LinkManager.currentLink?.link_description as any as Field);
}
@computed get relationship() {
- return StrCast(LinkManager.currentLink?.linkRelationship);
+ return StrCast(LinkManager.currentLink?.link_relationship);
}
@observable private relationshipButtonColor: string = '';
// @action
- // handleDescriptionChange = (e: React.ChangeEvent<HTMLInputElement>) => { this.description = e.target.value; }
- // handleRelationshipChange = (e: React.ChangeEvent<HTMLInputElement>) => { this.relationship = e.target.value; }
+ // handleDescriptionChange = (e: React.ChangeEvent<HTMLInputElement>) => { this.link_description = e.target.value; }
+ // handleRelationshipChange = (e: React.ChangeEvent<HTMLInputElement>) => { this.link_relationship = e.target.value; }
@undoBatch
handleDescriptionChange = action((value: string) => {
@@ -1171,9 +1171,9 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
});
@undoBatch
- handleLinkRelationshipChange = action((value: string) => {
+ handlelinkRelationshipChange = action((value: string) => {
if (LinkManager.currentLink && this.selectedDoc) {
- this.setLinkRelationshipValue(value);
+ this.setlinkRelationshipValue(value);
return true;
}
});
@@ -1181,19 +1181,19 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
@undoBatch
setDescripValue = action((value: string) => {
if (LinkManager.currentLink) {
- Doc.GetProto(LinkManager.currentLink).description = value;
+ Doc.GetProto(LinkManager.currentLink).link_description = value;
return true;
}
});
@undoBatch
- setLinkRelationshipValue = action((value: string) => {
+ setlinkRelationshipValue = action((value: string) => {
if (LinkManager.currentLink) {
- const prevRelationship = LinkManager.currentLink.linkRelationship as string;
- LinkManager.currentLink.linkRelationship = value;
- Doc.GetProto(LinkManager.currentLink).linkRelationship = value;
- const linkRelationshipList = StrListCast(Doc.UserDoc().linkRelationshipList);
- const linkRelationshipSizes = NumListCast(Doc.UserDoc().linkRelationshipSizes);
+ const prevRelationship = StrCast(LinkManager.currentLink.link_relationship);
+ LinkManager.currentLink.link_relationship = value;
+ Doc.GetProto(LinkManager.currentLink).link_relationship = value;
+ const linkRelationshipList = StrListCast(Doc.UserDoc().link_relationshipList);
+ const linkRelationshipSizes = NumListCast(Doc.UserDoc().link_relationshipSizes);
const linkColorList = StrListCast(Doc.UserDoc().linkColorList);
// if the relationship does not exist in the list, add it and a corresponding unique randomly generated color
@@ -1264,13 +1264,13 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
};
onSelectOutRelationship = () => {
- this.setLinkRelationshipValue(this.relationship);
+ this.setlinkRelationshipValue(this.relationship);
document.getElementById('link_relationship_input')?.blur();
};
onRelationshipKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Enter') {
- this.setLinkRelationshipValue(this.relationship);
+ this.setlinkRelationshipValue(this.relationship);
document.getElementById('link_relationship_input')?.blur();
}
};
@@ -1283,7 +1283,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
const ldoc = LinkManager.currentLink;
const lanch = this.selectedDocumentView?.anchorViewDoc ?? LinkManager.currentLinkAnchor;
if (ldoc && lanch) return LinkManager.getOppositeAnchor(ldoc, lanch) ?? lanch;
- return ldoc ? DocCast(ldoc.anchor2) : ldoc;
+ return ldoc ? DocCast(ldoc.link_anchor_2) : ldoc;
}
@computed get sourceAnchor() {
@@ -1314,10 +1314,10 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
<input
autoComplete={'off'}
id="link_relationship_input"
- value={StrCast(this.selectedDoc?.linkRelationship)}
+ value={StrCast(LinkManager.currentLink?.link_relationship)}
onKeyDown={this.onRelationshipKey}
onBlur={this.onSelectOutRelationship}
- onChange={e => this.handleLinkRelationshipChange(e.currentTarget.value)}
+ onChange={e => this.handlelinkRelationshipChange(e.currentTarget.value)}
className="text"
type="text"
/>
@@ -1331,7 +1331,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
autoComplete="off"
style={{ textAlign: 'left' }}
id="link_description_input"
- value={StrCast(this.selectedDoc?.description)}
+ value={Field.toString(LinkManager.currentLink?.link_description as any as Field)}
onKeyDown={this.onDescriptionKey}
onBlur={this.onSelectOutDesc}
onChange={e => this.handleDescriptionChange(e.currentTarget.value)}
@@ -1406,8 +1406,8 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
<div className="propertiesView-input inline">
<p>Show link</p>
<button
- style={{ background: !LinkManager.currentLink?.linkDisplay ? '' : '#4476f7', borderRadius: 3 }}
- onPointerDown={e => this.toggleLinkProp(e, 'linkDisplay')}
+ style={{ background: !LinkManager.currentLink?.layout_linkDisplay ? '' : '#4476f7', borderRadius: 3 }}
+ onPointerDown={e => this.toggleLinkProp(e, 'layout_linkDisplay')}
onClick={e => e.stopPropagation()}
className="propertiesButton">
<FontAwesomeIcon className="fa-icon" icon={faArrowRight as IconLookup} size="lg" />
@@ -1416,8 +1416,8 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
<div className="propertiesView-input inline" style={{ marginLeft: 10 }}>
<p>Auto-move anchors</p>
<button
- style={{ background: !LinkManager.currentLink?.linkAutoMove ? '' : '#4476f7', borderRadius: 3 }}
- onPointerDown={e => this.toggleLinkProp(e, 'linkAutoMove')}
+ style={{ background: !LinkManager.currentLink?.layout_autoMoveAnchors ? '' : '#4476f7', borderRadius: 3 }}
+ onPointerDown={e => this.toggleLinkProp(e, 'layout_autoMoveAnchors')}
onClick={e => e.stopPropagation()}
className="propertiesButton">
<FontAwesomeIcon className="fa-icon" icon={faAnchor as IconLookup} size="lg" />
@@ -1426,8 +1426,8 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
<div className="propertiesView-input inline" style={{ marginLeft: 10 }}>
<p>Display arrow</p>
<button
- style={{ background: !LinkManager.currentLink?.linkDisplayArrow ? '' : '#4476f7', borderRadius: 3 }}
- onPointerDown={e => this.toggleLinkProp(e, 'linkDisplayArrow')}
+ style={{ background: !LinkManager.currentLink?.layout_linkDisplayArrow ? '' : '#4476f7', borderRadius: 3 }}
+ onPointerDown={e => this.toggleLinkProp(e, 'layout_linkDisplayArrow')}
onClick={e => e.stopPropagation()}
className="propertiesButton">
<FontAwesomeIcon className="fa-icon" icon={faArrowRight as IconLookup} size="lg" />
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-07 14:06:41 +0000