popravki

Merge push.
Download uploaded files.
2021-12-15 21:23:26 +01:00 · 2021-12-14 15:36:54 +01:00 · 2021-12-14 15:36:36 +01:00 · 2021-12-13 21:01:28 +01:00 · 2021-12-06 19:31:48 +01:00 · 2021-12-04 18:49:20 +01:00
35 changed files with 1093 additions and 278 deletions
--- a/app.py
+++ b/app.py
@@ -272,7 +272,7 @@ def solar(text):
        return render_template('solar-zgodovina.html', upload_history=upload_items, uploader_names=uploader_names,
                institution_names=institution_names, is_admin=is_admin, is_institution_coordinator=current_user_institution_coordinator)
    elif text.startswith('pogodbe-institucije/') or text.startswith('pogodbe-ucencistarsi/'):
-        # Check for ownload contract request.
+        # Check for download contract request.
        match = re.match('^pogodbe-(institucije|ucencistarsi)/([a-z0-9_]+\.pdf)$', text)
        if match:
            contract_type = match.group(1)
@@ -741,5 +741,33 @@ def handle_upload():
    return upload_handler_solar.handle_upload(request, current_user.get_id())


+@app.route('/getuploadfile/<upload_id>/<file_hash>', methods=['GET'])
+@login_required
+def get_upload_file(upload_id, file_hash):
+    is_admin = current_user.role == 'admin'
+    current_user_institution = portal.solar.get_user_institution(current_user.id)
+    upload_obj = portal.solar.get_upload_object(upload_id)
+    
+    if current_user_institution.id != upload_obj.institution:
+        return '', 404
+
+    file_hashes = upload_obj.upload_file_hashes
+    if file_hash not in upload_obj.upload_file_hashes:
+        return '', 404
+
+
+    prefix = file_hash[:2]
+    suffix = file_hash[2:]
+    safe_path = safe_join(str(upload_handler_solar.get_uploads_subdir('files')), prefix, suffix)
+    f_name = os.listdir(safe_path)[0]
+
+    safe_path = safe_join(safe_path, f_name)
+    try:
+        return send_file(safe_path, attachment_filename=f_name, as_attachment=True)
+    except FileNotFoundError:
+        return '', 404
+
+
+
 if __name__ == '__main__':
    app.run(debug=True)
--- a/config.ini
+++ b/config.ini
@@ -10,8 +10,6 @@ MAX_UPLOAD_SIZE=1000000000
 MAX_FILES_PER_UPLOAD=30
 UPLOADS_DIR=./uploads
 CONTRACT_CLIENT_CONTACT=Testko Tester
-DESC_PREVODI=<h2 id="subtitle">Prevodi</h2><p>Strojno prevajanje je ena od uporabnih jezikovnih tehnologij, saj omogoča hitro sporazumevanje med ljudmi iz različnih kultur in jezikovnih okolij. Več o razvoju slovenskega strojnega prevajalnika lahko preberete na tej <a href="https://slovenscina.eu/strojno-prevajanje">povezavi</a>. Za kakovosten strojni prevajalnik so ključnega pomena prevodi, iz kateri se algoritmi umetne inteligence naučijo prevajati. S prispevanjem besedil v korpus prevodov boste pomembno prispevali k razvoju slovenskega strojnega prevajalnika med angleščino in slovenščino. Več informacij o prispevanju besedil najdete <a href="https://slovenscina.eu/zbiranje-besedil">tukaj</a>.</p>
-DESC_GIGAFIDA=<h2 id="subtitle">Gigafida</h2><p><a href="https://viri.cjvt.si/gigafida/">Gigafida</a> je referenčni korpus pisne slovenščine. Besedila so izbrana in strojno obdelana z namenom, da bi korpus kot vzorec sodobne standardne slovenščine lahko služil za jezikoslovne in druge humanistične raziskave, izdelavo sodobnih slovarjev, slovnic, učnih gradiv in razvoj jezikovnih tehnologij za slovenščino. S prispevanjem besedil v korpus Gigafida pomembno prispevate k razvoju sodobnih jezikovnih tehnologij za slovenski jezik.</p>
 MAIL_SUBJECT=RSDO: pogodba za oddana besedila ({upload_id})
 MAIL_BODY=Hvala, ker ste prispevali besedila in na ta način pomagali pri razvoju slovenskega jezika v digitalnem okolju. V prilogi vam pošiljamo pogodbo s seznamom naloženih datotek.
   
