296 lines
13 KiB
HTML
296 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Portal za oddajanje besedil</title>
|
|
<!--<link rel="stylesheet" href="../static/style.css" type="text/css">-->
|
|
<script src="../static/chart.js"></script>
|
|
<link rel="stylesheet" href="../static/css/header.css" type="text/css">
|
|
<link rel="stylesheet" href="../static/css/form.css" type="text/css">
|
|
<link rel="stylesheet" href="../static/css/simple-grid.css" type="text/css">
|
|
<link rel="stylesheet" href="../static/css/history.css" type="text/css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
|
|
<div class="menu-items">
|
|
<a href="../logout">Odjava</a>
|
|
{% if is_institution_coordinator %}
|
|
<a href="../manage-institution">Upravljaj z institucijo</a>
|
|
{% endif %}
|
|
{% if is_admin %}
|
|
<a href="../admin">Administracijski meni</a>
|
|
{% endif %}
|
|
<a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
|
|
</div>
|
|
</header>
|
|
<div class="container" style="margin-top:8rem;">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h1 class="title">Korpus Šolar</h1>
|
|
<p class="subtitle"></p>
|
|
|
|
|
|
<div class="tab-nav">
|
|
<a href="../oddaja">Oddaja besedil</a>
|
|
<a href="../zgodovina" class="active">Zgodovina sodelovanja</a>
|
|
<a href="../pogodbe">Ekipa</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="row">
|
|
<div class="col-12">
|
|
<h2>Zgodovina naloženih datotek</h2>
|
|
</div>
|
|
</div>-->
|
|
{% set map_program = {
|
|
"OS" : "Osnovna šola (OŠ)",
|
|
"SSG" : "Splošna in strokovna gimnazija (SGG)",
|
|
"MGP" : "Mednarodni gimnazijski programi (MGP)",
|
|
"ZG" : "Zasebne gimnazije (ZG)",
|
|
"NPI" : "Nižje poklicno izobraževanje (NPI)",
|
|
"SPI" : "Srednje poklicno izobraževanje (SPI)",
|
|
"SSI" : "Srednje strokovno izobraževanje (SSI)",
|
|
"PTI" : "Poklicno-tehnično izobraževanje (PTI)"
|
|
}%}
|
|
{% set map_subject = {
|
|
"SLO" : "Slovenščina",
|
|
"DJP" : "Drugi jezikoslovni predmeti",
|
|
"DDP" : "Drugi družboslovni predmeti",
|
|
"DNP" : "Drugi naravoslovni predmeti",
|
|
"DSP" : "Drugi strokovni predmeti",
|
|
"DIP" : "Drugi izbirni ali dodatni predmeti",
|
|
}%}
|
|
{% set map_text_type = {
|
|
"E" : "Esej ali spis",
|
|
"PB" : "Praktično besedilo, napisano za oceno",
|
|
"T" : "Šolski test",
|
|
"R" : "Delo v razredu, ne za oceno",
|
|
}%}
|
|
{% set map_grammar_corrections = {
|
|
"DD" : "Besedilo vsebuje učiteljske popravke",
|
|
"N" : "Besedilo ne vsebuje učiteljskih popravkov",
|
|
"DN" : "Besedilo vsebuje učiteljske popravke in ne strinjam se z njihovo vključitvijo v korpus",
|
|
}%}
|
|
|
|
|
|
|
|
{% for item in upload_history %}
|
|
{% set item_values = [] %}
|
|
{% if institution_names[loop.index - 1] %}
|
|
{% set item_values = item_values + [institution_names[loop.index - 1]] %}
|
|
{% endif %}
|
|
{% if item.program %}
|
|
{% set item_values = item_values + [map_program[item.program]] %}
|
|
{% endif %}
|
|
{% if item.subject %}
|
|
{% set item_values = item_values + [map_subject[item.subject]] %}
|
|
{% endif %}
|
|
{% if item.subject_custom %}
|
|
{% set item_values = item_values + [item.subject_custom] %}
|
|
{% endif %}
|
|
{% if item.grade %}
|
|
{% set item_values = item_values + [item.grade ~ ". razred"] %}
|
|
{% endif %}
|
|
{% if item.text_type %}
|
|
{% set item_values = item_values + [map_text_type[item.text_type]] %}
|
|
{% endif %}
|
|
{% if item.text_type_custom %}
|
|
{% set item_values = item_values + [item.text_type_custom] %}
|
|
{% endif %}
|
|
{% if item.school_year %}
|
|
{% set item_values = item_values + ['20' ~ item.school_year | replace("-", "/")] %}
|
|
{% endif %}
|
|
{% if item.grammar_corrections %}
|
|
{% set item_values = item_values + [map_grammar_corrections[item.grammar_corrections]] %}
|
|
{% endif %}
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="history-item">
|
|
<div class="history-item-date">Dodano {{ item.timestamp.strftime('%d. %m. %Y') }}</div>
|
|
<div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
|
|
<div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
|
|
<div class="history-item-chevron"><img src="../static/image/chevron-down.svg"/></div>
|
|
<div class="history-item-desc">
|
|
{{ item_values | join(" | ") |truncate(120) }}
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6" style="margin:0">
|
|
<div class="history-item-desc-full">
|
|
{% for v in item_values %}
|
|
{{v}}<br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="col-6" style="margin:0">
|
|
<div class="history-item-files-full">
|
|
{% if item.upload_file_names != None %}
|
|
{% for f_name in item.upload_file_names %}
|
|
<div class="file-item">
|
|
<div class="file-icon"><img src="../static/image/file.svg"/></div>
|
|
<a href="getuploadfile/{{item.id}}/{{item.upload_file_hashes[loop.index - 1]}}" class="file-name" {% if item.upload_file_codes != None %}download="{{item.upload_file_codes[loop.index - 1]}}.{{f_name.split('.')[1]}}"{%endif%}>
|
|
{% if item.upload_file_codes != None %}
|
|
{{item.upload_file_codes[loop.index - 1]}}.{{f_name.split('.')[1]}}
|
|
{%else%}
|
|
{{f_name}}
|
|
{% endif %}
|
|
</a>
|
|
</br>
|
|
{% if item.upload_file_codes != None %}
|
|
<!--<div>{{item.upload_file_codes[loop.index - 1]}}</div>-->
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
{% for f_hash in item.upload_file_hashes %}
|
|
<div class="file-item">
|
|
<div class="file-icon"><img src="../static/image/file.svg"/></div>
|
|
<a href="getuploadfile/{{item.id}}/{{f_hash}}" class="file-name">{{f_hash}}</a>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--<div class="bg"></div>
|
|
<div id="main-window">
|
|
<div id="rect1">
|
|
<div style="padding: 20px;">
|
|
<div id="logo-container">
|
|
<img src="../static/image/logo.svg" alt="logo"/>
|
|
</div>
|
|
<h1 id="title" style="font-size: 25px; position: relative;">Korpus ŠOLAR</h1>
|
|
<div class="selection-tabs">
|
|
<button onclick="window.location.replace('../oddaja');" class="selection-tab-button">ODDAJA</button>
|
|
<button onclick="window.location.replace('../zgodovina');" class="selection-tab-button selected">ZGODOVINA</button>
|
|
<button onclick="window.location.replace('../pogodbe');" class="selection-tab-button">POGODBE</button>
|
|
</div>
|
|
</div>
|
|
<div id="history-container" style="padding: 20px;">
|
|
{% for item in upload_history %}
|
|
<div class="history-item">
|
|
<div class="history-item-date">{{ item.timestamp }}</div>
|
|
<div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
|
|
<div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
|
|
<div class="history-item-desc">
|
|
[
|
|
{% set began = False %}
|
|
{% if institution_names[loop.index - 1] %}
|
|
{% if began %}, {% endif %} {{ institution_names[loop.index - 1] }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.program %}
|
|
{% if began %}, {% endif %} {{ item.program }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.subject %}
|
|
{% if began %}, {% endif %} {{ item.subject }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.subject_custom %}
|
|
{% if began %}, {% endif %} {{ item.subject_custom }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.grade %}
|
|
{% if began %}, {% endif %} {{ item.grade }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.text_type %}
|
|
{% if began %}, {% endif %} {{ item.text_type }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.text_type_custom %}
|
|
{% if began %}, {% endif %} {{ item.text_type_custom }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.school_year %}
|
|
{% if began %}, {% endif %} {{ item.school_year }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
{% if item.grammar_corrections %}
|
|
{% if began %}, {% endif %} {{ item.grammar_corrections }}
|
|
{% set began = True %}
|
|
{% endif %}
|
|
]
|
|
</div>
|
|
</div>
|
|
</br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div id="rect2" class="mock-side">
|
|
<canvas id="myChart" width="400" height="400"></canvas>
|
|
<script>
|
|
function drawChart(data) {
|
|
var ctx = document.getElementById('myChart').getContext('2d');
|
|
var myChart = new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: Object.keys(data),
|
|
datasets: [{
|
|
label: 'št. naloženih datotek',
|
|
data: Object.values(data),
|
|
backgroundColor: 'rgba(54, 162, 235, 1.0)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
plugins: {
|
|
title: {
|
|
display: true,
|
|
text: ''
|
|
}
|
|
},
|
|
scales: {
|
|
y: {
|
|
beginAtZero: true
|
|
}
|
|
},
|
|
indexAxis: 'y'
|
|
}
|
|
});
|
|
}
|
|
fetch('../topuploads').then(r => r.json()).then(j => drawChart(j));
|
|
|
|
</script>-->
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
var toggleOpen = function() {
|
|
this.classList.toggle("open");
|
|
};
|
|
var elements = document.getElementsByClassName("history-item");
|
|
for (var i = 0; i < elements.length; i++) {
|
|
elements[i].addEventListener('click', toggleOpen, false);
|
|
}
|
|
|
|
var files = document.getElementsByClassName("file-item");
|
|
for (var i = 0; i < files.length; i++) {
|
|
files[i].addEventListener('click', function(e) {
|
|
e.stopPropagation();
|
|
}, false);
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|