added back to login button

design updates
pogodbe, updates
2021-12-06 19:31:48 +01:00 · 2021-12-04 18:49:20 +01:00 · 2021-11-26 13:50:32 +01:00
26 changed files with 968 additions and 232 deletions
--- a/static/css/contracts.css
+++ b/static/css/contracts.css
@@ -0,0 +1,149 @@
+@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 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; }
+
+.collaborators-item {
+  background: white;
+  width: 100%; }
+
+/*# 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,41 @@
+@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;
+  }
+}
+
+.collaborators-item {
+  background:white;
+  width:100%;
+}
--- 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,19 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
  .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 +133,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;
@@ -161,10 +175,14 @@ 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;
+      top: 1.5rem;
      right: 1rem; }
    .form-wrapper .dz-preview.dz-file-preview .dz-success-mark, .form-wrapper .dz-preview.dz-file-preview .dz-error-mark {
      display: none; }
--- 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;
@@ -68,11 +73,15 @@
      .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;
+        top:1.5rem;
        right:1rem;
      }

--- 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,19 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
  .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,19 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
  .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 +114,11 @@ 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 0.3s ease-out; }
  .history-item .history-item-date {
    text-transform: uppercase;
    display: inline-block;
@@ -124,7 +136,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 +151,39 @@ 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; }
+  .history-item.open {
+    max-height: 100rem; }
+    .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; }

 /*# 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,12 @@

 .history-item {
  background:white;
-  height:2.875rem;
+  min-height:2.875rem;
+  max-height:2.875rem;
  padding:1rem 1.5rem;
  position:relative;
+  transition: max-height 0.3s ease-out;
+
  .history-item-date {
    text-transform: uppercase;
    display: inline-block;
@@ -24,7 +27,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 +44,47 @@
    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;
+      }
+    }
+  }
+  &.open {
+    max-height: 100rem;
+    .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;
+    }
+  }
 }
--- 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,19 @@ em {

 .alert {
  position: relative;
-  color: #8D3D3D; }
+  color: #8D3D3D;
+  margin-bottom: 2rem; }
  .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 +113,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 +126,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 +177,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": "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",
+"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,115 @@
+@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 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,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,ED5GN,OAAO;IC6GX,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,7 @@ em {
 .alert {
  position:relative;
  color:$red;
+  margin-bottom:2rem;
  img {
    position:relative;
    top:0.25rem;
@@ -91,6 +97,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-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/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-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="mailto:email@example.com">Pomoč</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
@@ -21,7 +21,6 @@
            {% endif %}
            <a href="mailto:email@example.com">Pomoč</a>
        </div>
-
    </header>
    <div class="container" style="margin-top:8rem;">
        <div class="row">
@@ -241,103 +240,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() }}-->
@@ -358,7 +261,7 @@
        var form = document.forms["form-oddaja"];

        {% if not institution %}
-        btnSubmit.disabled = true;
+            btnSubmit.disabled = true;
        {% endif %}

        function isEmptyOrSpaces(str){
@@ -412,7 +315,7 @@
            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 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.",
@@ -468,59 +371,24 @@
                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
+// 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) {
                    // 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,7 +398,6 @@
                    formData.append("vrsta-custom",form["vrsta-custom"].value);
                    formData.append("solsko-leto",form["solsko-leto"].value);
                    formData.append("jezikovni-popravki",form["jezikovni-popravki"].value);
-
                });


--- a/templates/solar-pogodbe.html
+++ b/templates/solar-pogodbe.html
@@ -3,9 +3,169 @@
 <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="mailto:email@example.com">Pomoč</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>
+
+                <div class="tab-nav">
+                    <a href="/oddaja">Oddaja</a>
+                    <a href="/zgodovina">Zgodovina</a>
+                    <a href="/pogodbe" class="active">Pogodbe</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="collaborators-item">
+                    <div class="collaborators-item-name">{{collaborator.name}}</div>
+                    {% if collaborator.id in cooperation_history %}
+                    {% if cooperation_history[collaborator.id]["coordinator"]|length > 0 %}
+                    <div class="collaborators-item-years"><b>Vodenje:</b> {% 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="collaborators-item-years"><b>Mentorstvo:</b> {% 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="collaborators-item-years"><b>Drugo:</b> {% for item in cooperation_history[collaborator.id]["other"] %}
+                        {% if loop.index != 1 %}, {% endif %}
+                        {{item[0]}}
+                        {% endfor %}</div>
+                    {% endif %}
+                    {% endif %}
+                </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>
@@ -17,17 +177,7 @@
    <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 +317,132 @@
                </div>
            </div>
        </div>
-    </div>
+    </div>-->
 </body>
+<!--{{ dropzone.load_js() }}-->
+<script src="/static/dropzone.js"></script>
+<script>
+    /////////////////////////
+    // Dropzone            //
+    /////////////////////////
+    var btnSubmit = document.getElementById("btn-submit");
+    var errorMessage = document.getElementById("error-message");
+    var form = document.forms["form-pogodbe"];
+
+
+    function isEmptyOrSpaces(str){
+        return str == null || str.match(/^ *$/) !== null;
+    }
+
+    function showError(str) {
+        errorMessage.querySelector("p").textContent = str;
+        errorMessage.style.display = "block";
+        window.scroll({
+            top: 0,
+            behavior: 'smooth'
+        });
+    }
+
+
+
+
+    Dropzone.options.myDropzone = { // The camelized version of the ID of the form element
+        url: "../pogodbe",
+        autoProcessQueue: false,
+        uploadMultiple: false,
+        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, .jpg, .jpeg, .png, .mkv",
+        maxFiles: 20,
+        previewsContainer: "#dropzone-previews",
+        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;
+
+            /*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)) {
+                    showError("Polje za predmet ne more biti prazno!");
+                } else if (vrsta === "delo-v-razredu" && isEmptyOrSpaces(vrstaCustom)) {
+                    showError("Polje za vrsto besedila ne more biti prazno!");
+                } else if (dataConfirmNotification.style.display == "none") {
+                    dataConfirmNotification.style.display = "inherit";
+                    btnSubmit.style.display = "none";
+                } else {*/
+
+                    // Hand off data to dropzone
+                    /*dz.processQueue();
+
+                    // Clear fields and hide popup agian
+                    dataConfirmNotification.style.display = "none";
+                    btnSubmit.textContent = "Oddaj";
+                    form.reset();*/
+                //}
+            //});
+
+
+            // First change the button to actually tell dropzone to process the queue.
+            btnSubmit.addEventListener("click", function(e) {
+                // Make sure that the form isn't actually being sent.
+                e.preventDefault();
+                e.stopPropagation();
+                // Hand off data to dropzone
+
+                dz.processQueue();
+                console.log(dz.files);
+                console.log(form["tip-pogodbe"].value);
+                //form.submit();
+
+            });
+
+
+
+
+            this.on("sending", function(file, xhr, formData) {
+                //alert("lalalala");
+                formData.append("tip-pogodbe", form["tip-pogodbe"].value);
+            });
+
+
+        },
+        uploadprogress: function(file, progress, bytesSent) {
+            if (file.previewElement) {
+                console.log(progress);
+                var progressElement = file.previewElement.querySelector("[data-dz-uploadprogress]");
+                progressElement.style.width = progress + "%";
+                //progressElement.querySelector(".progress-text").textContent = progress + "%";
+            }
+        }
+
+
+
+
+    }
+</script>
 </html>
