rmanach/mumui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add spinner when receiving running state + fix stream in details for pending state

Browse Source
This commit is contained in:
rmanach 2023-09-26 13:28:59 +02:00
parent 57750c56d1
commit 981555bcf3
2 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
deployment/static/deployment/js/event_source.js
View File

@ -36,10 +36,15 @@ var start = function (url) {
innerBtn.setAttribute("type", "button");
innerBtn.className = "btn btn-primary btn-sm"
innerSpan = document.createElement("span");
var innerSpan = document.createElement("span");
innerSpan.setAttribute("role", "status");
innerSpan.innerHTML = "Deploying...";
var innerSpinner = document.createElement("span");
innerSpinner.className = "spinner-border spinner-border-sm";
innerSpinner.setAttribute("aria-hidden", "true");
innerBtn.appendChild(innerSpinner);
innerBtn.appendChild(innerSpan);
button.innerHTML = "";

22
templates/deployment/details.html
View File

@ -4,21 +4,19 @@
{% block title %} Deployment details: {{ deployment.name }} {% endblock %}
{% if deployment.status == "RUNNING" %}
{% block bodyattr %}
{% if deployment.status == "RUNNING" %}
{% block bodyattr %}
{% if deployment.status == "RUNNING" or deployment.status == "PENDING" %}
onload="start('{{ url|safe }}');"
{% endif %}
{% endblock %}
{% endblock %}
{% block headscript %}
{% if deployment.status == "RUNNING" or deployment.status == "PENDING" %}
<script src="{% static 'django_eventstream/json2.js' %}"></script>
<script src="{% static 'django_eventstream/eventsource.min.js' %}"></script>
<script src="{% static 'django_eventstream/reconnecting-eventsource.js' %}"></script>
{% endif %}
{% endblock %}
{% endif %}
{% block headscript %}
{% if deployment.status == "RUNNING" or deployment.status == "PENDING" %}
<script src="{% static 'django_eventstream/json2.js' %}"></script>
<script src="{% static 'django_eventstream/eventsource.min.js' %}"></script>
<script src="{% static 'django_eventstream/reconnecting-eventsource.js' %}"></script>
{% endif %}
{% endblock %}
{% block content %}
<div class="container-fluid">