g_gutierrez/workflow_launcher
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve the style a little

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

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

328
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
renderer.js
View File

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

4
workflows/retrofit/css/styles.css
View File

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

6
workflows/retrofit/main.html
View File

@ -4,11 +4,11 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
<title>Retrofit workflow</title> <title>Retrofit workflow</title>
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
<link href="../../css/bootstrap.min.css" rel="stylesheet">
</head> </head>
<body> <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> <h1><img src="logo/retrofit.png" id="img_logo"> Retrofit workflow</h1>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -23,7 +23,7 @@
<textarea id="buildings" name="buildings" rows="5" cols="33"></textarea> <textarea id="buildings" name="buildings" rows="5" cols="33"></textarea>
</div> </div>
<div class="form-element"> <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> </div>
</form> </form>
<div id="links"></div> <div id="links"></div>

1
workflows/retrofit/run.js
View File

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