<!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>