mirror of
				https://github.com/TriliumNext/Notes.git
				synced 2025-11-04 15:11:31 +08:00 
			
		
		
		
	re-center button, WIP
This commit is contained in:
		
							parent
							
								
									db17b05db1
								
							
						
					
					
						commit
						83c6f86d26
					
				@ -14,6 +14,7 @@ const $relationMapContainer = $("#relation-map-container");
 | 
			
		||||
const $createChildNote = $("#relation-map-create-child-note");
 | 
			
		||||
const $zoomInButton = $("#relation-map-zoom-in");
 | 
			
		||||
const $zoomOutButton = $("#relation-map-zoom-out");
 | 
			
		||||
const $centerButton = $("#relation-map-center");
 | 
			
		||||
 | 
			
		||||
let mapData;
 | 
			
		||||
let jsPlumbInstance;
 | 
			
		||||
@ -168,7 +169,7 @@ function initPanZoom() {
 | 
			
		||||
 | 
			
		||||
    pzInstance = panzoom($relationMapContainer[0], {
 | 
			
		||||
        maxZoom: 2,
 | 
			
		||||
        minZoom: 0.1,
 | 
			
		||||
        minZoom: 0.3,
 | 
			
		||||
        smoothScroll: false,
 | 
			
		||||
        onMouseDown: function(event) {
 | 
			
		||||
            if (clipboard) {
 | 
			
		||||
@ -512,6 +513,26 @@ function getMousePosition(evt) {
 | 
			
		||||
    };
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
$centerButton.click(() => {
 | 
			
		||||
    if (mapData.notes.length === 0) {
 | 
			
		||||
        return; // nothing to recenter on
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    let totalX = 0, totalY = 0;
 | 
			
		||||
 | 
			
		||||
    for (const note of mapData.notes) {
 | 
			
		||||
        totalX += note.x;
 | 
			
		||||
        totalY += note.y;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    let averageX = totalX / mapData.notes.length;
 | 
			
		||||
    let averageY = totalY / mapData.notes.length;
 | 
			
		||||
 | 
			
		||||
    console.log(averageX, averageY);
 | 
			
		||||
 | 
			
		||||
    //pzInstance.moveTo(averageX, averageY);
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
$component.on("drop", dropNoteOntoRelationMapHandler);
 | 
			
		||||
$component.on("dragover", ev => ev.preventDefault());
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -6,6 +6,11 @@
 | 
			
		||||
        Create child note
 | 
			
		||||
    </button>
 | 
			
		||||
 | 
			
		||||
    <button type="button"
 | 
			
		||||
            class="btn icon-button floating-button jam jam-align-center"
 | 
			
		||||
            title="Re-center view on notes"
 | 
			
		||||
            id="relation-map-center" style="right: 100px;"></button>
 | 
			
		||||
 | 
			
		||||
    <div class="btn-group floating-button" style="right: 20px;">
 | 
			
		||||
        <button type="button"
 | 
			
		||||
                class="btn icon-button jam jam-search-plus"
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user