craisin/composer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

some ui stuff ig

Browse Source
This commit is contained in:
Cayden Yap
2026-01-01 17:46:13 -08:00
parent 8627191d33
commit fa449ae9cd
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
composer-lens/app.py
View File

@@ -5,9 +5,9 @@ app = Flask(__name__)
@app.route("/")
def stack():
stack_name = "lab"
containers = ["website", "test-container", "composer"]
image = ["image1", "image2", "image3"]
status = [True, False, True]
containers = ["website", "test-container", "composer"] * 5
image = ["image1", "image2", "image3"] * 5
status = [True, False, True] * 5
return render_template("stack.html", stack="lab", containers=[(containers[i], status[i], image[i]) for i in range(len(containers))])
if __name__=="__main__":

17
composer-lens/templates/stack.html
View File

@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<title>Composer - {{ stack }}</title>
<title>𝚌𝚘𝚖𝚙𝚘𝚜𝚎𝚛 - {{ stack }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lexend:wght@100..900&display=swap" rel="stylesheet">
@@ -32,7 +32,9 @@
</head>
<body class="text-light bg-dark">
<div class="container-fluid">
<h1><i class="bi bi-music-note-beamed"></i> Composer</h1>
<div class="row text-center">
<h1>composer<i class="bi bi-music-note"></i></h1>
</div>
<div class="row">
<div class="col-lg-4">
<div class="border border-2 rounded-4 p-2 m-2">
@@ -43,10 +45,11 @@
<button type="button" class="btn btn-outline-light"><i class="bi bi-arrow-clockwise"></i></button>
</div>
<br>
<div>
<b>status</b>: __ running, __ stopped<br>
<p>
<b>running</b>: <br>
<b>stopped</b>: <br>
<b>remote</b>: {{ remote }}
</div>
</p>
</div>
</div>
<div class="col-lg-8">
@@ -59,14 +62,14 @@
<button type="button" class="btn btn-outline-light"><i class="bi bi-arrow-clockwise"></i></button>
</div>
<br>
<div>
<p>
{% if status %}
<b>status</b>: <span class="text-success">running</span><br>
{% else %}
<b>status</b>: <span class="text-danger">off</span><br>
{% endif %}
<b>image</b>: {{ image }}
</div>
</p>
</div>
{% endfor %}
</div>