diff --git a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.html b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.html index f1ca970be29055d0499ea8e340b8df187736fd2d..44f87ce9c3ec126202cb4708ab185b639f657d4f 100755 --- a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.html +++ b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.html @@ -167,6 +167,15 @@ <ng-template #popoverConfig> <div style="width: 140px"> + <label class="d-block"> + <input + type="checkbox" + [checked]="graphProps.showEdges" + (click)="changeEdgesVisibility()" + /> + {{ "i18n.object.edges" | translate | titleCase }} + </label> + <label class="d-block"> <input type="checkbox" @@ -176,6 +185,24 @@ {{ "i18n.object.grid" | translate | titleCase }} </label> + <label class="d-block"> + <input + type="checkbox" + [checked]="graphProps.showMetaData" + (click)="changeMetaDataVisibility()" + /> + {{ "i18n.object.metaData" | translate | titleCase }} + </label> + + <label class="d-block"> + <input + type="checkbox" + [checked]="graphProps.showVertices" + (click)="changeVerticesVisibility()" + /> + {{ "i18n.object.vertices" | translate | titleCase }} + </label> + <div style="display: flex"> <span style="margin-right: 8px; align-self: center"> {{ "i18n.object.quality" | translate | titleCase }}: diff --git a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.ts b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.ts index d917265bf627c5fbbb5640f98712d6ea0426a7e8..959651263e5ecf31d2aed7896dad3ec16856da10 100755 --- a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.ts +++ b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.component.ts @@ -154,11 +154,26 @@ export class Graph3DComponent implements AfterViewInit { graph3DLib.changeZoomType(this.graphProps.zoomType); }; + public changeEdgesVisibility = () => { + this.graphProps.showEdges = !this.graphProps.showEdges; + graph3DLib.showEdges(this.graphProps.showEdges); + }; + public changeAxesVisibility = () => { this.graphProps.showAxes = !this.graphProps.showAxes; graph3DLib.showAxes(this.graphProps.showAxes); }; + public changeVerticesVisibility = () => { + this.graphProps.showVertices = !this.graphProps.showVertices; + graph3DLib.showVertices(this.graphProps.showVertices); + }; + + public changeMetaDataVisibility = () => { + this.graphProps.showMetaData = !this.graphProps.showMetaData; + graph3DLib.showMetaData(this.graphProps.showMetaData); + }; + handleAxesRangeDebounced = debounce(function () { setTimeout(() => graph3DLib.changeAxesSize(this.graphProps.range)); }, 500); diff --git a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.helper.ts b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.helper.ts index 662e9c485621224932abd7774de75edad61b9c8e..52c4e6bcbd896db676101daa5256f73d3d258875 100755 --- a/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.helper.ts +++ b/Frontend Angular 4/src/app/layout/plotter/graph3D/graph3D.helper.ts @@ -29,6 +29,9 @@ export enum Zoom3DType { export interface GraphProps { zoomType?: Zoom3DType; showAxes?: boolean; + showEdges?: boolean; + showMetaData?: boolean; + showVertices?: boolean; quality?: number; range: { xMin?: number; @@ -43,6 +46,9 @@ export interface GraphProps { export const Default_GraphProps: GraphProps = { zoomType: Zoom3DType.Normal, showAxes: true, + showEdges: false, + showMetaData: false, + showVertices: false, quality: 30, range: { xMin: -10, diff --git a/Frontend Angular 4/src/assets/i18n/en.json b/Frontend Angular 4/src/assets/i18n/en.json index 56fbc955ae5b8c9062ccc4d63cb5fc5edfd7a9e8..e64e27162608f3456b486d8210f0e749929e2671 100755 --- a/Frontend Angular 4/src/assets/i18n/en.json +++ b/Frontend Angular 4/src/assets/i18n/en.json @@ -50,6 +50,9 @@ "axis": "axis", "axes": "axes", "grid": "grid", + "metaData": "other information", + "edges": "edges", + "vertices": "vertices", "tip": "tip", "normal": "normal", "quality": "quality", diff --git a/Frontend Angular 4/src/assets/i18n/es.json b/Frontend Angular 4/src/assets/i18n/es.json index 13ab990f919deb017d0fd2e1fe241a1a5ac78531..ba2c8acaea6d148cd0fc27178fda26538288be1c 100755 --- a/Frontend Angular 4/src/assets/i18n/es.json +++ b/Frontend Angular 4/src/assets/i18n/es.json @@ -50,6 +50,9 @@ "axis": "eje", "axes": "ejes", "grid": "grilla", + "metaData": "otra información", + "edges": "aristas", + "vertices": "vertices", "tip": "tip", "normal": "normal", "quality": "calidad",