computer_glamour
/
tcgui-mirror
peilaus alkaen https://github.com/tum-lkn/tcgui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <title>tcgui</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='pure-min.css') }}">
</head>
<body>

<div style="padding:2em;">
    <h1>TCGUI - {{ rules|length }} Available Interfaces</h1>
    <ul>
        {% for rule in rules %}
            <li><a href="#{{ rule['name'] }}">{{ rule['name'] }}</a></li>
        {% endfor %}
    </ul>
    {% for rule in rules %}
        <div>
            <h2 id="{{ rule['name'] }}">{{ rule['name'] }}</h2>
            <form method="POST" action="{{ url_for('new_rule', interface=rule['name']) }}">
                <table class="pure-table">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Current Value</th>
                            <th>New Value</th>
                            <th>Variance / Correlation</th>
                            <th>New Value</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Rate</td>
			            <td class="tcgui-value-cell">{{ rule['rate'] }}</td>
                        <td class="tcgui-input-cell">
                            <input type="number" name="Rate" size="5">
                            <select name="rate_unit">
                                {% for unit in units %}
                                <option value="{{ unit }}"{% if unit == standard_unit %} selected{% endif %}>{{ unit }}</option>
                                {% endfor %}
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Delay</td>
                        <td class="tcgui-value-cell">{{ rule['delay'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Delay" size="5"> ms</td>
                        <td class="tcgui-value-cell">±{{ rule['delayVariance'] }}</td>
                        <td class="tcgui-input-cell">±<input type="number" name="DelayVariance" size="5"> ms</td>
                    </tr>
                    <tr>
                        <td>Loss</td>
                        <td class="tcgui-value-cell">{{ rule['loss'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Loss" size="5"> %</td>
                        <td class="tcgui-value-cell">{{ rule['lossCorrelation'] }}</td>
                        <td class="tcgui-input-cell"> <input type="number" name="LossCorrelation" size="5"> %</td>
                    </tr>
                    <tr>
                        <td>Duplicate</td>
                        <td class="tcgui-value-cell">{{ rule['duplicate'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Duplicate" size="5"> %</td>
                    </tr>
                    <tr>
                        <td>Reorder</td>
                        <td class="tcgui-value-cell">{{ rule['reorder'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Reorder" size="5"> %</td>
                        <td class="tcgui-value-cell">{{ rule['reorderCorrelation'] }}</td>
                        <td class="tcgui-input-cell"> <input type="number" name="ReorderCorrelation" size="5"> %</td>
                    </tr>
                    <tr>
                        <td>Corrupt</td>
                        <td class="tcgui-value-cell">{{ rule['corrupt'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Corrupt" size="5"> %</td>
                    </tr>
                    <tr>
                        <td>Limit</td>
                        <td class="tcgui-value-cell">{{ rule['limit'] }}</td>
                        <td class="tcgui-input-cell"><input type="number" name="Limit" size="5"></td>
                    </tr>
                </tbody>
                </table>
                <input class="pure-button pure-button-primary" type="submit" value="Apply {{ rule['name'] }} Rules">
            </form>
            <form method="POST" action="{{ url_for('remove_rule', interface= rule['name']) }}">
                <input class="button-remove pure-button" type="submit" value="Remove {{ rule['name'] }} Rules">
            </form>
        </div>
    {% endfor %}
</div>
<script type="text/javascript">

    var x = document.getElementsByClassName("tcgui-value-cell");
    var i;
    for (i = 0; i < x.length; i++) {
        if(x[i].innerHTML.indexOf("None") === -1 ){
            x[i].style.backgroundColor = "rgb(121, 168, 255)";
        }
        
    } 
</script>
<style>
    th,td { 
        text-align: center; 

    }

    .tcgui-input-cell {
        text-align: left;
    }

    .button-remove {
        color: white;
        background: rgb(202, 60, 60);
    }

    .pure-button {
        margin-top: .5em;
    }
</style>
</body>
</html>