new menu, manage instutution reorganized

templates/solar-manage-institution.html

@@ -46,8 +46,7 @@
 
     <h1>TODO ime institucije</h1>
     <h3>Seznam uporabnikov v vaši instituciji</h3>
-    <div class="tableFixHead">
-      <table>
+      <table class="tableFixHead">
           <thead>
               <tr>
                 <th>Ime in priimek</th>
@@ -61,7 +60,20 @@
           <tr>
               <td>{{item.name}}</td>
               <td>{{item.email}}</td>
-              <td>TODO: izpiši vlogo</td>
+              <td>
+                  <div>
+                      TODO: izpiši vlogo <a href="javascript:void(0);" onclick="toggleEditForm(this)" class="toggle-edit-role">Spremeni</a>
+                  </div>
+                  <form action="../changeuserrole" method="post" style="display:none;">
+                      <input type="hidden" id="user-id" name="user-id" value="{{item.id}}"/>
+                      <select class="role">
+                            <option value="coordinator">Koordinator/-ka</option>
+                            <option value="mentor">Mentor/-ica</option>
+                            <option value="other">Druga vloga</option>
+                      </select>
+                      <input type="submit" value="Shrani"/>
+                  </form>
+              </td>
               <td>
                   <form action="../deluserfrominstitution" method="post">
                       <input type="hidden" id="user_id" name="user_id" value="{{item.id}}">
@@ -76,3 +88,14 @@
 
 </div>
 </body>
+<script>
+    var toggleEditForm = function(el) {
+        var td = el.closest("td");
+        el.closest("div").style.display = "none";
+        td.querySelector("form").style.display = "block";
+    };
+
+
+
+</script>
+</html>