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

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

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <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> </head>
<body class="text-light bg-dark"> <body class="text-light bg-dark">
<div class="container-fluid"> <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="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="border border-2 rounded-4 p-2 m-2"> <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> <button type="button" class="btn btn-outline-light"><i class="bi bi-arrow-clockwise"></i></button>
</div> </div>
<br> <br>
<div> <p>
<b>status</b>: __ running, __ stopped<br> <b>running</b>: <br>
<b>stopped</b>: <br>
<b>remote</b>: {{ remote }} <b>remote</b>: {{ remote }}
</div> </p>
</div> </div>
</div> </div>
<div class="col-lg-8"> <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> <button type="button" class="btn btn-outline-light"><i class="bi bi-arrow-clockwise"></i></button>
</div> </div>
<br> <br>
<div> <p>
{% if status %} {% if status %}
<b>status</b>: <span class="text-success">running</span><br> <b>status</b>: <span class="text-success">running</span><br>
{% else %} {% else %}
<b>status</b>: <span class="text-danger">off</span><br> <b>status</b>: <span class="text-danger">off</span><br>
{% endif %} {% endif %}
<b>image</b>: {{ image }} <b>image</b>: {{ image }}
</div> </p>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>