added accessor for loglines, removed unuseful scritp and added some margin

This commit is contained in:
dcore94 2023-06-23 14:44:08 +02:00
parent 448499874c
commit e0273618e5
2 changed files with 8 additions and 3 deletions

View File

@ -38,7 +38,6 @@ class CCPExecutionHistory extends HTMLElement {
this.#rootdoc.innerHTML = `
<link rel="stylesheet" href="https://cdn.dev.d4science.org/ccp/css/common.css"></link>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.dev.d4science.org/ccp-dev/js/logterminalcontroller.js"></script>
<style>
.lxd{
background-color: #dd4814;
@ -112,7 +111,9 @@ class CCPExecutionHistory extends HTMLElement {
<span style="text-overflow:ellipsis" class="badge badge-light text-info border border-info" name="infrastructure" alt="Infrastructure" title="Infrastructure"></span>
<span class="badge" name="runtime" alt="Runtime" title="Runtime"></span>
</div>
<d4s-ccp-logterminal maxlines="10"></d4s-ccp-logterminal>
<div style="margin:5px 0 5px 0">
<d4s-ccp-logterminal maxlines="10"></d4s-ccp-logterminal>
</div>
<ul>
<li></li>
</ul>

View File

@ -15,6 +15,10 @@ class LogTerminal extends HTMLElement {
}
get lines(){
return this.#lines
}
render(){
this.#rootdoc.innerHTML = `
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
@ -63,7 +67,7 @@ class LogTerminal extends HTMLElement {
in : ()=>this,
recurse : {
target : "div.line",
in: d=>d.#lines,
in: d=>d.lines,
apply: (e,d,i)=>{
if(d.source === "stderr") e.classList.add("error");
e.innerHTML = `<span>${d.line}</span>`