opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-10-25 00:12:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

implement zoom feature

Browse Source
This commit is contained in:
Juleen Graham
2019-07-08 12:07:04 +02:00
parent 23241a29d7
commit 1b2c6b189a
1 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/scripts/mvc/workflow/workflow-canvas.js
+22 -5
View File
@@ -97,7 +97,7 @@ class CanvasManager {
this.init_copy_paste();
}
setZoom(zoomLevel) {
this.zoomLevel = Math.min(Math.max(0, zoomLevel), zoomLevels.length);
this.zoomLevel = Math.min(Math.max(0, zoomLevel), zoomLevels.length-1);
this.canvasZoom = zoomLevels[this.zoomLevel];
// Set CSS transform to appropriate zoom level
this.cv.css("transform-origin", "top left");
@@ -109,16 +109,33 @@ class CanvasManager {
this.app.workflow.fit_canvas_to_nodes();
}
initZoomControls() {
var zoomControl = $('<div class="btn-group-vertical"/>').css({
var zoomControl = $('<div class="btn-group-horizontal"/>').css({
position: "absolute",
left: "1rem",
bottom: "1rem"
bottom: "1rem",
cursor: "pointer"
});
const zoomButton = $(`<a class="btn btn-light">${zoomLevels[defaultZoomLevel] * 100}%</a>`).css({
width: "4rem"
});
zoomControl.append(
$('<div class="btn btn-secondary fa fa-plus"/>').click(() => this.setZoom(this.zoomLevel + 1))
$('<a class="btn btn-secondary fa fa-minus"/>').click(() => {
this.setZoom(this.zoomLevel - 1);
zoomButton.text(Math.floor(zoomLevels[this.zoomLevel] * 100) + '%');
})
);
zoomControl.append(
$('<div class="btn btn-secondary fa fa-minus"/>').click(() => this.setZoom(this.zoomLevel - 1))
zoomButton.click(() => {
this.setZoom(defaultZoomLevel);
zoomButton.text(Math.floor(zoomLevels[this.zoomLevel] * 100) + '%');
})
);
zoomControl.append(
$('<a class="btn btn-secondary fa fa-plus"/>').click(() => {
this.setZoom(this.zoomLevel + 1);
zoomButton.text(Math.floor(zoomLevels[this.zoomLevel] * 100) + '%');
})
);
this.cv.closest("#workflow-canvas-body").append(zoomControl);
}