[CI] Add index page generator. (#23737)
This commit is contained in:
		
							parent
							
								
									cc62eb503d
								
							
						
					
					
						commit
						1b8b6801d4
					
				
					 5 changed files with 269 additions and 6 deletions
				
			
		
							
								
								
									
										139
									
								
								util/ci/templates/index.html.j2
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										139
									
								
								util/ci/templates/index.html.j2
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,139 @@
 | 
			
		|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 | 
			
		||||
<html>
 | 
			
		||||
 | 
			
		||||
<head>
 | 
			
		||||
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 | 
			
		||||
    <style type="text/css">
 | 
			
		||||
        {{ ansi2html_styles }}
 | 
			
		||||
 | 
			
		||||
        body {
 | 
			
		||||
            color: #FFF;
 | 
			
		||||
            background-color: #111;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        h3 {
 | 
			
		||||
            font-family: sans-serif;
 | 
			
		||||
            margin-top: 0;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        a {
 | 
			
		||||
            color: #00e1ff;
 | 
			
		||||
            text-decoration: none;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        a:hover {
 | 
			
		||||
            color: #f700ff;
 | 
			
		||||
            text-decoration: underline;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        a:visited {
 | 
			
		||||
            color: #00e1ff;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .build-target {
 | 
			
		||||
            background-color: #333;
 | 
			
		||||
            font-family: monospace;
 | 
			
		||||
            padding-left: 0.3em;
 | 
			
		||||
            padding-right: 0.3em;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .binary-link {
 | 
			
		||||
            margin: 0;
 | 
			
		||||
            margin-top: 0.25em;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .container {
 | 
			
		||||
            background-color: #222;
 | 
			
		||||
            padding: 2.0em;
 | 
			
		||||
            margin: 2.0em;
 | 
			
		||||
            border-radius: 2.0em;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .header-container {
 | 
			
		||||
            display: table-cell;
 | 
			
		||||
            padding-left: 1.5em;
 | 
			
		||||
            vertical-align: middle;
 | 
			
		||||
            font-family: sans-serif;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .header-container div:not(:first-child) {
 | 
			
		||||
            margin-top: 0.25em;
 | 
			
		||||
        }
 | 
			
		||||
    </style>
 | 
			
		||||
</head>
 | 
			
		||||
 | 
			
		||||
<body class="" style="font-size: normal;">
 | 
			
		||||
    <div style="float: left">
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <div style="display: table-cell; vertical-align: middle;">
 | 
			
		||||
                <a href="https://qmk.fm/"><img src="https://qmk.fm/assets/images/badge-community-dark.svg" style="width: 30em;" /></a>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="header-container">
 | 
			
		||||
                <div>
 | 
			
		||||
                    <span style="font-size: 175%; font-weight: bold;">CI Build {% if failures | length > 0 %}❌{% else %}✅{% endif %}</span>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div>
 | 
			
		||||
                    <span style="font-size: 100%; font-family: monospace;">{{ git_describe }}</span>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div>
 | 
			
		||||
                    <span style="font-size: 100%; font-family: monospace;">{{ git_revision }}</span>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div>
 | 
			
		||||
                    <span style="font-size: 80%; font-weight: bold; color: {% if failures | length > 0 %}#F00{% else %}#0F0{% endif %};">{{ failures | length }} failure{% if failures | length != 1 %}s{% endif %}</span>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div>
 | 
			
		||||
                    <span style="font-size: 80%">
 | 
			
		||||
                    {% if binaries | length > 0 %}<a href="#firmwares">Firmwares</a> | {% endif %}
 | 
			
		||||
                    <a href="#commit_info">Commit info</a>
 | 
			
		||||
                    {% if failures | length > 0 %} | <a href="#failure_logs">Failure Logs</a>{% endif %}
 | 
			
		||||
                    </span>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <a name="commit_info"></a>
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <h3>Git commit</h3>
 | 
			
		||||
            <div class="body_foreground body_background"
 | 
			
		||||
                style="display: table-cell; padding: 1.0em; border-radius: 1.0em;">
 | 
			
		||||
                <pre class="ansi2html-content">{{ git_log | ansi2html }}</pre>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        {% if failures | length > 0 %}
 | 
			
		||||
        <a name="failure_logs"></a>
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <h3>Build failure logs</h3>
 | 
			
		||||
            <ul>
 | 
			
		||||
                {% for failure in failures %}
 | 
			
		||||
                <li><a style="font-family: monospace;" href="#build_failure_{{ failure.keyboard }}_{{ failure.keymap }}">{{ failure.keyboard }}:{{ failure.keymap }}</a></li>
 | 
			
		||||
                {% endfor %}
 | 
			
		||||
            </ul>
 | 
			
		||||
        </div>
 | 
			
		||||
        {% for failure in failures %}
 | 
			
		||||
        <a name="build_failure_{{ failure.keyboard }}_{{ failure.keymap }}"></a>
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <h3>Build failure — <span class="build-target">{{ failure.keyboard }}:{{ failure.keymap }}</span></h3>
 | 
			
		||||
            <div class="body_foreground body_background"
 | 
			
		||||
                style="display: table-cell; padding: 1.0em; border-radius: 1.0em;">
 | 
			
		||||
                <pre class="ansi2html-content">{{ failure.stdout | ansi2html }}</pre>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        {% endfor %}
 | 
			
		||||
        {% endif %}
 | 
			
		||||
    </div>
 | 
			
		||||
    {% if binaries | length > 0 %}
 | 
			
		||||
    <div style="float: right">
 | 
			
		||||
        <a name="firmwares"></a>
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <h3>Firmware downloads</h3>
 | 
			
		||||
            <div class="body_foreground body_background"
 | 
			
		||||
                style="display: table-cell; padding: 1.0em; border-radius: 1.0em;">
 | 
			
		||||
                {% for binary in binaries %}
 | 
			
		||||
                <p class="binary-link" style="font-family: monospace;"><a href="{{ binary.name }}">{{ binary.name }}</a></p>
 | 
			
		||||
                {%- endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
</body>
 | 
			
		||||
 | 
			
		||||
</html>
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue