Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Predicted Mapping</title> | |
| <style> | |
| table, th, td { | |
| border: 1px solid black; | |
| border-collapse: collapse; | |
| padding: 10px; | |
| text-align: left; | |
| } | |
| .top-1 { background-color: red; } | |
| .top-2 { background-color: blue; } | |
| .top-3 { background-color: green; } | |
| /* Custom styles */ | |
| body { background-color: #eff2f9; } | |
| h3 { color: #1b2d6b; font-size: 30px; font-weight: 700; } | |
| textarea, select, .form-control, button.btn, input[type="text"] { | |
| border: 1px solid #363e75; border-radius: 0px; box-shadow: none; | |
| } | |
| textarea:focus, select:focus, .form-control:focus, button:focus, input[type="text"]:focus { | |
| border: 1px solid #007bff; | |
| } | |
| .style1 {color: #FF0000} | |
| .style2 {color: #0000FF} | |
| .style3 {color: #009900} | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Predicted Mapping</h1> | |
| <h2> </h2> | |
| <table> | |
| <tr> | |
| <th>Course Learning Outcome</th> | |
| <th>PLO1</th> | |
| <th>PLO2</th> | |
| <th>PLO3</th> | |
| <th>PLO4</th> | |
| <th>PLO5</th> | |
| <th>PLO6</th> | |
| </tr> | |
| {% for result in results %} | |
| <tr> | |
| <td>{{ result.course_outcome }}</td> | |
| <td class="{% if 0 in result.best_matches[:1] %}top-1{% elif 0 in result.best_matches[1:2] %}top-2{% elif 0 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 0 in result.best_matches else '' }}</td> | |
| <td class="{% if 1 in result.best_matches[:1] %}top-1{% elif 1 in result.best_matches[1:2] %}top-2{% elif 1 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 1 in result.best_matches else '' }}</td> | |
| <td class="{% if 2 in result.best_matches[:1] %}top-1{% elif 2 in result.best_matches[1:2] %}top-2{% elif 2 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 2 in result.best_matches else '' }}</td> | |
| <td class="{% if 3 in result.best_matches[:1] %}top-1{% elif 3 in result.best_matches[1:2] %}top-2{% elif 3 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 3 in result.best_matches else '' }}</td> | |
| <td class="{% if 4 in result.best_matches[:1] %}top-1{% elif 4 in result.best_matches[1:2] %}top-2{% elif 4 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 4 in result.best_matches else '' }}</td> | |
| <td class="{% if 5 in result.best_matches[:1] %}top-1{% elif 5 in result.best_matches[1:2] %}top-2{% elif 5 in result.best_matches[2:3] %}top-3{% endif %}">{{ '√' if 5 in result.best_matches else '' }}</td> | |
| </tr> | |
| {% endfor %} | |
| </table> | |
| <p><a href="/">Back to Input</a></p> | |
| <p><strong>Note: </strong></p> | |
| <ul> | |
| <li class="style1">Red color indicates the highest (1st maximum) similarity between CLOs and PLOs.</li> | |
| <li class="style2">Blue color indicates the second-highest (2nd maximum) similarity between CLOs and PLOs.</li> | |
| <li class="style3">Green color indicates the third-highest (3rd maximum) similarity between CLOs and PLOs.</li> | |
| </ul> | |
| <p> </p> | |
| </body> | |
| </html> | |