merge with server

frontend/static/css/me.css

@@ -0,0 +1,19 @@
+#app .account
+{
+	background-color: red;
+}
+
+#app .account, #app .profile
+{
+	width: 60%;
+	display: flex;
+	margin-left: auto;
+	margin-right: auto;
+	flex-direction: column;
+	flex-wrap: wrap;
+}
+
+#app .profile
+{
+	background-color: green;
+}

frontend/static/js/views/MeView.js

@@ -12,8 +12,8 @@ export default class extends AbstractAuthentificateView
     {
         if (this.fill() === null)
             return;
-        document.getElementById("save-button").onclick = this.save;
+        document.getElementById("save-account-button").onclick = this.acccount_save;
-        document.getElementById("delete-button").onclick = this.delete_accounts;
+        document.getElementById("delete-account-button").onclick = this.account_delete_accounts;
     }
 
     async fill()
@@ -104,22 +104,27 @@ export default class extends AbstractAuthentificateView
     async getHtml()
     {
         return `
+            <link rel="stylesheet" href="static/css/me.css">
 			<h1>ME</h1>
-            <div class="accounts">
+            <div class="account">
+                <h3>Account</h3>
                 <input type="text" placeholder="username" id="username">
                 <span id="error_username"></span>
                 <input type=password placeholder="new password" id="new_password">
                 <span id="error_new_password"></span>
                 <input type=password placeholder="current password" id="current_password">
                 <span id="error_current_password"></span>
+                <input type="button" value="Save Credentials" id="save-account-button">
+                <span id="error_save"></span>
+                <input type="button" value="Delete Account" id="delete-account-button">
+                <span id="error_delete"></span>
             </div>
             <div class="profile">
-                <input type="file" placeholder="username" id="avatar" accept="image/png, image/jpeg">
+                <h3>Profile</h3>
+                <input type="file" id="avatar" accept="image/png, image/jpeg">
+                <input type="button" value="Save profile" id="save-profile-button">
+                <span id="error_save"></span>
             </div>
-            <input type="button" value="Save" id="save-button">
-            <span id="error_save"></span>
-            <input type="button" value="Delete" id="delete-button">
-            <span id="error_delete"></span>
             <a href="/logout" class="nav__link" data-link>Logout</a>
         `;
     }

profiles/viewsets.py

@@ -11,7 +11,7 @@ from .serializers import ProfileSerializer
 from .models import ProfileModel
 
 class ProfileViewSet(viewsets.ModelViewSet):
-    queryset = ProfileModel.objects.all()
+    queryset = ProfileModel.objects.all
     serializer_class = ProfileSerializer
     parser_classes = (MultiPartParser, FormParser)
     permission_classes = (permissions.IsAuthenticatedOrReadOnly,)
@@ -23,7 +23,7 @@ class ProfileViewSet(viewsets.ModelViewSet):
                         status=status.HTTP_200_OK)
 
     def list(self, request: HttpRequest):
-        serializer = ProfileSerializer(self.queryset, many=True)
+        serializer = ProfileSerializer(self.queryset(), many=True)
         for profile in serializer.data:
             profile["avatar_url"] = profile["avatar_url"][profile["avatar_url"].find("static") - 1:]
         return Response(serializer.data)