mirror of https://github.com/status-im/codimd.git
Added support of on changing from view mode to other mode will auto scroll to corresponding position
This commit is contained in:
parent
4b81ee9104
commit
b86a695f9c
|
@ -625,12 +625,15 @@ function toggleMode() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var lastMode = null;
|
||||||
|
|
||||||
function changeMode(type) {
|
function changeMode(type) {
|
||||||
lockNavbar();
|
lockNavbar();
|
||||||
saveInfo();
|
saveInfo();
|
||||||
if (type)
|
if (type) {
|
||||||
|
lastMode = currentMode;
|
||||||
currentMode = type;
|
currentMode = type;
|
||||||
checkEditorStyle();
|
}
|
||||||
var responsiveClass = "col-lg-6 col-md-6 col-sm-6";
|
var responsiveClass = "col-lg-6 col-md-6 col-sm-6";
|
||||||
var scrollClass = "ui-scrollable";
|
var scrollClass = "ui-scrollable";
|
||||||
ui.area.codemirror.removeClass(scrollClass);
|
ui.area.codemirror.removeClass(scrollClass);
|
||||||
|
@ -687,6 +690,14 @@ function changeMode(type) {
|
||||||
|
|
||||||
restoreInfo();
|
restoreInfo();
|
||||||
|
|
||||||
|
if (lastMode == modeType.view && currentMode == modeType.both) {
|
||||||
|
if (!scrollMap || !lineHeightMap)
|
||||||
|
buildMapInner();
|
||||||
|
var scrollMapNearest = closestIndex(scrollMap, lastInfo.view.scroll.top);
|
||||||
|
var lineHeightMapNearest = closestIndex(lineHeightMap, scrollMapNearest);
|
||||||
|
var height = lineHeightMapNearest * defaultTextHeight;
|
||||||
|
editor.scrollTo(null, height);
|
||||||
|
}
|
||||||
|
|
||||||
ui.toolbar.both.removeClass("active");
|
ui.toolbar.both.removeClass("active");
|
||||||
ui.toolbar.edit.removeClass("active");
|
ui.toolbar.edit.removeClass("active");
|
||||||
|
@ -713,6 +724,17 @@ function lockNavbar() {
|
||||||
var unlockNavbar = _.debounce(function () {
|
var unlockNavbar = _.debounce(function () {
|
||||||
$('.navbar').removeClass('locked');
|
$('.navbar').removeClass('locked');
|
||||||
}, 200);
|
}, 200);
|
||||||
|
|
||||||
|
function closestIndex(arr, closestTo) {
|
||||||
|
var closest = Math.max.apply(null, arr); //Get the highest number in arr in case it match nothing.
|
||||||
|
var index = 0;
|
||||||
|
for (var i = 0; i < arr.length; i++) { //Loop the array
|
||||||
|
if (arr[i] >= closestTo && arr[i] < closest) {
|
||||||
|
closest = arr[i]; //Check if it's higher than your number, but lower than your closest value
|
||||||
|
index = i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return index; // return the value
|
||||||
}
|
}
|
||||||
|
|
||||||
//button actions
|
//button actions
|
||||||
|
|
Loading…
Reference in New Issue