--- a/migrations/versions/0d9dd68fd94b_added_upload_file_names_column.py
+++ b/migrations/versions/0d9dd68fd94b_added_upload_file_names_column.py
@@ -0,0 +1,28 @@
+"""Added upload file names column.
+
+Revision ID: 0d9dd68fd94b
+Revises: 44dae32b13af
+Create Date: 2021-12-14 10:52:34.326600
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '0d9dd68fd94b'
+down_revision = '44dae32b13af'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('upload_solar', sa.Column('upload_file_names', sa.ARRAY(sa.String()), nullable=True))
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('upload_solar', 'upload_file_names')
+    # ### end Alembic commands ###
--- a/portal/model.py
+++ b/portal/model.py
@@ -28,6 +28,7 @@ class UploadSolar(db.Model):
    school_year = db.Column(db.String, nullable=True)
    grammar_corrections = db.Column(db.String, nullable=True)
    upload_file_hashes = db.Column(sqlalchemy.types.ARRAY(db.String), nullable=True)
+    upload_file_names = db.Column(sqlalchemy.types.ARRAY(db.String), nullable=True)


 class ContractsSolar(db.Model):
--- a/portal/solar.py
+++ b/portal/solar.py
@@ -153,8 +153,7 @@ class UploadHandlerSolar():
        timestamp = datetime.fromtimestamp(upload_metadata['timestamp'])
        form_data = upload_metadata['form_data']
        file_hashes = upload_metadata['file_hashes_dict']
-        sorted_f_hashes = list(file_hashes.values())
-        sorted_f_hashes.sort()
+        sorted_file_items = sorted(file_hashes.items(), key=lambda item: item[1])

        institution_id = get_user_institution(user_id).id

@@ -171,7 +170,8 @@ class UploadHandlerSolar():
                    text_type_custom=form_data['vrsta-custom'],
                    school_year=form_data['solsko-leto'],
                    grammar_corrections=form_data['jezikovni-popravki'],
-                    upload_file_hashes=sorted_f_hashes
+                    upload_file_hashes=[x[1] for x in sorted_file_items],
+                    upload_file_names=[x[0] for x in sorted_file_items],
               )
        UploadHandlerSolar.store_model(model_obj)

@@ -217,7 +217,7 @@ class UploadHandlerSolar():
        # Store to database.
        self.store_metadata(upload_metadata, user_id)

-        return 'Uspešno ste oddali datotek(e). Št. datotek: {}'.format(len(request.files))
+        return 'Število uspešno oddanih datotek: {}. Podatki o oddaji so na voljo v zavihku Zgodovina sodelovanja.'.format(len(request.files))

    def handle_contract_upload(self, request, user_id):
        contract_type = request.form['tip-pogodbe']
@@ -392,6 +392,9 @@ def get_upload_history(user_id, n=20):
 def get_institution_upload_history(institution_id, n=20):
    return UploadSolar.query.filter_by(institution=institution_id).order_by(desc(UploadSolar.timestamp)).limit(n).all()

+def get_upload_object(upload_id):
+    return UploadSolar.query.filter_by(id=upload_id).first()
+
 def get_all_upload_history(n=20):
    if n == -1:
        return UploadSolar.query.order_by(desc(UploadSolar.timestamp)).all()
--- a/static/css/contracts.css
+++ b/static/css/contracts.css
@@ -0,0 +1,164 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
+html {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  color: #46535B; }
+
+body {
+  font-size: 16px;
+  padding: 0;
+  margin: 0; }
+
+h1 {
+  font-size: 30px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 35px;
+  color: #006CB7; }
+
+h2 {
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 21px;
+  text-transform: uppercase;
+  color: #006CB7; }
+
+h3 {
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 21px; }
+
+em {
+  font-weight: 300; }
+
+.btn {
+  border: none;
+  line-height: 2.5rem;
+  padding: 0 2.5rem;
+  color: white;
+  background: #006CB7;
+  border-radius: 20px;
+  font-size: 1.125rem;
+  font-weight: 400;
+  cursor: pointer;
+  transition: opacity 0.3s ease-out; }
+  .btn:hover {
+    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }
+
+.panel {
+  background: #F5F5F5;
+  padding: 40px 60px;
+  border-radius: 20px;
+  max-width: 30rem; }
+  .panel .panel-logo {
+    position: absolute;
+    top: -60px;
+    left: 0;
+    right: 0;
+    display: block;
+    margin: auto;
+    background: #F5F5F5;
+    padding: 20px 30px;
+    width: 100px;
+    border-radius: 100%;
+    text-align: center; }
+
+.line {
+  background: #C4C4C4;
+  height: 2px;
+  width: 200px;
+  margin: auto; }
+
+.a-right {
+  display: block;
+  text-align: right;
+  font-size: 10px;
+  text-decoration: none;
+  color: #006CB7;
+  text-transform: uppercase; }
+
+.alert {
+  position: relative;
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
+  .alert img {
+    position: relative;
+    top: 0.25rem;
+    width: 1.8rem; }
+  .alert p {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
+    left: 3rem;
+    top: 0;
+    margin: 0;
+    text-transform: uppercase; }
+
+.submit-alert {
+  background: white;
+  border: 2px solid #B7DB70;
+  box-sizing: border-box;
+  border-radius: 8px; }
+  .submit-alert .btn {
+    margin-top: 0.5rem;
+    background: #88B52F;
+    border-radius: 4px; }
+
+.contract-item {
+  position: relative;
+  margin-left: 3rem;
+  border-bottom: 1px solid #C4C4C4;
+  padding-bottom: 1.25rem; }
+  .contract-item .contract-item-icon {
+    position: absolute;
+    left: -3rem;
+    top: 0;
+    width: 2rem;
+    height: 2rem; }
+  .contract-item .contract-item-title {
+    font-weight: 500;
+    font-size: 0.875rem;
+    line-height: 1rem; }
+  .contract-item .contract-item-date {
+    font-weight: normal;
+    font-size: 0.625rem;
+    line-height: 0.75rem;
+    text-transform: uppercase; }
+  .contract-item .contract-item-download {
+    position: absolute;
+    right: 0;
+    top: 1rem;
+    font-size: 0.75rem;
+    line-height: 0.825rem;
+    text-transform: uppercase;
+    color: #006CB7;
+    text-decoration: none; }
+
+.team-item {
+  background: white;
+  width: 100%;
+  padding-left: 1rem;
+  position: relative; }
+  .team-item .team-item-name {
+    line-height: 3.25rem; }
+  .team-item .team-item-collaborations {
+    position: absolute;
+    right: 1rem;
+    top: 0.5rem; }
+    .team-item .team-item-collaborations .team-item-years {
+      display: block;
+      text-transform: uppercase;
+      font-size: 0.625rem;
+      line-height: 0.75rem; }
+
+/*# sourceMappingURL=contracts.css.map */
--- a/static/css/contracts.css.map
+++ b/static/css/contracts.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","contracts.scss"],
+"names": [],
+"file": "contracts.css"
+}
--- a/static/css/contracts.scss
+++ b/static/css/contracts.scss
@@ -0,0 +1,57 @@
+@import "slovenscina-elements.scss";
+
+.contract-item {
+  position:relative;
+  margin-left:3rem;
+  border-bottom: 1px solid $grey;
+  padding-bottom:1.25rem;
+  .contract-item-icon {
+    position:absolute;
+    left:-3rem;
+    top:0;
+    width:2rem;
+    height:2rem;
+  }
+  .contract-item-title {
+    font-weight: 500;
+    font-size: 0.875rem;
+    line-height: 1rem;
+  }
+  .contract-item-date {
+    font-weight: normal;
+    font-size: 0.625rem;
+    line-height: 0.75rem;
+    text-transform: uppercase;
+  }
+  .contract-item-download {
+    position:absolute;
+    right:0;
+    top:1rem;
+    font-size: 0.75rem;
+    line-height: 0.825rem;
+    text-transform: uppercase;
+    color:$blue;
+    text-decoration: none;
+  }
+}
+
+.team-item {
+  background:white;
+  width:100%;
+  padding-left:1rem;
+  position:relative;
+  .team-item-name {
+    line-height:3.25rem;
+  }
+  .team-item-collaborations {
+    position:absolute;
+    right:1rem;
+    top:0.5rem;
+    .team-item-years {
+      display:block;
+      text-transform: uppercase;
+      font-size: 0.625rem;
+      line-height: 0.75rem;
+    }
+  }
+}
--- a/static/css/form.css
+++ b/static/css/form.css
@@ -46,11 +46,15 @@ em {
  transition: opacity 0.3s ease-out; }
  .btn:hover {
    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }

 .panel {
  background: #F5F5F5;
  padding: 40px 60px;
-  border-radius: 20px; }
+  border-radius: 20px;
+  max-width: 30rem; }
  .panel .panel-logo {
    position: absolute;
    top: -60px;
@@ -80,13 +84,21 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
  .alert img {
    position: relative;
    top: 0.25rem;
    width: 1.8rem; }
  .alert p {
    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
    left: 3rem;
    top: 0;
    margin: 0;
@@ -123,6 +135,10 @@ em {
    border: 1px solid #B6BEC3;
    padding: 0.75rem 1rem;
    width: 100%; }
+  .form-wrapper input[type="radio"] {
+    float: left;
+    margin: 0;
+    margin-right: 0.5rem; }
  .form-wrapper .dropzone {
    box-sizing: border-box;
    padding: 0.5rem;
@@ -151,7 +167,7 @@ em {
      position: absolute;
      left: 1rem;
      top: 1rem;
-      background: url("/static/image/file.svg");
+      background: url(/static/image/file.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 2rem;
@@ -161,11 +177,15 @@ em {
    .form-wrapper .dz-preview.dz-file-preview .dz-details .dz-filename {
      position: absolute;
      top: 1.5rem;
-      left: 1.5rem; }
+      left: 4rem;
+      width: 50%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis; }
    .form-wrapper .dz-preview.dz-file-preview .dz-details .dz-size {
      position: absolute;
-      top: 1rem;
-      right: 1rem; }
+      top: 1.5rem;
+      right: 2.5rem; }
    .form-wrapper .dz-preview.dz-file-preview .dz-success-mark, .form-wrapper .dz-preview.dz-file-preview .dz-error-mark {
      display: none; }
    .form-wrapper .dz-preview.dz-file-preview .dz-progress {
@@ -179,5 +199,14 @@ em {
        height: 20px;
        display: inline-block;
        background: #006CB7; }
+    .form-wrapper .dz-preview.dz-file-preview .dz-remove {
+      position: absolute;
+      top: 1.5rem;
+      right: 1rem;
+      width: 1rem;
+      height: 1rem;
+      background: url(/static/image/trash.svg);
+      background-repeat: no-repeat;
+      background-position: center; }

 /*# sourceMappingURL=form.css.map */
--- a/static/css/form.css.map
+++ b/static/css/form.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["slovenscina-theme.scss","slovenscina-elements.scss","form.scss"],
 "names": [],
 "file": "form.css"
--- a/static/css/form.scss
+++ b/static/css/form.scss
@@ -24,6 +24,11 @@
    padding: 0.75rem 1rem;
    width:100%;
  }
+  input[type="radio"] {
+    float:left;
+    margin:0;
+    margin-right:0.5rem;
+  }
  .dropzone {
    box-sizing: border-box;
    padding:0.5rem;
@@ -55,7 +60,7 @@
      position:absolute;
      left:1rem;
      top:1rem;
-      background: url("/static/image/file.svg");
+      background: url(/static/image/file.svg);
      background-repeat: no-repeat;
      background-position: center;
      width:2rem;
@@ -68,12 +73,16 @@
      .dz-filename {
        position:absolute;
        top:1.5rem;
-        left:1.5rem;
+        left:4rem;
+        width:50%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
      }
      .dz-size {
        position:absolute;
-        top:1rem;
-        right:1rem;
+        top:1.5rem;
+        right:2.5rem;
      }

    }
@@ -91,5 +100,15 @@
        background:$blue;
      }
    }
+    .dz-remove {
+      position:absolute;
+      top:1.5rem;
+      right:1rem;
+      width:1rem;
+      height:1rem;
+      background: url(/static/image/trash.svg);
+      background-repeat: no-repeat;
+      background-position: center;
+    }
  }
 }
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -46,11 +46,15 @@ em {
  transition: opacity 0.3s ease-out; }
  .btn:hover {
    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }

 .panel {
  background: #F5F5F5;
  padding: 40px 60px;
-  border-radius: 20px; }
+  border-radius: 20px;
+  max-width: 30rem; }
  .panel .panel-logo {
    position: absolute;
    top: -60px;
@@ -80,13 +84,21 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
  .alert img {
    position: relative;
    top: 0.25rem;
    width: 1.8rem; }
  .alert p {
    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
    left: 3rem;
    top: 0;
    margin: 0;
--- a/static/css/header.css.map
+++ b/static/css/header.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["slovenscina-theme.scss","slovenscina-elements.scss","header.scss"],
 "names": [],
 "file": "header.css"
--- a/static/css/history.css
+++ b/static/css/history.css
@@ -46,11 +46,15 @@ em {
  transition: opacity 0.3s ease-out; }
  .btn:hover {
    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }

 .panel {
  background: #F5F5F5;
  padding: 40px 60px;
-  border-radius: 20px; }
+  border-radius: 20px;
+  max-width: 30rem; }
  .panel .panel-logo {
    position: absolute;
    top: -60px;
@@ -80,13 +84,21 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
  .alert img {
    position: relative;
    top: 0.25rem;
    width: 1.8rem; }
  .alert p {
    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
    left: 3rem;
    top: 0;
    margin: 0;
@@ -104,9 +116,16 @@ em {

 .history-item {
  background: white;
-  height: 2.875rem;
+  min-height: 2.875rem;
+  max-height: 2.875rem;
  padding: 1rem 1.5rem;
-  position: relative; }
+  position: relative;
+  transition: max-height 1s ease-out;
+  cursor: pointer; }
+  .history-item .history-item-chevron {
+    position: absolute;
+    bottom: 1rem;
+    right: 1rem; }
  .history-item .history-item-date {
    text-transform: uppercase;
    display: inline-block;
@@ -124,7 +143,9 @@ em {
    font-weight: 400;
    font-size: 0.875rem; }
  .history-item .history-item-filecount {
-    float: right;
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
    color: #006CB7;
    line-height: 1rem;
    font-weight: 400;
@@ -137,5 +158,46 @@ em {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #46535B; }
+  .history-item .history-item-desc-full {
+    display: none;
+    margin-top: 1rem; }
+  .history-item .history-item-files-full {
+    display: none; }
+    .history-item .history-item-files-full .file-item {
+      position: relative;
+      height: 3.125rem;
+      border-bottom: 1px solid #848C90; }
+      .history-item .history-item-files-full .file-item .file-icon {
+        position: absolute;
+        width: 1.5rem;
+        height: 1.5rem;
+        left: 0;
+        top: 1rem; }
+      .history-item .history-item-files-full .file-item .file-name {
+        position: absolute;
+        left: 3rem;
+        top: 1rem;
+        color: #46535B;
+        text-decoration: none;
+        cursor: pointer; }
+        .history-item .history-item-files-full .file-item .file-name:hover {
+          text-decoration: underline; }
+  .history-item.open {
+    max-height: 20rem; }
+    .history-item.open .history-item-date {
+      display: block; }
+    .history-item.open .history-item-uploader {
+      display: block;
+      padding-left: 0;
+      margin-left: 0;
+      border-left: none; }
+    .history-item.open .history-item-desc {
+      display: none; }
+    .history-item.open .history-item-desc-full {
+      display: block; }
+    .history-item.open .history-item-files-full {
+      display: block; }
+    .history-item.open .history-item-chevron {
+      transform: rotate(180deg); }

 /*# sourceMappingURL=history.css.map */
--- a/static/css/history.css.map
+++ b/static/css/history.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["slovenscina-theme.scss","slovenscina-elements.scss","history.scss"],
 "names": [],
 "file": "history.css"
--- a/static/css/history.scss
+++ b/static/css/history.scss
@@ -2,9 +2,17 @@

 .history-item {
  background:white;
-  height:2.875rem;
+  min-height:2.875rem;
+  max-height:2.875rem;
  padding:1rem 1.5rem;
  position:relative;
+  transition: max-height 1s ease-out;
+  cursor:pointer;
+  .history-item-chevron {
+    position:absolute;
+    bottom:1rem;
+    right:1rem;
+  }
  .history-item-date {
    text-transform: uppercase;
    display: inline-block;
@@ -24,7 +32,9 @@
    font-size:0.875rem;
  }
  .history-item-filecount {
-    float:right;
+    position:absolute;
+    top:1rem;
+    right:1rem;
    color:$blue;
    line-height: 1rem;
    font-weight: 400;
@@ -39,4 +49,56 @@
    line-height: 1.25rem;
    color:$black;
  }
+  .history-item-desc-full {
+    display: none;
+    margin-top:1rem;
+  }
+  .history-item-files-full {
+    display: none;
+    .file-item {
+      position:relative;
+      height:3.125rem;
+      border-bottom: 1px solid $grey-dark;
+      .file-icon {
+        position:absolute;
+        width:1.5rem;
+        height:1.5rem;
+        left:0;
+        top:1rem;
+      }
+      .file-name {
+        position:absolute;
+        left:3rem;
+        top:1rem;
+        color:$black;
+        text-decoration: none;
+        cursor:pointer;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+  &.open {
+    max-height: 20rem;
+    .history-item-date {display:block;}
+    .history-item-uploader {
+      display:block;
+      padding-left:0;
+      margin-left:0;
+      border-left: none;
+    }
+    .history-item-desc {
+      display: none;
+    }
+    .history-item-desc-full {
+      display: block;
+    }
+    .history-item-files-full {
+      display: block;
+    }
+    .history-item-chevron {
+      transform:rotate(180deg);
+    }
+  }
 }
--- a/static/css/login-styles.css
+++ b/static/css/login-styles.css
@@ -46,11 +46,15 @@ em {
  transition: opacity 0.3s ease-out; }
  .btn:hover {
    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }

 .panel {
  background: #F5F5F5;
  padding: 40px 60px;
-  border-radius: 20px; }
+  border-radius: 20px;
+  max-width: 30rem; }
  .panel .panel-logo {
    position: absolute;
    top: -60px;
@@ -80,13 +84,21 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
  .alert img {
    position: relative;
    top: 0.25rem;
    width: 1.8rem; }
  .alert p {
    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
    left: 3rem;
    top: 0;
    margin: 0;
@@ -103,7 +115,7 @@ em {
    border-radius: 4px; }

 .background {
-  background: url(../image/bg.jpeg) no-repeat center center fixed;
+  background: #848C90;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
@@ -116,7 +128,8 @@ em {
  position: absolute;
  width: 50%;
  left: 25%;
-  top: 100px; }
+  top: 100px;
+  box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.25); }

 .register-button {
  position: relative;
@@ -166,4 +179,18 @@ em {
      font-size: 10px;
      color: #46535B; }

+.back-to-login {
+  position: relative;
+  height: 2rem; }
+  .back-to-login img {
+    position: absolute;
+    top: 0.25rem;
+    left: 0.5rem; }
+  .back-to-login a {
+    position: relative;
+    top: 0;
+    left: 3rem;
+    text-decoration: none;
+    color: #46535B; }
+
 /*# sourceMappingURL=login-styles.css.map */
--- a/static/css/login-styles.css.map
+++ b/static/css/login-styles.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAAQ,+IAAuI;AAa/I,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAC,IAAI;EACd,KAAK,EAZC,OAAO;;AAef,IAAK;EACH,SAAS,EAAC,IAAI;EACd,OAAO,EAAC,CAAC;EACT,MAAM,EAAC,CAAC;;ACpBV,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,KAAK,EDLA,OAAO;;ACOd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,SAAS;EACzB,KAAK,EDbA,OAAO;;ACgBd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;;AAGnB,EAAG;EACD,WAAW,EAAE,GAAG;;AAGlB,IAAK;EACH,MAAM,EAAC,IAAI;EACX,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,QAAQ;EACjB,KAAK,EAAC,KAAK;EACX,UAAU,EDhCL,OAAO;ECiCZ,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,qBAAqB;EACjC,UAAQ;IACN,OAAO,EAAE,GAAG;;AAMhB,MAAO;EACL,UAAU,EDxCJ,OAAO;ECyCb,OAAO,EAAE,SAAS;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAY;IACV,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAE,KAAK;IACV,IAAI,EAAC,CAAC;IACN,KAAK,EAAC,CAAC;IACP,OAAO,EAAC,KAAK;IACb,MAAM,EAAC,IAAI;IACX,UAAU,EDlDN,OAAO;ICmDX,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,MAAM;;AAKtB,KAAM;EACJ,UAAU,ED/DL,OAAO;ECgEZ,MAAM,EAAC,GAAG;EACV,KAAK,EAAC,KAAK;EACX,MAAM,EAAE,IAAI;;AAGd,QAAS;EACP,OAAO,EAAC,KAAK;EACb,UAAU,EAAE,KAAK;EACjB,SAAS,EAAC,IAAI;EACd,eAAe,EAAE,IAAI;EACrB,KAAK,ED7EA,OAAO;EC8EZ,cAAc,EAAE,SAAS;;AAG3B,MAAO;EACL,QAAQ,EAAC,QAAQ;EACjB,KAAK,EDlFD,OAAO;ECmFX,UAAI;IACF,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAC,OAAO;IACX,KAAK,EAAC,MAAM;EAEd,QAAE;IACA,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAC,IAAI;IACT,GAAG,EAAE,CAAC;IACN,MAAM,EAAC,CAAC;IACR,cAAc,EAAE,SAAS;;AAI7B,aAAc;EACZ,UAAU,EAAC,KAAK;EAChB,MAAM,EAAE,iBAAsB;EAC9B,UAAU,EAAE,UAAU;EACtB,aAAa,EAAE,GAAG;EAClB,kBAAK;IACH,UAAU,EAAC,MAAM;IACjB,UAAU,EDjGN,OAAO;ICkGX,aAAa,EAAE,GAAG;;ACxGtB,WAAY;EACV,UAAU,EAAE,mDAAmD;EAC/D,uBAAuB,EAAE,KAAK;EAC9B,oBAAoB,EAAE,KAAK;EAC3B,kBAAkB,EAAE,KAAK;EACzB,eAAe,EAAE,KAAK;EACtB,UAAU,EAAE,MAAM;EAClB,MAAM,EAAC,KAAK;EACZ,KAAK,EAAC,IAAI;;AAGZ,YAAa;EACX,QAAQ,EAAC,QAAQ;EACjB,KAAK,EAAC,GAAG;EACT,IAAI,EAAC,GAAG;EACR,GAAG,EAAE,KAAK;;AAGZ,gBAAiB;EACf,QAAQ,EAAC,QAAQ;EACjB,UAAU,EAAC,IAAI;EACf,OAAO,EAAE,KAAK;EACd,eAAe,EAAE,IAAI;EACrB,KAAK,EFrBK,OAAO;EEsBjB,oBAAI;IACF,KAAK,EAAC,IAAI;EAEZ,mBAAG;IACD,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAC,IAAI;IACT,GAAG,EAAC,CAAC;IACL,MAAM,EAAC,CAAC;EAEV,kBAAE;IACA,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAC,IAAI;IACT,MAAM,EAAC,CAAC;IACR,MAAM,EAAC,CAAC;IACR,SAAS,EAAC,QAAQ;IAClB,WAAW,EAAE,GAAG;;AAIpB,cAAe;EACb,QAAQ,EAAC,QAAQ;EACjB,MAAM,EAAC,IAAI;EACX,0BAAY;IACV,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAC,CAAC;IACN,GAAG,EAAC,MAAM;IACV,OAAO,EAAC,KAAK;IACb,KAAK,EAAC,MAAM;EAEd,oCAAsB;IACpB,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAE,IAAI;IACV,KAAK,EAAC,CAAC;IACP,OAAO,EAAC,KAAK;IACb,uFAAc;MACZ,OAAO,EAAC,SAAS;MACjB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAC,IAAI;MACX,OAAO,EAAC,KAAK;MACb,KAAK,EAAC,IAAI;MACV,aAAa,EAAE,iBAAe;MAC9B,mGAAQ;QACN,OAAO,EAAE,IAAI;IAIjB,0CAAM;MACJ,SAAS,EAAE,IAAI;MACf,KAAK,EFxEH,OAAO",
+"mappings": "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",
 "sources": ["slovenscina-theme.scss","slovenscina-elements.scss","login-styles.scss"],
 "names": [],
 "file": "login-styles.css"
--- a/static/css/login-styles.scss
+++ b/static/css/login-styles.scss
@@ -3,7 +3,7 @@


 .background {
-  background: url(../image/bg.jpeg) no-repeat center center fixed;
+  background: $grey-dark;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
@@ -18,6 +18,7 @@
  width:50%;
  left:25%;
  top: 100px;
+  box-shadow: 0 0 2.5rem 0 rgba(0,0,0,0.25);
 }

 .register-button {
@@ -79,3 +80,20 @@

  }
 }
+
+.back-to-login {
+  position:relative;
+  height:2rem;
+  img {
+    position:absolute;
+    top:0.25rem;
+    left:0.5rem;
+  }
+  a {
+    position: relative;
+    top:0;
+    left:3rem;
+    text-decoration: none;
+    color:$black;
+  }
+}
--- a/static/css/manage-institution.css
+++ b/static/css/manage-institution.css
@@ -0,0 +1,117 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
+html {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  color: #46535B; }
+
+body {
+  font-size: 16px;
+  padding: 0;
+  margin: 0; }
+
+h1 {
+  font-size: 30px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 35px;
+  color: #006CB7; }
+
+h2 {
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 21px;
+  text-transform: uppercase;
+  color: #006CB7; }
+
+h3 {
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 21px; }
+
+em {
+  font-weight: 300; }
+
+.btn {
+  border: none;
+  line-height: 2.5rem;
+  padding: 0 2.5rem;
+  color: white;
+  background: #006CB7;
+  border-radius: 20px;
+  font-size: 1.125rem;
+  font-weight: 400;
+  cursor: pointer;
+  transition: opacity 0.3s ease-out; }
+  .btn:hover {
+    opacity: 0.8; }
+  .btn:disabled {
+    cursor: default;
+    opacity: 0.5; }
+
+.panel {
+  background: #F5F5F5;
+  padding: 40px 60px;
+  border-radius: 20px;
+  max-width: 30rem; }
+  .panel .panel-logo {
+    position: absolute;
+    top: -60px;
+    left: 0;
+    right: 0;
+    display: block;
+    margin: auto;
+    background: #F5F5F5;
+    padding: 20px 30px;
+    width: 100px;
+    border-radius: 100%;
+    text-align: center; }
+
+.line {
+  background: #C4C4C4;
+  height: 2px;
+  width: 200px;
+  margin: auto; }
+
+.a-right {
+  display: block;
+  text-align: right;
+  font-size: 10px;
+  text-decoration: none;
+  color: #006CB7;
+  text-transform: uppercase; }
+
+.alert {
+  position: relative;
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
+  .alert.alert-success {
+    color: #88B52F; }
+  .alert img {
+    position: relative;
+    top: 0.25rem;
+    width: 1.8rem; }
+  .alert p {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
+    left: 3rem;
+    top: 0;
+    margin: 0;
+    text-transform: uppercase; }
+
+.submit-alert {
+  background: white;
+  border: 2px solid #B7DB70;
+  box-sizing: border-box;
+  border-radius: 8px; }
+  .submit-alert .btn {
+    margin-top: 0.5rem;
+    background: #88B52F;
+    border-radius: 4px; }
+
+/*# sourceMappingURL=manage-institution.css.map */
--- a/static/css/manage-institution.css.map
+++ b/static/css/manage-institution.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAQ,+IAAuI;AAa/I,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAC,IAAI;EACd,KAAK,EAZC,OAAO;;AAef,IAAK;EACH,SAAS,EAAC,IAAI;EACd,OAAO,EAAC,CAAC;EACT,MAAM,EAAC,CAAC;;ACpBV,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,KAAK,EDLA,OAAO;;ACOd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,SAAS;EACzB,KAAK,EDbA,OAAO;;ACgBd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;;AAGnB,EAAG;EACD,WAAW,EAAE,GAAG;;AAGlB,IAAK;EACH,MAAM,EAAC,IAAI;EACX,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,QAAQ;EACjB,KAAK,EAAC,KAAK;EACX,UAAU,EDhCL,OAAO;ECiCZ,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,qBAAqB;EACjC,UAAQ;IACN,OAAO,EAAE,GAAG;EAEd,aAAW;IACT,MAAM,EAAC,OAAO;IACd,OAAO,EAAC,GAAG;;AAMf,MAAO;EACL,UAAU,ED5CJ,OAAO;EC6Cb,OAAO,EAAE,SAAS;EAClB,aAAa,EAAE,IAAI;EACnB,SAAS,EAAC,KAAK;EACf,kBAAY;IACV,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAE,KAAK;IACV,IAAI,EAAC,CAAC;IACN,KAAK,EAAC,CAAC;IACP,OAAO,EAAC,KAAK;IACb,MAAM,EAAC,IAAI;IACX,UAAU,EDvDN,OAAO;ICwDX,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,MAAM;;AAKtB,KAAM;EACJ,UAAU,EDpEL,OAAO;ECqEZ,MAAM,EAAC,GAAG;EACV,KAAK,EAAC,KAAK;EACX,MAAM,EAAE,IAAI;;AAGd,QAAS;EACP,OAAO,EAAC,KAAK;EACb,UAAU,EAAE,KAAK;EACjB,SAAS,EAAC,IAAI;EACd,eAAe,EAAE,IAAI;EACrB,KAAK,EDlFA,OAAO;ECmFZ,cAAc,EAAE,SAAS;;AAG3B,MAAO;EACL,QAAQ,EAAC,QAAQ;EACjB,KAAK,EDvFD,OAAO;ECwFX,aAAa,EAAC,IAAI;EAClB,oBAAgB;IACd,KAAK,EDnFD,OAAO;ECqFb,UAAI;IACF,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAC,OAAO;IACX,KAAK,EAAC,MAAM;EAEd,QAAE;IACA,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,MAAM,EAAC,IAAI;IACX,IAAI,EAAC,IAAI;IACT,GAAG,EAAE,CAAC;IACN,MAAM,EAAC,CAAC;IACR,cAAc,EAAE,SAAS;;AAI7B,aAAc;EACZ,UAAU,EAAC,KAAK;EAChB,MAAM,EAAE,iBAAsB;EAC9B,UAAU,EAAE,UAAU;EACtB,aAAa,EAAE,GAAG;EAClB,kBAAK;IACH,UAAU,EAAC,MAAM;IACjB,UAAU,ED/GN,OAAO;ICgHX,aAAa,EAAE,GAAG",
+"sources": ["slovenscina-theme.scss","slovenscina-elements.scss"],
+"names": [],
+"file": "manage-institution.css"
+}
--- a/static/css/manage-institution.scss
+++ b/static/css/manage-institution.scss
@@ -0,0 +1 @@
+@import "slovenscina-elements.scss";
--- a/static/css/slovenscina-elements.scss
+++ b/static/css/slovenscina-elements.scss
@@ -41,6 +41,10 @@ em {
  &:hover {
    opacity: 0.8;
  }
+  &:disabled {
+    cursor:default;
+    opacity:0.5;
+  }
 }


@@ -49,6 +53,7 @@ em {
  background: $white;
  padding: 40px 60px;
  border-radius: 20px;
+  max-width:30rem;
  .panel-logo {
    position:absolute;
    top: -60px;
@@ -84,6 +89,10 @@ em {
 .alert {
  position:relative;
  color:$red;
+  margin-bottom:2rem;
+  &.alert-success {
+    color:$green;
+  }
  img {
    position:relative;
    top:0.25rem;
@@ -91,6 +100,11 @@ em {
  }
  p {
    position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height:2rem;
    left:3rem;
    top: 0;
    margin:0;
--- a/static/image/chevron-down.svg
+++ b/static/image/chevron-down.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7071 0.292893C14.0976 0.683418 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292893 0.292893C0.683417 -0.0976317 1.31658 -0.0976317 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976312 13.3166 -0.0976311 13.7071 0.292893Z" fill="#848C91"/>
+</svg>
--- a/static/image/chevron-left.svg
+++ b/static/image/chevron-left.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.70711 0.292893C8.09763 0.683417 8.09763 1.31658 7.70711 1.70711L2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893Z" fill="#46535B"/>
+</svg>
--- a/static/image/contract.svg
+++ b/static/image/contract.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="32" height="32" rx="4" fill="#B6BEC4"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6667 11.3333C10.4899 11.3333 10.3204 11.4036 10.1953 11.5286C10.0703 11.6536 10.0001 11.8232 10.0001 12V21.3333C10.0001 21.5101 10.0703 21.6797 10.1953 21.8047C10.3204 21.9298 10.4899 22 10.6667 22H20.0001C20.1769 22 20.3465 21.9298 20.4715 21.8047C20.5965 21.6797 20.6667 21.5101 20.6667 21.3333V17.7733C20.6667 17.4051 20.9652 17.1067 21.3334 17.1067C21.7016 17.1067 22.0001 17.4051 22.0001 17.7733V21.3333C22.0001 21.8638 21.7894 22.3725 21.4143 22.7475C21.0392 23.1226 20.5305 23.3333 20.0001 23.3333H10.6667C10.1363 23.3333 9.62761 23.1226 9.25253 22.7475C8.87746 22.3725 8.66675 21.8638 8.66675 21.3333V12C8.66675 11.4696 8.87746 10.9609 9.25253 10.5858C9.62761 10.2107 10.1363 10 10.6667 10H14.2267C14.5949 10 14.8934 10.2985 14.8934 10.6667C14.8934 11.0349 14.5949 11.3333 14.2267 11.3333H10.6667Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5287 8.86225C19.789 8.6019 20.2111 8.6019 20.4715 8.86225L23.1382 11.5289C23.3985 11.7893 23.3985 12.2114 23.1382 12.4717L16.4715 19.1384C16.3465 19.2634 16.1769 19.3337 16.0001 19.3337H13.3334C12.9652 19.3337 12.6667 19.0352 12.6667 18.667V16.0003C12.6667 15.8235 12.737 15.6539 12.862 15.5289L19.5287 8.86225ZM14.0001 16.2765V18.0003H15.7239L21.7239 12.0003L20.0001 10.2765L14.0001 16.2765Z" fill="white"/>
+</svg>
--- a/static/image/success.svg
+++ b/static/image/success.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15 29.6668C6.86671 29.6668 0.333374 23.1335 0.333374 15.0002C0.333374 6.86683 6.86671 0.333496 15 0.333496C23.1334 0.333496 29.6667 6.86683 29.6667 15.0002C29.6667 23.1335 23.1334 29.6668 15 29.6668ZM15 3.00016C8.33337 3.00016 3.00004 8.3335 3.00004 15.0002C3.00004 21.6668 8.33337 27.0002 15 27.0002C21.6667 27.0002 27 21.6668 27 15.0002C27 8.3335 21.6667 3.00016 15 3.00016Z" fill="#88B52F"/>
+    <path d="M15 16.3335C14.2 16.3335 13.6667 15.8002 13.6667 15.0002V9.66683C13.6667 8.86683 14.2 8.3335 15 8.3335C15.8 8.3335 16.3334 8.86683 16.3334 9.66683V15.0002C16.3334 15.8002 15.8 16.3335 15 16.3335Z" fill="#88B52F"/>
+    <path d="M15 21.6668C14.6 21.6668 14.3334 21.5335 14.0667 21.2668C13.8 21.0002 13.6667 20.7335 13.6667 20.3335C13.6667 20.2002 13.6667 19.9335 13.8 19.8002C13.9334 19.6668 13.9334 19.5335 14.0667 19.4002C14.4667 19.0002 15 18.8668 15.5334 19.1335C15.6667 19.1335 15.6667 19.1335 15.8 19.2668C15.8 19.2668 15.9334 19.4002 16.0667 19.4002C16.2 19.5335 16.3334 19.6668 16.3334 19.8002C16.3334 19.9335 16.3334 20.2002 16.3334 20.3335C16.3334 20.4668 16.3334 20.7335 16.2 20.8668C16.0667 21.0002 16.0667 21.1335 15.9334 21.2668C15.6667 21.5335 15.4 21.6668 15 21.6668Z" fill="#88B52F"/>
+</svg>
--- a/static/image/trash.svg
+++ b/static/image/trash.svg
@@ -0,0 +1,6 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 3.49984C0.333252 3.13165 0.631729 2.83317 0.999919 2.83317H12.9999C13.3681 2.83317 13.6666 3.13165 13.6666 3.49984C13.6666 3.86803 13.3681 4.1665 12.9999 4.1665H0.999919C0.631729 4.1665 0.333252 3.86803 0.333252 3.49984Z" fill="#848C91"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.66659 1.49984C5.48977 1.49984 5.32021 1.57007 5.19518 1.6951C5.07016 1.82012 4.99992 1.98969 4.99992 2.1665V2.83317H8.99992V2.1665C8.99992 1.98969 8.92968 1.82012 8.80466 1.6951C8.67963 1.57007 8.51006 1.49984 8.33325 1.49984H5.66659ZM10.3333 2.83317V2.1665C10.3333 1.63607 10.1225 1.12736 9.74747 0.75229C9.37239 0.377218 8.86369 0.166504 8.33325 0.166504H5.66659C5.13615 0.166504 4.62744 0.377218 4.25237 0.75229C3.8773 1.12736 3.66659 1.63607 3.66659 2.1665V2.83317H2.33325C1.96506 2.83317 1.66659 3.13165 1.66659 3.49984V12.8332C1.66659 13.3636 1.8773 13.8723 2.25237 14.2474C2.62744 14.6225 3.13615 14.8332 3.66659 14.8332H10.3333C10.8637 14.8332 11.3724 14.6225 11.7475 14.2474C12.1225 13.8723 12.3333 13.3636 12.3333 12.8332V3.49984C12.3333 3.13165 12.0348 2.83317 11.6666 2.83317H10.3333ZM2.99992 4.1665V12.8332C2.99992 13.01 3.07016 13.1795 3.19518 13.3046C3.32021 13.4296 3.48977 13.4998 3.66659 13.4998H10.3333C10.5101 13.4998 10.6796 13.4296 10.8047 13.3046C10.9297 13.1795 10.9999 13.01 10.9999 12.8332V4.1665H2.99992Z" fill="#848C91"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.66659 6.1665C6.03478 6.1665 6.33325 6.46498 6.33325 6.83317V10.8332C6.33325 11.2014 6.03478 11.4998 5.66659 11.4998C5.2984 11.4998 4.99992 11.2014 4.99992 10.8332V6.83317C4.99992 6.46498 5.2984 6.1665 5.66659 6.1665Z" fill="#848C91"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.33325 6.1665C8.70144 6.1665 8.99992 6.46498 8.99992 6.83317V10.8332C8.99992 11.2014 8.70144 11.4998 8.33325 11.4998C7.96506 11.4998 7.66659 11.2014 7.66659 10.8332V6.83317C7.66659 6.46498 7.96506 6.1665 8.33325 6.1665Z" fill="#848C91"/>
+</svg>
--- a/templates/solar-forgotpass.html
+++ b/templates/solar-forgotpass.html
@@ -33,6 +33,11 @@
                </div>
                {% endif %}
                {% endwith %}
+
+                <div class="back-to-login">
+                    <img src="/static/image/chevron-left.svg"/>
+                    <a href="/login">Nazaj na prijavo</a>
+                </div>
            </div>
        </div>
    </div>
--- a/templates/solar-login.html
+++ b/templates/solar-login.html
@@ -16,7 +16,7 @@
            <div class="line"></div>
            <h1 class="text-center">Korpus ŠOLAR</h1>

-            <div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
+            <div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje v pedagoški naziv.</em></div>

            <h1 class="m-b-3">Prijava</h1>
            {% with messages = get_flashed_messages() %}
--- a/templates/solar-manage-institution.html
+++ b/templates/solar-manage-institution.html
@@ -3,6 +3,10 @@
 <head>
    <meta charset="UTF-8">
    <title>Upravljanje institucije - Šolar</title>
+    <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/manage-institution.css" type="text/css">
    <style>
          .tableFixHead {
            overflow-y: scroll;
@@ -30,6 +34,21 @@
    </style>
 </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="../oddaja">Oddaja</a>
+        <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+    </div>
+</header>
+<div class="container" style="margin-top:8rem;">
    <a href="../oddaja">Nazaj na oddajo</a>
    {% with messages = get_flashed_messages() %}
    {% if messages %}
@@ -99,4 +118,5 @@
        <input type="submit" value="Odstrani">
    </form>
    <div> </div>
+</div>
 </body>
--- a/templates/solar-oddaja.html
+++ b/templates/solar-oddaja.html
@@ -19,21 +19,20 @@
            {% if is_admin %}
            <a href="../admin">Administracijski meni</a>
            {% endif %}
-            <a href="mailto:email@example.com">Pomoč</a>
+            <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">Koprus SOLAR</h1>
-                <p class="subtitle">Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</p>
+                <h1 class="title">Korpus Šolar</h1>
+                <p class="subtitle">Prosimo, določite podatke o besedilih, ki jih želite oddati, in nato naložite besedila. Če oddajate besedila, ki so nastala v različnih razredih, se razlikujejo glede učiteljskih popravkov in podobno, jih oddajte v ločenih paketih.</p>


                <div class="tab-nav">
-                    <a href="/oddaja" class="active">Oddaja</a>
-                    <a href="/zgodovina">Zgodovina</a>
-                    <a href="/pogodbe">Pogodbe</a>
+                    <a href="/oddaja" class="active">Oddaja besedil</a>
+                    <a href="/zgodovina">Zgodovina sodelovanja</a>
+                    <a href="/pogodbe">Ekipa</a>
                </div>
            </div>
        </div>
@@ -57,6 +56,10 @@
                    <img src="/static/image/alert.svg" alt="alert"/>
                    <p></p>
                </div>
+                <div class="alert alert-success" id="success-message">
+                    <img src="/static/image/success.svg" alt="alert"/>
+                    <p></p>
+                </div>
            </div>
        </div>

@@ -79,7 +82,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>
            <div class="row">
@@ -97,7 +100,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -109,7 +112,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -131,7 +134,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -148,7 +151,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -160,7 +163,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -175,7 +178,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -191,7 +194,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p></p>
                </div>
            </div>

@@ -211,7 +214,7 @@
                    </div>
                </div>
                <div class="col-6">
-                    <p>lalala</p>
+                    <p>Oddate lahko eno ali (hkrati) več besedil, ki ustrezajo izbranim podatkom. Sprejemljivi formati so: txt, doc, docx, pdf, jpg in png.</p>
                </div>
            </div>

@@ -220,7 +223,7 @@
            <div class="row">
                <div class="col-6">
                    <div class="form-wrapper">
-                        <button id="button-submit" type="submit" class="btn">Oddaj</button>
+                        <button id="button-submit" type="button" class="btn">Oddaj</button>
                    </div>
                </div>
                <div class="col-6">
@@ -230,10 +233,10 @@

            <div class="row submit-alert" id="data-confirm-notification">
                <div class="col-6">
-                    <button id="button-submit-final" type="submit" class="btn">Potrdi in oddaj</button>
+                    <button id="button-submit-final" type="button" class="btn">Potrdi in oddaj</button>
                </div>
                <div class="col-6">
-                    <p>Prosimo, preverite in potrdite vnešene podatke.</p>
+                    <p>Prosimo, preverite, če so vneseni podatki ustrezni in besedila prava. Naknadno spreminjanje ne bo več mogoče.</p>
                </div>
            </div>

@@ -241,103 +244,7 @@
    </div>


-    <!--
-    <div id="main-window" style="margin-top:100px;">
-        <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>
-
-                    {% if not institution %}
-                        <div class="warning">Niste član nobene institucije!</div>
-                    {% elif not institution_contract %}
-                        <div class="warning">Pogodba s šolo še ni naložena!</div>
-                    {% endif %}
-                    <div id="data-confirm-notification" class="message-notification" style="display: none;">Prosimo, preverite in potrdite vnešene podatke.</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>-->


    <!--{{ dropzone.load_js() }}-->
@@ -355,6 +262,7 @@
        var termsScrollbox = document.getElementById("popup-terms-text");
        var dataConfirmNotification = document.getElementById("data-confirm-notification");
        var errorMessage = document.getElementById("error-message");
+        var successMessage = document.getElementById("success-message");
        var form = document.forms["form-oddaja"];

        {% if not institution %}
@@ -374,7 +282,14 @@
            });
        }

-        const reEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        function showSuccess(str) {
+            successMessage.querySelector("p").textContent = str;
+            successMessage.style.display = "block";
+            window.scroll({
+                top: 0,
+                behavior: 'smooth'
+            });
+        }


        //onready
@@ -412,22 +327,23 @@
            acceptedFiles: ".txt, .csv, .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .jpg, .jpeg, .png, .mkv",
            maxFiles: 20,
            previewsContainer: "#dropzone-previews",
-            dictDefaultMessage: `Kliknite ali odložite datoteke sem.`,
+            dictDefaultMessage: "Kliknite to polje ali povlecite datoteke vanj.",
            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",
+            dictCancelUpload: "",
+            dictRemoveFile: "",
            dictCancelUploadConfirmation: "Ali res želite odstraniti to datoteko?",
            dictUploadCanceled: "Prenos prekinjen",
-
+            addRemoveLinks: true,
            // The setting up of the dropzone
            init: function() {
                var dz = this;
                dataConfirmNotification.style.display = "none";
                errorMessage.style.display = "none";
+                successMessage.style.display = "none";

                btnSubmit.addEventListener("click", function(e) {
                    // Make sure that the form isn't actually being sent.
@@ -454,12 +370,12 @@
                    } else {

                        // Hand off data to dropzone
-                        dz.processQueue();
+                        //dz.processQueue();

                        // Clear fields and hide popup agian
                        dataConfirmNotification.style.display = "none";
                        btnSubmit.textContent = "Oddaj";
-                        form.reset();
+                        //form.reset();
                    }
                });

@@ -468,59 +384,30 @@
                btnSubmitFinal.addEventListener("click", function(e) {
                    // Hand off data to dropzone
                    dz.processQueue();
-
-                    // Clear fields and hide popup agian
-                    /*btnSubmit.disabled = false;
-                    dataConfirmNotification.style.display = "none";
-                    btnSubmit.textContent = "Oddaj";
-                    form.reset();
-                    scrollboxTriggered = false;*/
                });

-                /*btnSubmitCancel.addEventListener("click", function(e) {
-                    btnSubmit.disabled = false;
-                    scrollboxTriggered = false;
-                    elemTermsPopup.style.display = "none";
-                });*/
-
-/*
-                // 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() {
+                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) {
+                    showSuccess(response);
+                    dz.removeAllFiles();
+                    dataConfirmNotification.style.display = "none";
+                    btnSubmit.style.display = "";
+                    return;
+
                    // 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
-                });*/
+                });
+
+
                this.on("sending", function(file, xhr, formData) {
                    formData.append("program",form["program"].value);
                    formData.append("predmet",form["predmet"].value);
@@ -530,14 +417,13 @@
                    formData.append("vrsta-custom",form["vrsta-custom"].value);
                    formData.append("solsko-leto",form["solsko-leto"].value);
                    formData.append("jezikovni-popravki",form["jezikovni-popravki"].value);
-
                });


            },
            uploadprogress: function(file, progress, bytesSent) {
                if (file.previewElement) {
-                    console.log(progress);
+                    //console.log(progress);
                    var progressElement = file.previewElement.querySelector("[data-dz-uploadprogress]");
                    progressElement.style.width = progress + "%";
                    //progressElement.querySelector(".progress-text").textContent = progress + "%";
--- a/templates/solar-pogodbe.html
+++ b/templates/solar-pogodbe.html
@@ -3,9 +3,172 @@
 <head>
    <meta charset="UTF-8">
    <title>Portal za oddajanje besedil</title>
-    <link rel="stylesheet" href="/static/style.css" type="text/css">
+    <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/contracts.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">Zgodovina sodelovanja</a>
+                    <a href="/pogodbe" class="active">Ekipa</a>
+                </div>
+            </div>
+        </div>
+        <!--
+                <div class="row">
+                    <div class="col-12">
+                        <h2>Oddaj pogodbo</h2>
+                    </div>
+                </div>
+
+                {% if show_upload_form %}
+                    <form action="" method="POST" id="form-pogodbe" enctype="multipart/form-data">
+                        <div class="row">
+                            <div class="col-6">
+                                <div class="form-wrapper">
+                                    <input type="radio" id="sola" name="tip-pogodbe" value="sola"  {% if enable_upload_school_contract %}{%else%}disabled{%endif%}>
+                                    <label for="sola">Pogodba s šolo</label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-6">
+                                <div class="form-wrapper">
+                                    <input type="radio" id="ucenci-starsi" name="tip-pogodbe" value="ucenci-starsi">
+                                    <label for="ucenci-starsi">Pogodba z učenci / starši</label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-6">
+                                <div class="form-wrapper">
+                                    <div id="dropzone-previews" class="dropzone-previews"></div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-6">
+                                <div class="form-wrapper">
+                                    <label for="my-dropzone">Datoteka</label>
+                                    <div id="my-dropzone" class="dropzone"></div>
+                                </div>
+                            </div>
+                            <div class="col-6">
+                                <p>lalala</p>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-6">
+                                <button class="btn" id="btn-submit" type="submit">Oddaj pogodbo</button>
+                            </div>
+                        </div>
+                    </form>
+                {% endif %}
+                -->
+
+        <!--
+        <div class="row">
+            <div class="col-12">
+                <h2>Oddane pogodbe</h2>
+            </div>
+        </div>
+        {% if contract_school %}
+        <div class="row">
+            <div class="col-6">
+                <div class="contract-item">
+                    <img src="/static/image/contract.png" alt="contract" class="contract-item-icon"/>
+                    <div class="contract-item-title">Pogodba s šolo</div>
+                    <div class="contract-item-date">DODANO: {{contract_school.timestamp.strftime('%d. %m. %Y')}}</div>
+                    <a href="../pogodbe-institucije/{{ contract_school.file_contract }}.pdf" class="contract-item-download">Prenesi</a>
+                </div>
+            </div>
+        </div>
+
+        {% endif %}
+        {% for item in contracts_students %}
+        <div class="row">
+            <div class="col-6">
+                <div class="contract-item">
+                    <img src="/static/image/contract.svg" alt="contract" class="contract-item-icon"/>
+                    <div class="contract-item-title">Pogodba o prenosu lastništva</div>
+                    <div class="contract-item-date">DODANO: {{item.timestamp.strftime('%d. %m. %Y')}}</div>
+                    <a href="../pogodbe-ucencistarsi/{{ item.file_contract }}.pdf" class="contract-item-download">Prenesi</a>
+                </div>
+            </div>
+        </div>
+        {% endfor %}
+        -->
+
+
+        <!--<div class="row">
+            <div class="col-12">
+                <h2>Sodelujoči</h2>
+            </div>
+        </div>-->
+        <div class="row">
+            <div class="col-6">
+        {% for collaborator in collaborators %}
+                <div class="team-item">
+                    <div class="team-item-name">{{collaborator.name}}</div>
+                    <div class="team-item-collaborations">
+                        {% if collaborator.id in cooperation_history %}
+                        {% if cooperation_history[collaborator.id]["coordinator"]|length > 0 %}
+                        <div class="team-item-years">Vodenje: {% for item in cooperation_history[collaborator.id]["coordinator"] %}
+                            {% if loop.index != 1 %}, {% endif %}
+                            {{item[0]}}
+                            {% endfor %}</div>
+                        {% endif %}
+                        {% if cooperation_history[collaborator.id]["mentor"]|length > 0 %}
+                        <div class="team-item-years">Mentorstvo: {% for item in cooperation_history[collaborator.id]["mentor"] %}
+                            {% if loop.index != 1 %}, {% endif %}
+                            {{item[0]}}
+                            {% endfor %}</div>
+                        {% endif %}
+                        {% if cooperation_history[collaborator.id]["other"]|length > 0 %}
+                        <div class="team-item-years">Drugo: {% for item in cooperation_history[collaborator.id]["other"] %}
+                            {% if loop.index != 1 %}, {% endif %}
+                            {{item[0]}}
+                            {% endfor %}</div>
+                        {% endif %}
+                        {% endif %}
+                    </div>
+                </div>
+
+        {% endfor %}
+            </div>
+        </div>
+    </div>
+
+
+
+    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
+
+
+
+
+<!--
    <a href="../logout">Odjavi se</a>
    {% if is_institution_coordinator %}
        <br><a href="../manage-institution">Upravljaj z institucijo</a>
@@ -13,21 +176,11 @@
    {% if is_admin %}
        <br><a href="../admin">Administracijski meni</a>
    {% endif %}
-    <br><a href="mailto:email@example.com">Pomoč</a>
+    <br><a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
    <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">ZGODOVINA</button>
-                    <button onclick="window.location.replace('../pogodbe');" class="selection-tab-button selected">POGODBE</button>
-                </div>
-            </div>
+
            {% with messages = get_flashed_messages() %}
            {% if messages %}
                <div class="message-notification">
@@ -167,6 +320,10 @@
                </div>
            </div>
        </div>
-    </div>
+    </div>-->
 </body>
+<script src="https://d3js.org/d3.v6.js"></script>
+<script>
+    
+</script>
 </html>
--- a/templates/solar-register.html
+++ b/templates/solar-register.html
@@ -17,7 +17,7 @@
        <div class="line"></div>
        <h1 class="text-center">Korpus ŠOLAR</h1>

-        <div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
+        <div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje v pedagoški naziv.</em></div>

        <h1 class="m-b-3">Registracija</h1>
        <div>
@@ -72,6 +72,10 @@
        </div>
        {% endif %}
        {% endwith %}
+        <div class="back-to-login">
+            <img src="/static/image/chevron-left.svg"/>
+            <a href="/login">Nazaj na prijavo</a>
+        </div>


    </div>
--- a/templates/solar-zgodovina.html
+++ b/templates/solar-zgodovina.html
@@ -13,85 +13,141 @@
 <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">Koprus SOLAR</h1>
-                <p class="subtitle">Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</p>
+                <h1 class="title">Korpus Šolar</h1>
+                <p class="subtitle"></p>


                <div class="tab-nav">
-                    <a href="/oddaja">Oddaja</a>
-                    <a href="/zgodovina" class="active">Zgodovina</a>
-                    <a href="/pogodbe">Pogodbe</a>
+                    <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="row">
            <div class="col-12">
                <h2>Zgodovina naloženih datotek</h2>
            </div>
-        </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",
+        "drug-jez" : "Drugi jezikoslovni predmeti",
+        "drug-druz" : "Drugi družboslovni predmeti",
+        "drug-narav" : "Drugi naravoslovni predmeti",
+        "drug-strok" : "Drugi strokovni predmeti",
+        "drug-izb" : "Drugi izbirni ali dodatni predmeti",
+        }%}
+        {% set map_text_type = {
+        "esej-spis" : "Esej ali spis",
+        "prakticno" : "Praktično besedilo, napisano za oceno",
+        "solski-test" : "Šolski test",
+        "delo-v-razredu" : "Delo v razredu, ne za oceno",
+        }%}
+        {% set map_grammar_corrections = {
+        "popr-ne" : "Besedilo vsebuje učiteljske popravke",
+        "brez-popr" : "Besedilo ne vsebuje učiteljskih popravkov",
+        "popr-da" : "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">
-
-                        {% 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 %}
-
+                        {{ item_values | join(" | ") }}
                    </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">{{f_name}}</a>
+                                </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>


@@ -103,15 +159,8 @@



-    <a href="../logout">Odjavi se</a>
-    {% if is_institution_coordinator %}
-        <br><a href="../manage-institution">Upravljaj z institucijo</a>
-    {% endif %}
-    {% if is_admin %}
-        <br><a href="../admin">Administracijski meni</a>
-    {% endif %}
-    <br><a href="mailto:email@example.com">Pomoč</a>
-    <div class="bg"></div>
+
+    <!--<div class="bg"></div>
    <div id="main-window">
        <div id="rect1">
            <div style="padding: 20px;">
@@ -211,8 +260,26 @@
    }
    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>
-        </div>
-    </div>
 </body>
 </html>
Author	SHA1	Message	Date
Leon Noe Jovan	a72c5f03cf	popravki	2021-12-15 21:23:26 +01:00
msinkec	eb00a806fc	Merge push.	2021-12-14 15:36:54 +01:00
msinkec	f543beee1b	Download uploaded files.	2021-12-14 15:36:36 +01:00
Leon Noe Jovan	adf8501263	review fixes	2021-12-13 21:01:28 +01:00
Leon Noe Jovan	8fae602660	added back to login button	2021-12-06 19:31:48 +01:00
Leon Noe Jovan	5242985df1	design updates	2021-12-04 18:49:20 +01:00
Leon Noe Jovan	b927a032f8	pogodbe, updates	2021-11-26 13:50:32 +01:00