sim1222-mirror/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-08-16 13:44:08 +09:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix build view ui

Browse Source
This commit is contained in:
wxiaoguang
2022-10-21 22:30:06 +08:00
committed by Jason Song
parent 34a1bb2c20
commit ea5e769428
8 changed files with 40 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web_src/js/components/RepoBuildView.vue
View File

@ -103,10 +103,6 @@ const sfc = {
},
mounted() {
// TODO: the parent element's full height doesn't work well now
const elBodyDiv = document.querySelector('body > div.full.height');
elBodyDiv.style.height = '100%';
// load job data and then auto-reload periodically
this.loadJobData();
setInterval(() => this.loadJobData(), 1000);
@ -239,7 +235,7 @@ const sfc = {
// prepare mock data for logs
for (const reqCursor of reqData.stepLogCursors) {
if (!reqCursor.expanded) continue; // backend can decide whether send logs for a step
// if (reqCursor.cursor > 100) continue;
if (reqCursor.cursor > 100) continue;
let cursor = reqCursor.cursor; // use cursor to send remaining logs
const lines = [];
for (let i = 0; i < 110; i++) {
@ -317,8 +313,8 @@ export function initRepositoryBuildView() {
if (!el) return;
const view = createApp(sfc, {
jobIndex: el.getAttribute("job-index"),
runIndex: el.getAttribute("run-index"),
jobIndex: el.getAttribute("data-job-index"),
runIndex: el.getAttribute("data-run-index"),
});
view.mount(el);
}
@ -329,7 +325,7 @@ export function initRepositoryBuildView() {
.build-view-container {
display: flex;
height: 100%;
height: calc(100vh - 286px); // fine tune this value to make the main view has full height
}
@ -416,6 +412,12 @@ export function initRepositoryBuildView() {
<style lang="less">
// some elements are not managed by vue, so we need to use global style
// TODO: the parent element's full height doesn't work well now
body > div.full.height {
padding-bottom: 0;
}
.job-status-rotate {
animation: job-status-rotate-keyframes 1s linear infinite;
}