386 lines
19 KiB
HTML
386 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Portal za oddajanje besedil</title>
|
||
<!--{{ dropzone.load_css() }}-->
|
||
<link rel="stylesheet" href="/static/dropzone.css" type="text/css">
|
||
{{ dropzone.style('position: absolute;
|
||
top: -0.5px;
|
||
width: 388px;
|
||
height: 732px;
|
||
left: 385px;
|
||
background: linear-gradient(198.62deg, rgba(255, 255, 255, 0.49) -1.62%, rgba(255, 255, 255, 0.73) -1.61%, rgba(255, 255, 255, 0.41) 79.34%);
|
||
box-shadow: 20px 4px 40px rgba(0, 0, 0, 0.25);
|
||
backdrop-filter: blur(20px);
|
||
border: 0px;
|
||
border-radius: 0px 20px 20px 0px;') }}
|
||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||
</head>
|
||
<body>
|
||
<div class="bg"></div>
|
||
<div id="main-window">
|
||
<div id="rect1">
|
||
<div id="logo-container">
|
||
<img src="/static/image/logo.svg" alt="logo"/>
|
||
</div>
|
||
<form id="my-dropzone" class="dropzone">
|
||
<div style="position: relative; right: 390px;">
|
||
<h1 id="title" style="font-size: 25px;">Korpus ŠOLAR</h1>
|
||
|
||
<div class="selection-tabs">
|
||
<button id="button-oddaja" class="selection-tab-button selected">ODDAJA</button>
|
||
<button id="button-zgodovina" class="selection-tab-button">ZGODOVINA</button>
|
||
<button id="button-pogodbe" class="selection-tab-button">POGODBE</button>
|
||
</div>
|
||
|
||
<label for="program">PROGRAM</label>
|
||
<select id="program" name="program">
|
||
<option value="OS" selected="selected">Osnovnošolski (OŠ)</option>
|
||
<option value="SSG">Splošna in strokovna gimnazija (SGG)</option>
|
||
<option value="MGP">Mednarodni gimnazijski programi (MGP)</option>
|
||
<option value="ZG">Zasebne gimnazije (ZG)</option>
|
||
<option value="NPI">Nižje poklicno izobraževanje (NPI)</option>
|
||
<option value="SPI">Srednje poklicno izobraževanje (SPI)</option>
|
||
<option value="SSI">Srednje strokovno izobraževanje (SSI)</option>
|
||
<option value="PTI">Poklicno-tehnično izobraževanje (PTI)</option>
|
||
</select>
|
||
|
||
<label for="predmet">PREDMET</label>
|
||
<select id="predmet" name="predmet">
|
||
<option value="slo" selected="selected">Slovenščina</option>
|
||
<option value="drug-jez">Drugi jezikoslovni predmeti</option>
|
||
<option value="drug-druz">Drugi družboslovni predmeti</option>
|
||
<option value="drug-narav">Drugi naravoslovni predmeti</option>
|
||
<option value="drug-strok">Drugi strokovni predmeti</option>
|
||
<option value="drug-izb">Drugi izbirni ali dodatni predmeti</option>
|
||
</select>
|
||
<div id="predmet-custom-box" style="display: none;">
|
||
<label for="predmet-custom">Ime predmeta:</label>
|
||
<input type="text" id="predmet-custom" name="predmet-custom"/>
|
||
</div>
|
||
|
||
<label for="letnik">LETNIK</label>
|
||
<select id="letnik" name="letnik">
|
||
<option value="1" selected="selected">1</option>
|
||
<option value="2">2</option>
|
||
<option value="3">3</option>
|
||
<option value="4">4</option>
|
||
<option value="5">5</option>
|
||
<option value="6">6</option>
|
||
<option value="7">7</option>
|
||
<option value="8">8</option>
|
||
<option value="9">9</option>
|
||
</select>
|
||
|
||
<label for="vrsta">VRSTA BESEDILA</label>
|
||
<select id="vrsta" name="vrsta">
|
||
<option value="esej-spis" selected="selected">Esej ali spis</option>
|
||
<option value="prakticno">Praktično besedilo (npr. vabila, prošnje ipd. pri pouku slovenščine), napisano za oceno</option>
|
||
<option value="solski-test">Šolski test</option>
|
||
<option value="delo-v-razredu">Delo v razredu, ne za oceno</option>
|
||
</select>
|
||
<div id="vrsta-custom-box" style="display: none;">
|
||
<label for="vrsta-custom">Vtipkajte besedilno vrsto:</label>
|
||
<input type="text" id="vrsta-custom" name="vrsta-custom"/>
|
||
</div>
|
||
|
||
|
||
<label for="solsko-leto">ŠOLSKO LETO</label>
|
||
<select id="solsko-leto" name="solsko-leto">
|
||
<option value="20-21" selected="selected">2020/21</option>
|
||
<option value="21-22">2021/22</option>
|
||
</select>
|
||
|
||
<label for="jezikovni-popravki">JEZIKOVNI POPRAVKI</label>
|
||
<select id="jezikovni-popravki" name="jezikovni-popravki">
|
||
<option value="popr-ne" selected="selected">Besedilo vsebuje učiteljske popravke in strinjam se z njihovo vključitvijo v korpus</option>
|
||
<option value="brez-popr">Besedilo ne vsebuje učiteljskih popravkov</option>
|
||
<option value="popr-da">Besedilo vsebuje učiteljske popravke in ne strinjam se z njihovo vključitvijo v korpus</option>
|
||
</select>
|
||
|
||
<button id="button-submit" type="submit">Oddaj</button>
|
||
</div>
|
||
|
||
<div class="dropzone-previews"></div>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div id="popup-terms" style="display: none">
|
||
<div id="popup-terms-text">
|
||
<h2>POGODBA O PRENOSU AVTORSKIH PRAVIC</h2>
|
||
|
||
<h3>UVODNE DOLOČBE</h3>
|
||
<h4><b>1. člen</b></h4>
|
||
|
||
<p>1.1. Stranki uvodoma ugotavljata, da naročnik izvaja projekt Razvoj slovenščine v digitalnem
|
||
okolju – RSDO (v nadaljevanju projekt RSDO), ki je bil na javnem razpisu Razvoj slovenščine v
|
||
digitalnem okolju – jezikovni viri in tehnologije (JR-ESRR-Razvoj slovenščine v digitalnem
|
||
okolju), objavljenem v Uradnem listu RS št. 70/19 dne 29. 11. 2019, sprejet v sofinanciranje
|
||
in katerega vsebina je razvidna s spletnih strani https://slovenscina.eu.</p>
|
||
|
||
<p>1.2. Stranki uvodoma ugotavljata, da bo naročnik v okviru projekta RSDO:
|
||
- izdelal osrednjo digitalno slovarsko bazo, ki združuje različne tipe jezikovnih podatkov o
|
||
slovenščini v odprtem dostopu,
|
||
- izdelal terminološki portal z integriranim iskalnikom po slovenskih terminoloških virih, zlasti
|
||
terminoloških slovarjih,
|
||
- izdelal korpus prevodov po različnih domenah za učenje strojnega prevajalnika za jezikovni
|
||
par angleščina-slovenščina in slovenščina-angleščina.</p>
|
||
<p>1.3. Stranki uvodoma ugotavljata, da bo naročnik pri projektu RSDO za vse zgoraj opisane
|
||
namene zbiral in uporabil besedilne vire, ki so navedeni v prilogi k tej pogodbi in ki so lahko
|
||
avtorska dela ali drugi predmeti varstva v skladu z Zakonom o avtorski in sorodnih pravicah
|
||
(Uradni list RS, št. 16/07 – uradno prečiščeno besedilo, 68/08, 110/13, 56/15, 63/16 – ZKUASP
|
||
in 59/19; ZASP) in na katerih ima imetnik pravic avtorske, avtorski sorodne ali druge pravice v
|
||
skladu z ZASP (v nadaljevanju avtorska dela).</p>
|
||
|
||
<p>1.4. Stranki ugotavljata, da bodo avtorska dela in vse njihove morebitne spremembe in
|
||
predelave, ter zbirke podatkov, ki bodo med izvajanjem projekta RSDO nastale, javno
|
||
dostopni pod pogoji prostih licenc (npr. CC BY-SA) in bodo na voljo za nekomercialen in
|
||
komercialen razvoj tehnologij, za raziskave in za druge raziskovalne namene
|
||
posameznikom, raziskovalnim in izobraževalnim institucijam, neprofitnim organizacijam,
|
||
državnim organom, organizacijam z javnimi pooblastili in gospodarskim družbam v Sloveniji
|
||
in tujini.</p>
|
||
|
||
<h3>PREDMET POGODBE</h3>
|
||
<h4><b>2. člen</b></h4>
|
||
|
||
<p>2.1. Predmet pogodbe so vsa avtorska dela imetnika pravic, ki so navedena v prilogi k tej
|
||
pogodbi.</p>
|
||
|
||
<p>2.2. S podpisom te pogodbe imetnik avtorskih pravic na naročnika prenaša avtorske pravice
|
||
na avtorskih delih na način in v obsegu, kakor je navedeno v 3. členu te pogodbe.</p>
|
||
|
||
<h3>PRENOS AVTORSKIH PRAVIC</h3>
|
||
<h4><b>3. člen</b></h4>
|
||
|
||
<p>3.1. S podpisom te pogodbe imetnik pravic na avtorskih delih, ki so predmet te pogodbe, na
|
||
naročnika neizključno, brez časovnih in teritorialnih omejitev prenaša vse materialne avtorske
|
||
pravice, avtorski sorodne pravice in druge pravice avtorja v skladu z ZASP, zlasti pravico
|
||
reproduciranja (23. člen ZASP), distribuiranja (24. člena ZASP), dajanja v najem (25. člen ZASP),
|
||
priobčitve javnosti (26. do 32.a člen ZASP), vključno s pravico dajanja na voljo javnosti (32.a
|
||
člen ZASP) in pravico predelave (33. člen ZASP).</p>
|
||
|
||
<p>3.2. S podpisom te pogodbe imetnik pravic izrecno soglaša, da naročnik pravice iz točke 3.1.
|
||
prenaša naprej na tretje osebe brez omejitev.</p>
|
||
|
||
<h3>JAMČEVANJE IMETNIKA PRAVIC</h3>
|
||
|
||
<h4><b>4. člen</b></h4>
|
||
|
||
<p>4.1. S podpisom te pogodbe imetnik pravic jamči, da je na avtorskih delih, ki so predmet te
|
||
pogodbe, imetnik vseh avtorskih pravic, avtorski sorodnih pravic in drugih pravic avtorja v
|
||
skladu z ZASP, ki so potrebne za prenos pravic po tej pogodbi, in da na avtorskih delih ne
|
||
obstajajo pravice tretjih oseb, ki bi naročniku preprečevale njihovo uporabo.</p>
|
||
|
||
<p>4.2. Določbe te pogodbe ne vplivajo na prenos moralnih avtorskih pravic, ki so v skladu z
|
||
določbami ZASP neprenosljive.</p>
|
||
|
||
<h3>OSEBNI PODATKI</h3>
|
||
<h4><b>5. člen</b></h4>
|
||
|
||
<p>6.1. Stranki se zavezujeta, da bosta vse morebitne osebne podatke, ki jih bosta obdelovali za
|
||
namene izvajanja te pogodbe, obdelovali na način, da bosta upoštevali vse veljavne predpise
|
||
o varstvu osebnih podatkov in da bosta posameznikom, na katere se osebni podatki nanašajo,
|
||
zagotovili vse potrebne informacije v skladu s predpisi o varstvu osebnih podatkov.<p>
|
||
|
||
<h3>KONTAKTNE OSEBE</h3>
|
||
<h4><b>6. člen</b></h4>
|
||
|
||
<p>7.1 Kontaktna oseba za izvedbo te pogodbe na strani naročnika je [xxx].</p>
|
||
<p>7.2. Kontaktna oseba za izvedbo te pogodbe na strani imetnika pravic je [xxx].</p>
|
||
|
||
<h3>KONČNE DOLOČBE</h3>
|
||
<h4><b>7. člen</b></h4>
|
||
|
||
<p>8.1. Če je katerakoli določba te pogodbe nična, ostanejo druga določila te pogodbe v veljavi.</p>
|
||
|
||
<h4><b>8. člen</b></h4>
|
||
|
||
<p>9.1. Za razmerja v zvezi s to pogodbo se uporabljajo pravni predpisi Republike Slovenije.</p>
|
||
<p>9.2. Spore iz te pogodbe bosta stranki reševali po mirni poti. V primeru, da mirna rešitev ne
|
||
bo mogoča, je za vse spore v zvezi s to pogodbo pristojno sodišče v Ljubljani.</p>
|
||
|
||
<h4><b>9. člen</b></h4>
|
||
|
||
<p>10.1. Ta pogodba nadomešča vsa predhodna pogajanja, ponudbe in druge dogovore med
|
||
strankama.</p>
|
||
<p>10.2. Ta pogodba je sestavljena v [dveh] istovetnih izvodih, od katerih prejme vsaka stranka
|
||
po enega.</p>
|
||
<p>10.3. Pogodbeni stranki s podpisom potrjujeta veljavnost te pogodbe.</p>
|
||
</div>
|
||
<button id="button-submit-cancel" class="button-terms" style="background: #ff2d2d;">Prekliči</button>
|
||
<button id="button-submit-final" class="button-terms">Oddaj</button>
|
||
</div>
|
||
|
||
<!--{{ dropzone.load_js() }}-->
|
||
<script src="/static/dropzone.js"></script>
|
||
<script>
|
||
/////////////////////////
|
||
// Dropzone //
|
||
/////////////////////////
|
||
var selectPredmet = document.getElementById("predmet");
|
||
var selectVrsta = document.getElementById("vrsta");
|
||
var btnSubmit = document.getElementById("button-submit");
|
||
var btnSubmitFinal = document.getElementById("button-submit-final");
|
||
var btnSubmitCancel = document.getElementById("button-submit-cancel");
|
||
var btnZgodovina = document.getElementById("button-zgodovina");
|
||
var btnPogodbe = document.getElementById("button-pogodbe");
|
||
var elemTermsPopup = document.getElementById("popup-terms");
|
||
var termsScrollbox = document.getElementById("popup-terms-text");
|
||
var scrollboxTriggered = false;
|
||
var form = document.forms["my-dropzone"];
|
||
|
||
function isEmptyOrSpaces(str){
|
||
return str == null || str.match(/^ *$/) !== null;
|
||
}
|
||
|
||
const reEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||
|
||
Dropzone.options.myDropzone = { // The camelized version of the ID of the form element
|
||
url: "/solar/upload",
|
||
autoProcessQueue: false,
|
||
uploadMultiple: true,
|
||
parallelUploads: 20,
|
||
paramName: "file", // The name that will be used to transfer the file
|
||
maxFilesize: 1000, // MB
|
||
timeout: 5000000, // milliseconds
|
||
acceptedFiles: ".txt, .csv, .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx",
|
||
maxFiles: 20,
|
||
dictDefaultMessage: `Kliknite ali odložite datoteke sem.`,
|
||
dictFallbackMessage: "Vaš brskalnik ne podpira izbiranje datotek z odlaganjem (\"drag & drop\").",
|
||
dictInvalidFileType: "Datoteka je napačnega formata.",
|
||
dictFileTooBig: "Datoteke je prevelika {{filesize}}. Največja dovoljena velikost: {{maxFilesize}}MiB.",
|
||
dictResponseError: "Napaka strežnika: {{statusCode}}",
|
||
dictMaxFilesExceeded: "Ne morete naložiti več datotek.",
|
||
dictCancelUpload: "Prekini prenos",
|
||
dictRemoveFile: "Odstrani datoteko",
|
||
dictCancelUploadConfirmation: "Ali res želite odstraniti to datoteko?",
|
||
dictUploadCanceled: "Prenos prekinjen",
|
||
|
||
// The setting up of the dropzone
|
||
init: function() {
|
||
var dz = this;
|
||
|
||
selectPredmet.addEventListener("change", function(e) {
|
||
var predmetCustomBox = document.getElementById("predmet-custom-box");
|
||
if (selectPredmet.value.startsWith("drug")) {
|
||
predmetCustomBox.style.display = "inherit";
|
||
} else {
|
||
predmetCustomBox.style.display = "none";
|
||
}
|
||
});
|
||
|
||
selectVrsta.addEventListener("change", function(e) {
|
||
var vrstaCustomBox = document.getElementById("vrsta-custom-box");
|
||
if (selectVrsta.value == "delo-v-razredu") {
|
||
vrstaCustomBox.style.display = "inherit";
|
||
} else {
|
||
vrstaCustomBox.style.display = "none";
|
||
}
|
||
});
|
||
|
||
btnSubmit.addEventListener("click", function(e) {
|
||
// Make sure that the form isn't actually being sent.
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
|
||
// Check form validity.
|
||
var program = form["program"].value;
|
||
var predmet = form["predmet"].value;
|
||
var predmetCustom = form["predmet-custom"].value;
|
||
var letnik = form["letnik"].value;
|
||
var vrsta = form["vrsta"].value;
|
||
var vrstaCustom = form["vrsta-custom"].value;
|
||
var solskoLeto = form["solsko-leto"].value;
|
||
var jezikovniPopravki = form["jezikovni-popravki"].value;
|
||
|
||
if (predmet.startsWith("drug") && isEmptyOrSpaces(predmetCustom)) {
|
||
alert("Polje za predmet ne more biti prazno!");
|
||
} else if (vrsta === "delo-v-razredu" && isEmptyOrSpaces(vrstaCustom)) {
|
||
alert("Polje za vrsto besedila ne more biti prazno!");
|
||
} else {
|
||
// Then make terms popup visible
|
||
btnSubmit.disabled = true;
|
||
btnSubmitFinal.disabled = true;
|
||
elemTermsPopup.style.display = "inline";
|
||
scrollboxtriggered = false;
|
||
}
|
||
});
|
||
|
||
|
||
// First change the button to actually tell dropzone to process the queue.
|
||
btnSubmitFinal.addEventListener("click", function(e) {
|
||
// Hand off data to dropzone
|
||
dz.processQueue();
|
||
|
||
// Clear fields and hide popup agian
|
||
btnSubmit.disabled = false;
|
||
elemTermsPopup.style.display = "none";
|
||
form.reset();
|
||
scrollboxTriggered = false;
|
||
});
|
||
|
||
btnSubmitCancel.addEventListener("click", function(e) {
|
||
btnSubmit.disabled = false;
|
||
scrollboxTriggered = false;
|
||
elemTermsPopup.style.display = "none";
|
||
});
|
||
|
||
btnZgodovina.addEventListener("click", function(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
window.location.replace("/solar/zgodovina");
|
||
});
|
||
|
||
btnPogodbe.addEventListener("click", function(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
window.location.replace("/solar/pogodbe");
|
||
});
|
||
|
||
// Enable final submit button only if user scrolls to the end of the terms.
|
||
function checkScrollboxTrigger(event) {
|
||
var element = event.target;
|
||
if (!scrollboxTriggered
|
||
&& element.scrollHeight - element.scrollTop <= element.clientHeight + 50
|
||
) {
|
||
scrollboxTriggered = true;
|
||
btnSubmitFinal.disabled = false;
|
||
}
|
||
}
|
||
|
||
termsScrollbox.addEventListener('scroll', function(event) {
|
||
checkScrollboxTrigger(event);
|
||
});
|
||
|
||
termsScrollbox.addEventListener("mouseenter", function(event) {
|
||
checkScrollboxTrigger(event);
|
||
});
|
||
|
||
// Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
|
||
// of the sending event because uploadMultiple is set to true.
|
||
this.on("sendingmultiple", function() {
|
||
// Gets triggered when the form is actually being sent.
|
||
// Hide the success button or the complete form.
|
||
});
|
||
|
||
this.on("successmultiple", function(files, response) {
|
||
// Gets triggered when the files have successfully been sent.
|
||
// Redirect user or notify of success.
|
||
alert("Odgovor strežnika: " + response);
|
||
location.reload();
|
||
});
|
||
|
||
this.on("errormultiple", function(files, response) {
|
||
// Gets triggered when there was an error sending the files.
|
||
// Maybe show form again, and notify user of error
|
||
});
|
||
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|