Revize 0d554903

modified Upload screen to dynamically display/hide user's private diagrams on log in/out

sources/src/main/java/cz/zcu/kiv/offscreen/servlets/api/GetPrivateDiagrams.java

@@ +1 @@
+package cz.zcu.kiv.offscreen.servlets.api;
+
+import cz.zcu.kiv.offscreen.servlets.BaseServlet;
+import cz.zcu.kiv.offscreen.user.DB;
+import cz.zcu.kiv.offscreen.user.Diagram;
+import org.json.JSONArray;
+import org.json.JSONObject;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+import java.util.Map;
+
+public class GetPrivateDiagrams extends BaseServlet {
+
+    @Override
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
+        if (!isLoggedIn(request)) {
+            response.sendError(HttpServletResponse.SC_UNAUTHORIZED);
+            return;
+        }
+
+        DB db = new DB(getServletContext());
+        Diagram diagram = new Diagram(db);
+
+        int loggedUserId = getUserId(request);
+        List<Map<String, String>> userDiagramList = diagram.getDiagramListByUserId(loggedUserId);
+
+        JSONArray json = new JSONArray();
+        for (Map<String, String> userDiagram : userDiagramList) {
+            json.put(new JSONObject(userDiagram));
+        }
+
+        response.setContentType("application/json");
+        response.setCharacterEncoding("UTF-8");
+        response.setStatus(HttpServletResponse.SC_OK);
+        response.getWriter().write(json.toString());
+        response.getWriter().flush();
+    }
+}

sources/src/main/webapp/WEB-INF/web.xml

@@ -76 +76 @@
 		<servlet-name>LoadGraphData</servlet-name>
 		<servlet-class>cz.zcu.kiv.offscreen.servlets.api.LoadGraphData</servlet-class>
 	</servlet>
+	<servlet>
+		<servlet-name>GetPrivateDiagrams</servlet-name>
+		<servlet-class>cz.zcu.kiv.offscreen.servlets.api.GetPrivateDiagrams</servlet-class>
+	</servlet>
 
 	<!--
 	URL-to-servlet mappings
@@ -116 +120 @@
 		<servlet-name>LoadGraphData</servlet-name>
 		<url-pattern>/api/load-graph-data</url-pattern>
 	</servlet-mapping>
+	<servlet-mapping>
+		<servlet-name>GetPrivateDiagrams</servlet-name>
+		<url-pattern>/api/get-private-diagrams</url-pattern>
+	</servlet-mapping>
 
 	<session-config>
 		<session-timeout>120</session-timeout>

sources/src/main/webapp/uploadFiles.jsp

@@ -78 +78 @@
 		</main>
 
 		<script>
-			$('.removeDiagramButton').click(function(e) {
-
-			    if(confirm('Are you want to delete ' + $(this).data('name') + '?')) {
-                    $.ajax({
-                        'type': 'delete',
-                        'url': 'api/remove-diagram?diagram_id=' + $(this).data('id'),
-                        'success': function () {
-                            location.reload(true);
-                        },
-                        'error': function (xhr) {
-                            switch (xhr.status) {
-                                case 401:
-                                    alert('You are either not logged in or not an owner of this diagram.');
-                                    break;
-                                default:
-                                    alert('Something went wrong.');
-                            }
-                        },
-                    });
-                }
+			var privateDiagramList = document.getElementById('privateDiagramList');
+
+			$(privateDiagramList).on('click', '.removeDiagramButton', function(e) {
+				if (confirm('Do you really want to delete ' + $(this).data('name') + '?')) {
+					$.ajax({
+						'type': 'delete',
+						'url': 'api/remove-diagram?diagramId=' + $(this).data('id'),
+						'success': function () {
+							location.reload(true);
+						},
+						'error': function (xhr) {
+							switch (xhr.status) {
+								case 401:
+									alert('You are either not logged in or not an owner of this diagram.');
+									break;
+								default:
+									alert('Something went wrong.');
+							}
+						},
+					});
+				}
+			});
+
+			document.addEventListener('imiger.userLoggedIn', function() {
+				$.getJSON('api/get-private-diagrams').then(function(data) {
+					data.forEach(function(diagram) {
+						var openDiagramLink = document.createElement('a');
+						openDiagramLink.setAttribute('href', './graph?diagramId=' + diagram.id);
+						openDiagramLink.innerText = diagram.name;
+
+						var removeDiagramIcon = document.createElement('img');
+						removeDiagramIcon.setAttribute('src', 'images/button_cancel.png');
+						removeDiagramIcon.setAttribute('alt', 'odstranit');
+
+						var removeDiagramButton = document.createElement('button');
+						removeDiagramButton.setAttribute('class', 'removeDiagramButton');
+						removeDiagramButton.setAttribute('data-id', diagram.id);
+						removeDiagramButton.setAttribute('data-name', diagram.name);
+						removeDiagramButton.appendChild(removeDiagramIcon);
+
+						var diagramListItem = document.createElement('li');
+						diagramListItem.appendChild(openDiagramLink);
+						diagramListItem.appendChild(removeDiagramButton);
+
+						privateDiagramList.appendChild(diagramListItem);
+					});
+				});
+			});
+
+			document.addEventListener('imiger.userLoggedOut', function() {
+				privateDiagramList.innerHTML = '';
 			});
 		</script>
 	</body>