new menu, manage instutution reorganized

static/css/header.css

@@ -168,7 +168,58 @@ h1.title {
 
 p.subtitle {
   font-size: 14px;
-  line-height: 150%; 
+  line-height: 150%;
   margin-top: 0.5rem; }
 
+/* Style The Dropdown Button */
+.dropbtn {
+  color: white;
+  line-height: 4rem;
+  border: none;
+  cursor: pointer;
+  background: none;
+  padding: 0 1rem; }
+  .dropbtn img {
+    position: relative;
+    top: 0.75rem; }
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+  margin-right: 1rem;
+  float: right;
+  display: inline-block;
+  position: relative; }
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  right: 0;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 1; }
+
+/* Links inside the dropdown */
+.dropdown-content a {
+  color: #848C90;
+  padding: 0.5rem 1rem;
+  text-decoration: none;
+  display: block; }
+  .dropdown-content a:hover {
+    background-color: #f1f1f1;
+    cursor: pointer; }
+.dropdown-content hr {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-top: 1px solid #B6BEC3; }
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block; }
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+  background: rgba(0, 0, 0, 0.2); }
+
 /*# sourceMappingURL=header.css.map */

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"

static/css/header.scss

@@ -67,4 +67,68 @@ p.subtitle {
   font-size: 14px;
   line-height: 150%;
   margin-top:0.5rem;
+}
+
+
+/* Style The Dropdown Button */
+.dropbtn {
+  color: white;
+  line-height:4rem;
+  border: none;
+  cursor: pointer;
+  background:none;
+  padding:0 1rem;
+  img {
+    position:relative;
+    top:0.75rem;
+  }
+}
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+  margin-right:1rem;
+  float:right;
+  display: inline-block;
+  position:relative;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  right:0;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+/* Links inside the dropdown */
+.dropdown-content {
+  a {
+    color: $grey-dark;
+    padding: 0.5rem 1rem;
+    text-decoration: none;
+    display: block;
+    &:hover {
+      background-color: #f1f1f1;
+      cursor:pointer;
+    }
+  }
+  hr {
+    margin-top:0;
+    margin-bottom:0;
+    border-top: 1px solid $grey-border;
+  }
+}
+
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+  background:rgba(0,0,0,0.2);
 }

static/css/slovenscina-admin.css

