Improve the style a little

This commit is contained in:
Guille 2024-03-12 13:38:55 +01:00
parent 07309257cb
commit 610ad66475
6 changed files with 300 additions and 52 deletions

View File

@ -11,8 +11,8 @@
</head>
<body>
<div w3-include-html="menu.html"></div>
<h1>NextGen Workflows launcher</h1>
<ul id="workflows">
<h1 class="p-3">NextGen Workflows launcher</h1>
<ul id="workflows" class="list-group">
</ul>
</body>
<script src="./renderer.js"></script>

328
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -3,15 +3,18 @@ fetch('./workflows.json')
.then((response) => response.json())
.then((workflowsJson) => {
workflowsJson.workflows.forEach((site) => {
let li = document.createElement("li")
let li = document.createElement('li')
li.className = "list-group-item"
let img = document.createElement('img')
let a = document.createElement('a')
img.src = site.logo
img.alt = site.name
a.href = site.script
let name = document.createTextNode(site.name)
name.className = "p-1"
a.appendChild(img)
a.appendChild(name)
li.appendChild(a)
li.appendChild(document.createTextNode(site.name))
workflowsList.appendChild(li)
})
});

View File

@ -8,10 +8,6 @@
padding-left: 40px;
padding-top: 20px;
}
a {
text-decoration-line: none;
font-weight: bolder;
}
h1 {
margin-top: 30px;

View File

@ -4,11 +4,11 @@
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
<title>Retrofit workflow</title>
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<a href="../../index.html">Home</a>
<a href="../../index.html" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
<h1><img src="logo/retrofit.png" id="img_logo"> Retrofit workflow</h1>
<div class="row">
<div class="col">
@ -23,7 +23,7 @@
<textarea id="buildings" name="buildings" rows="5" cols="33"></textarea>
</div>
<div class="form-element">
<a href="#" id="runScenario">Run scenario</a>
<a href="#" id="runScenario" class="btn btn-bd-primary mb-4">Run scenario</a>
</div>
</form>
<div id="links"></div>

View File

@ -27,5 +27,4 @@ async function runScenario() {
}
window.functions.onTaskCompleted((value) => {
document.getElementById('links').innerHTML = value
})
console.log('run script loaded')
})