--- a/templates/solar-register.html
+++ b/templates/solar-register.html
@@ -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,6 +13,16 @@
 <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="mailto:email@example.com">Pomoč</a>
+        </div>
    </header>
    <div class="container" style="margin-top:8rem;">
        <div class="row">
@@ -34,7 +44,67 @@
                <h2>Zgodovina naloženih datotek</h2>
            </div>
        </div>
+        {% set map_program = {
+        "OS" : "Osnovna šola (OŠ)",
+        "SSG" : "Splošna in strokovna gimnazija (SGG)",
+        "MGP" : "Mednarodni gimnazijski programi (MGP)",
+        "ZG" : "Zasebne gimnazije (ZG)",
+        "NPI" : "Nižje poklicno izobraževanje (NPI)",
+        "SPI" : "Srednje poklicno izobraževanje (SPI)",
+        "SSI" : "Srednje strokovno izobraževanje (SSI)",
+        "PTI" : "Poklicno-tehnično izobraževanje (PTI)"
+        }%}
+        {% set map_subject = {
+        "slo" : "Slovenščina",
+        "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">
@@ -42,56 +112,32 @@
                    <div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
                    <div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
                    <div class="history-item-desc">
-
-                        {% set began = False %}
-                        {% if institution_names[loop.index - 1] %}
-                        {% if began %}, {% endif %} {{ institution_names[loop.index - 1] }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.program %}
-                        {% if began %}, {% endif %} {{ item.program }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.subject %}
-                        {% if began %}, {% endif %} {{ item.subject }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.subject_custom %}
-                        {% if began %}, {% endif %} {{ item.subject_custom }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.grade %}
-                        {% if began %}, {% endif %} {{ item.grade }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.text_type %}
-                        {% if began %}, {% endif %} {{ item.text_type }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.text_type_custom %}
-                        {% if began %}, {% endif %} {{ item.text_type_custom }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.school_year %}
-                        {% if began %}, {% endif %} {{ item.school_year }}
-                        {% set began = True %}
-                        {% endif %}
-                        {% if item.grammar_corrections %}
-                        {% if began %}, {% endif %} {{ item.grammar_corrections }}
-                        {% set began = True %}
-                        {% endif %}
-
+                        {{ 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">
+                                {% for f in item.upload_file_hashes %}
+                                <div class="file-item">
+                                    <div class="file-icon"><img src="/static/image/file.svg"/></div>
+                                    <div class="file-name">Datoteka 1</div>
+                                </div>
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
+
                </div>
            </div>
        </div>
        {% endfor %}
-
-
-
-
-
-
    </div>


@@ -103,15 +149,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 +250,18 @@
    }
    fetch('../topuploads').then(r => r.json()).then(j => drawChart(j));

-</script>
+</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);
+        }
+    </script>
 </body>
 </html>
Author	SHA1	Message	Date
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