@@ -0,0 +1,143 @@
+@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; }
+
+.tableFixHead {
+  overflow-y: scroll;
+  max-height: 306px; }
+
+.tableFixHead thead th {
+  position: sticky;
+  top: 0; }
+
+table {
+  border-collapse: collapse;
+  width: 100%; }
+  table th, table td {
+    padding: 8px 16px;
+    border: 1px solid #ccc; }
+  table th {
+    background: #eee; }
+  table input[type=submit] {
+    font-size: 1rem;
+    background: none;
+    outline: none;
+    border: none;
+    cursor: pointer;
+    color: #006CB7; }
+    table input[type=submit]:hover {
+      text-decoration: underline; }
+
+/*# sourceMappingURL=slovenscina-admin.css.map */

static/css/slovenscina-admin.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","slovenscina-admin.scss"],
+"names": [],
+"file": "slovenscina-admin.css"
+}

static/css/slovenscina-admin.scss

@@ -0,0 +1,32 @@
+@import "slovenscina-elements.scss";
+.tableFixHead {
+  overflow-y: scroll;
+  max-height: 306px;
+}
+.tableFixHead thead th {
+  position: sticky;
+  top: 0;
+}
+table {
+  border-collapse: collapse;
+  width: 100%;
+  th,td {
+    padding: 8px 16px;
+    border: 1px solid #ccc;
+  }
+  th {
+    background: #eee;
+  }
+  input[type=submit] {
+    font-size: 1rem;
+    background:none;
+    outline:none;
+    border:none;
+    cursor:pointer;
+    color:$blue;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+

static/image/menu.svg

@@ -0,0 +1,5 @@
+<svg width="7" height="27" viewBox="0 0 7 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="3.5" cy="3.5" r="2.5" stroke="#F5F5F5" stroke-width="2"/>
+    <circle cx="3.5" cy="13.5" r="2.5" stroke="#F5F5F5" stroke-width="2"/>
+    <circle cx="3.5" cy="23.5" r="2.5" stroke="#F5F5F5" stroke-width="2"/>
+</svg>

templates/solar-admin.html

@@ -36,16 +36,25 @@
 <body>
 <header>
     <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
-    <div class="menu-items">
+    <div class="dropdown">
-        <a href="../logout">Odjava</a>
+        <button class="dropbtn"><img src="/static/image/menu.svg"/></button>
-        {% if is_institution_coordinator %}
+        <div class="dropdown-content">
-        <a href="../manage-institution">Upravljaj z institucijo</a>
+            <a href="../oddaja">Oddaja</a>
-        {% endif %}
+            <a href="../zgodovina">Zgodovina</a>
-        {% if is_admin %}
+            <a href="../pogodbe">Ekipa</a>
-        <a href="../admin">Administracijski meni</a>
+            {% if is_institution_coordinator %}
-        {% endif %}
+            <hr/>
-        <a href="../oddaja">Oddaja</a>
+            <a href="../manage-institution">Upravljaj z institucijo</a>
-        <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+            {% endif %}
+            {% if is_admin %}
+            <hr/>
+            <a href="../admin">Administracijski meni</a>
+            {% endif %}
+            <hr/>
+            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+            <hr/>
+            <a href="../logout">Odjava</a>
+        </div>
     </div>
 </header>
 <div class="container" style="margin-top:8rem;">
@@ -155,6 +164,7 @@
                 <th>Email</th>
                 <th>Institucija</th>
                 <th>Vloga v instituciji</th>
+                <th>Akcije</th>
               </tr>
           </thead>
           <tbody>
@@ -165,16 +175,17 @@
               <td>{{item[0].email}}</td>
               <td>{{item[1].institution}}</td>
               <td>{{item[1].role}}</td>
+              <td>
+                  <form action="../activateuser" method="post">
+                      <input type="hidden" id="id" name="id" value="{{item[0].id}}">
+                      <input type="submit" value="Aktiviraj">
+                  </form>
+              </td>
           </tr>
           {% endfor %}
       </table>
     </div>
-    <h3>Aktiviraj uporabnika</h3>
+
-    <form action="../activateuser" method="post">
-        <label for="id">ID uporabnika:</label>
-        <input type="text" id="id" name="id"><br>
-        <input type="submit" value="Aktiviraj">
-    </form>
     <div> </div>
     <h2>Institucije</h2>
     <h3>Dodaj institucijo</h3>

templates/solar-manage-institution.html

@@ -6,84 +6,73 @@
     <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/slovenscina-admin.css" type="text/css">
     <link rel="stylesheet" href="../static/css/manage-institution.css" type="text/css">
-    <style>
+
-          .tableFixHead {
+
-            overflow-y: scroll;
-            max-height: 306px;
-          }
-          .tableFixHead thead th {
-            position: sticky;
-            top: 0;
-          }
-          table {
-            border-collapse: collapse;
-            width: 100%;
-          }
-          th,
-          td {
-            padding: 8px 16px;
-            border: 1px solid #ccc;
-          }
-          th {
-            background: #eee;
-          }
-          h2 {
-            color: blue;
-          }
-    </style>
 </head>
 <body>
 <header>
     <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
-    <div class="menu-items">
+    <div class="dropdown">
-        <a href="../logout">Odjava</a>
+        <button class="dropbtn"><img src="/static/image/menu.svg"/></button>
-        {% if is_institution_coordinator %}
+        <div class="dropdown-content">
-        <a href="../manage-institution">Upravljaj z institucijo</a>
+            <a href="../oddaja">Oddaja</a>
-        {% endif %}
+            <a href="../zgodovina">Zgodovina</a>
-        {% if is_admin %}
+            <a href="../pogodbe">Ekipa</a>
-        <a href="../admin">Administracijski meni</a>
+            {% if is_institution_coordinator %}
-        {% endif %}
+            <hr/>
-        <a href="../oddaja">Oddaja</a>
+            <a href="../manage-institution">Upravljaj z institucijo</a>
-        <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+            {% endif %}
+            {% if is_admin %}
+            <hr/>
+            <a href="../admin">Administracijski meni</a>
+            {% endif %}
+            <hr/>
+            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+            <hr/>
+            <a href="../logout">Odjava</a>
+        </div>
     </div>
 </header>
 <div class="container" style="margin-top:8rem;">
     {% with messages = get_flashed_messages() %}
     {% if messages %}
-        <div style="background: blue;">
+        <div>
             {{ messages[0] }}
         </div>
     {% endif %}
     {% endwith %}
 
+    <h1>TODO ime institucije</h1>
     <h3>Seznam uporabnikov v vaši instituciji</h3>
     <div class="tableFixHead">
       <table>
           <thead>
               <tr>
-                <th>ID</th>
                 <th>Ime in priimek</th>
                 <th>Email</th>
+                <th>Vloga</th>
+                <th>Akcije</th>
               </tr>
           </thead>
           <tbody>
           {% for item in institution_users %}
           <tr>
-              <td>{{item.id}}</td>
               <td>{{item.name}}</td>
               <td>{{item.email}}</td>
+              <td>TODO: izpiši vlogo</td>
+              <td>
+                  <form action="../deluserfrominstitution" method="post">
+                      <input type="hidden" id="user_id" name="user_id" value="{{item.id}}">
+                      <input type="submit" value="Odstrani uporabnika">
+                  </form>
+              </td>
           </tr>
           {% endfor %}
       </table>
     </div>
     <br>
-    <h3>Odstrani uporabnika iz institucije</h3>
+
-    <form action="../deluserfrominstitution" method="post">
-        <label for="user_id">ID uporabnika:</label>
-        <input type="text" id="user_id" name="user_id"><br>
-        <input type="submit" value="Odstrani">
-    </form>
-    <div> </div>
 </div>
 </body>

templates/solar-oddaja.html

@@ -11,15 +11,25 @@
 <body>
     <header>
         <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
-        <div class="menu-items">
+        <div class="dropdown">
-            <a href="../logout">Odjava</a>
+            <button class="dropbtn"><img src="/static/image/menu.svg"/></button>
-            {% if is_institution_coordinator %}
+            <div class="dropdown-content">
-            <a href="../manage-institution">Upravljaj z institucijo</a>
+                <a href="../oddaja">Oddaja</a>
-            {% endif %}
+                <a href="../zgodovina">Zgodovina</a>
-            {% if is_admin %}
+                <a href="../pogodbe">Ekipa</a>
-            <a href="../admin">Administracijski meni</a>
+                {% if is_institution_coordinator %}
-            {% endif %}
+                <hr/>
-            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <a href="../manage-institution">Upravljaj z institucijo</a>
+                {% endif %}
+                {% if is_admin %}
+                <hr/>
+                <a href="../admin">Administracijski meni</a>
+                {% endif %}
+                <hr/>
+                <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <hr/>
+                <a href="../logout">Odjava</a>
+            </div>
         </div>
     </header>
     <div class="container" style="margin-top:8rem;">

templates/solar-pogodbe.html

@@ -11,15 +11,25 @@
 <body>
     <header>
         <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
-        <div class="menu-items">
+        <div class="dropdown">
-            <a href="../logout">Odjava</a>
+            <button class="dropbtn"><img src="/static/image/menu.svg"/></button>
-            {% if is_institution_coordinator %}
+            <div class="dropdown-content">
-            <a href="../manage-institution">Upravljaj z institucijo</a>
+                <a href="../oddaja">Oddaja</a>
-            {% endif %}
+                <a href="../zgodovina">Zgodovina</a>
-            {% if is_admin %}
+                <a href="../pogodbe">Ekipa</a>
-            <a href="../admin">Administracijski meni</a>
+                {% if is_institution_coordinator %}
-            {% endif %}
+                <hr/>
-            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <a href="../manage-institution">Upravljaj z institucijo</a>
+                {% endif %}
+                {% if is_admin %}
+                <hr/>
+                <a href="../admin">Administracijski meni</a>
+                {% endif %}
+                <hr/>
+                <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <hr/>
+                <a href="../logout">Odjava</a>
+            </div>
         </div>
     </header>
     <div class="container" style="margin-top:8rem;">

templates/solar-zgodovina.html

@@ -13,15 +13,25 @@
 <body>
     <header>
         <div class="logo"><a href="../"><img src="../static/image/logo-white.svg"/></a></div>
-        <div class="menu-items">
+        <div class="dropdown">
-            <a href="../logout">Odjava</a>
+            <button class="dropbtn"><img src="/static/image/menu.svg"/></button>
-            {% if is_institution_coordinator %}
+            <div class="dropdown-content">
-            <a href="../manage-institution">Upravljaj z institucijo</a>
+                <a href="../oddaja">Oddaja</a>
-            {% endif %}
+                <a href="../zgodovina">Zgodovina</a>
-            {% if is_admin %}
+                <a href="../pogodbe">Ekipa</a>
-            <a href="../admin">Administracijski meni</a>
+                {% if is_institution_coordinator %}
-            {% endif %}
+                <hr/>
-            <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <a href="../manage-institution">Upravljaj z institucijo</a>
+                {% endif %}
+                {% if is_admin %}
+                <hr/>
+                <a href="../admin">Administracijski meni</a>
+                {% endif %}
+                <hr/>
+                <a href="https://slovenscina.eu/" target="_blank">Več informacij</a>
+                <hr/>
+                <a href="../logout">Odjava</a>
+            </div>
         </div>
     </header>
     <div class="container" style="margin-top:8rem;">