main.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>DemoSetup</title>
  6. </head>
  7. <body>
  8. <h4>Available Interfaces</h4>
  9. <ul>
  10. {% for rule in rules %}
  11. <li>
  12. {{ rule['name'] }}
  13. <form method="POST" action="{{ url_for('new_rule', interface=rule['name']) }}">
  14. <table border="1">
  15. <tr>
  16. <th>Name</th>
  17. <th>Current Value</th>
  18. <th>New Value</th>
  19. <th>Variance / Correlation</th>
  20. <th>New Value</th>
  21. </tr>
  22. <tr>
  23. <td>Rate:</td>
  24. <td>{{ rule['rate'] }}</td>
  25. <td><input type="number" name="Rate" size="5"> Mbit</td>
  26. </tr>
  27. <tr>
  28. <td>Delay:</td>
  29. <td>{{ rule['delay'] }}</td>
  30. <td><input type="number" name="Delay" size="5"> ms</td>
  31. <td>±{{ rule['delayVariance'] }}</td>
  32. <td>±<input type="number" name="DelayVariance" size="5"> ms</td>
  33. </tr>
  34. <tr>
  35. <td>Loss:</td>
  36. <td>{{ rule['loss'] }}</td>
  37. <td><input type="number" name="Loss" size="5"> %</td>
  38. <td>{{ rule['lossCorrelation'] }}</td>
  39. <td><input type="number" name="LossCorrelation" size="5"> %</td>
  40. </tr>
  41. <tr>
  42. <td>Duplicate:</td>
  43. <td>{{ rule['duplicate'] }}</td>
  44. <td><input type="number" name="Duplicate" size="5"> %</td>
  45. </tr>
  46. <tr>
  47. <td>Reorder:</td>
  48. <td>{{ rule['reorder'] }}</td>
  49. <td><input type="number" name="Reorder" size="5"> %</td>
  50. <td>{{ rule['reorderCorrelation'] }}</td>
  51. <td><input type="number" name="ReorderCorrelation" size="5"> %</td>
  52. </tr>
  53. <tr>
  54. <td>Corrupt</td>
  55. <td>{{ rule['corrupt'] }}</td>
  56. <td><input type="number" name="Corrupt" size="5"> %</td>
  57. </tr>
  58. </table>
  59. <input type="submit" value="Apply Rules">
  60. </form>
  61. <form method="POST" action="{{ url_for('remove_rule', interface= rule['name']) }}">
  62. <input type="submit" value="Remove Rules">
  63. </form>
  64. </li>
  65. {% endfor %}
  66. </ul>
  67. <style>
  68. th,td {
  69. text-align: center;
  70. }
  71. </style>
  72. </body>
  73. </html>