Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

fix: Scroll to top for logs

Browse Source
This commit is contained in:
Andras Bacsai 2022-04-18 22:46:39 +02:00
parent 1a83f2635f
commit 04685c9f9d
1 changed files with 2 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/applications/[id]/logs/index.svelte
View File

@ -33,7 +33,6 @@
let currentPage = 1; let currentPage = 1;
let endOfLogs = false; let endOfLogs = false;
let startOfLogs = true; let startOfLogs = true;
let followingBuild;
let followingInterval; let followingInterval;
let logsEl; let logsEl;
@ -67,21 +66,10 @@
return errorNotification(error); return errorNotification(error);
} }
} }
function followBuild() {
followingBuild = !followingBuild;
if (followingBuild) {
followingInterval = setInterval(() => {
logsEl.scrollTop = logsEl.scrollHeight;
window.scrollTo(0, document.body.scrollHeight);
}, 100);
} else {
window.clearInterval(followingInterval);
}
}
async function loadOlderLogs() { async function loadOlderLogs() {
clearInterval(loadLogsInterval); clearInterval(loadLogsInterval);
loadLogsInterval = null; loadLogsInterval = null;
logsEl.scrollTop = 0;
if (logs.length < 100) { if (logs.length < 100) {
endOfLogs = true; endOfLogs = true;
return; return;
@ -93,6 +81,7 @@
} }
async function loadNewerLogs() { async function loadNewerLogs() {
currentPage -= 1; currentPage -= 1;
logsEl.scrollTop = 0;
if (currentPage !== 1) { if (currentPage !== 1) {
clearInterval(loadLogsInterval); clearInterval(loadLogsInterval);
endOfLogs = false; endOfLogs = false;
@ -236,29 +225,6 @@
/> />
</svg> </svg>
</button> </button>
<!-- <button
on:click={followBuild}
class="bg-transparent"
data-tooltip="Follow logs"
class:text-green-500={followingBuild}
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="12" r="9" />
<line x1="8" y1="12" x2="12" y2="16" />
<line x1="12" y1="8" x2="12" y2="16" />
<line x1="16" y1="12" x2="12" y2="16" />
</svg>
</button> -->
</div> </div>
<div <div
class="font-mono w-full leading-6 text-left text-md tracking-tighter rounded bg-coolgray-200 py-5 px-6 whitespace-pre-wrap break-words overflow-auto max-h-[80vh] -mt-12 overflow-y-scroll scrollbar-w-1 scrollbar-thumb-coollabs scrollbar-track-coolgray-200" class="font-mono w-full leading-6 text-left text-md tracking-tighter rounded bg-coolgray-200 py-5 px-6 whitespace-pre-wrap break-words overflow-auto max-h-[80vh] -mt-12 overflow-y-scroll scrollbar-w-1 scrollbar-thumb-coollabs scrollbar-track-coolgray-200"