361_fix_training_greeting_ui

app/static/css/training_greeting.css

@@ -0,0 +1,23 @@
+body {
+    margin-left: 10px;
+}
+td {
+    text-align: center;
+    vertical-align: middle;
+}
+th {
+    text-align: center;
+    vertical-align: middle;
+}
+h3 {
+    text-align: center;
+}
+
+table{
+    margin-right: 10px;
+}
+#start-training-button{
+    margin-top: 10px;
+    width: 150px;
+    height: 30px;
+}

app/static/js/training_greeting.js

@@ -1,3 +1,45 @@
 function setCriteriaPackDescription(s) {
-    document.getElementById('criteria-pack-description').innerText = `${s}`;
-}
+    parseTableData(s);
+}
+
+function parseTableData(s){
+    let criteria = s.split("Критерий:").filter(function( obj ) {
+        return obj !== '';
+    });
+    let description = [];
+    let grade = [];
+    let criterionWeight = [];
+    for(let i = 0;i< criteria.length;i++){
+        description.push(criteria[i].slice(criteria[i].indexOf('описание:')+"описание: ".length,criteria[i].indexOf('оценка:') - ",\n".length));
+        grade.push(criteria[i].slice(criteria[i].indexOf('оценка:')+"оценка: ".length,criteria[i].indexOf('вес критерия =') - ",\n".length));
+        criterionWeight.push(criteria[i].slice(criteria[i].indexOf('вес критерия =') + "вес критерия = ".length,criteria[i].length - ".\n".length));
+        criteria[i] = criteria[i].slice(0,criteria[i].indexOf(','));
+
+
+    } //получили разделённые данные
+    const criteriaTable = document.getElementById('criteria-table');
+    let criteriaRow = document.createElement("tr");
+    let HeadData = ["Критерий","Описание","Оценка","Вес критерия"];
+    HeadData.forEach(element => {
+        let tableHead = document.createElement("th");
+        tableHead.innerText = element;
+        criteriaRow.appendChild(tableHead);
+    });
+    criteriaTable.appendChild(criteriaRow); // заполнили заголовки  
+    for(let i = 0;i< criteria.length;i++){ // заполняем таблицу данными
+        criteriaRow = document.createElement("tr");
+        let criteriaData = document.createElement("td");
+        criteriaData.innerText = criteria[i];
+        let descriptionData = document.createElement("td");
+        descriptionData.innerText = description[i];
+        let gradeData = document.createElement("td");
+        gradeData.innerText = grade[i];
+        let criterionWeightData = document.createElement("td");
+        criterionWeightData.innerText = criterionWeight[i];
+        criteriaRow.appendChild(criteriaData);
+        criteriaRow.appendChild(descriptionData);
+        criteriaRow.appendChild(gradeData);
+        criteriaRow.appendChild(criterionWeightData);
+        criteriaTable.appendChild(criteriaRow);
+    }  
+} 

app/templates/training_greeting.html

@@ -1,13 +1,18 @@
-{% extends 'base.html' %} {% block content %}
+{% extends 'base.html' %} 
+{% block header %}
+<link rel="stylesheet" href="/static/css/training_greeting.css">
+{% endblock %}
+{% block content %}
 <div class="base-container">
     <h3>{{ t("Задание для тренировки") }}: {{ task_id }}</h3>
     <h3>{{ t("Описание задания") }}: {{ task_description }}</h3>
     <h3>{{ t("Проходной балл") }}: {{ required_points }} / {{ maximal_points}}</h3>
     <h3>{{ t("Номер попытки") }}: {{ attempt_number }}</h3>
     <h3>{{ t("Номер тренировки") }}: {{ training_number }} / {{ attempt_count }}</h3>
     <h3>{{ t("Сумма баллов за предыдущие тренировки") }}: {{ current_points_sum }}</h3>
-    <h3>{{ t("Набор критериев") }}: {{ criteria_pack_id }}</h3>
-    <div id="criteria-pack-description">{{ criteria_pack_description }}</div>
+    <caption>{{ t("Набор критериев") }}: {{ criteria_pack_id }}</caption>
+
+    <table id="criteria-table" border=""></table>
     <button id="start-training-button" type="button"
         onclick="location.href=
         {% if not training_id %}