client+server: implement code autoformatting using prettier and black

1 files changed, 41 insertions, 30 deletions

diff --git a/client/js/views/posts_page_view.js b/client/js/views/posts_page_view.js
index 84521e3..ba07a63 100644
--- a/client/js/views/posts_page_view.js
+++ b/client/js/views/posts_page_view.js
@@ -1,9 +1,9 @@
-'use strict';
+"use strict";
 
-const events = require('../events.js');
-const views = require('../util/views.js');
+const events = require("../events.js");
+const views = require("../util/views.js");
 
-const template = views.getTemplate('posts-page');
+const template = views.getTemplate("posts-page");
 
 class PostsPageView extends events.EventTarget {
     constructor(ctx) {
@@ -15,26 +15,28 @@ class PostsPageView extends events.EventTarget {
         this._postIdToPost = {};
         for (let post of ctx.response.results) {
             this._postIdToPost[post.id] = post;
-            post.addEventListener('change', e => this._evtPostChange(e));
+            post.addEventListener("change", (e) => this._evtPostChange(e));
         }
 
         this._postIdToListItemNode = {};
         for (let listItemNode of this._listItemNodes) {
-            const postId = listItemNode.getAttribute('data-post-id');
+            const postId = listItemNode.getAttribute("data-post-id");
             const post = this._postIdToPost[postId];
             this._postIdToListItemNode[postId] = listItemNode;
 
             const tagFlipperNode = this._getTagFlipperNode(listItemNode);
             if (tagFlipperNode) {
-                tagFlipperNode.addEventListener(
-                    'click', e => this._evtBulkEditTagsClick(e, post));
+                tagFlipperNode.addEventListener("click", (e) =>
+                    this._evtBulkEditTagsClick(e, post)
+                );
             }
 
             const safetyFlipperNode = this._getSafetyFlipperNode(listItemNode);
             if (safetyFlipperNode) {
-                for (let linkNode of safetyFlipperNode.querySelectorAll('a')) {
-                    linkNode.addEventListener(
-                        'click', e => this._evtBulkEditSafetyClick(e, post));
+                for (let linkNode of safetyFlipperNode.querySelectorAll("a")) {
+                    linkNode.addEventListener("click", (e) =>
+                        this._evtBulkEditSafetyClick(e, post)
+                    );
                 }
             }
         }
@@ -43,21 +45,21 @@ class PostsPageView extends events.EventTarget {
     }
 
     get _listItemNodes() {
-        return this._hostNode.querySelectorAll('li');
+        return this._hostNode.querySelectorAll("li");
     }
 
     _getTagFlipperNode(listItemNode) {
-        return listItemNode.querySelector('.tag-flipper');
+        return listItemNode.querySelector(".tag-flipper");
     }
 
     _getSafetyFlipperNode(listItemNode) {
-        return listItemNode.querySelector('.safety-flipper');
+        return listItemNode.querySelector(".safety-flipper");
     }
 
     _evtPostChange(e) {
         const listItemNode = this._postIdToListItemNode[e.detail.post.id];
-        for (let node of listItemNode.querySelectorAll('[data-disabled]')) {
-            node.removeAttribute('data-disabled');
+        for (let node of listItemNode.querySelectorAll("[data-disabled]")) {
+            node.removeAttribute("data-disabled");
         }
         this._syncBulkEditorsHighlights();
     }
@@ -65,35 +67,41 @@ class PostsPageView extends events.EventTarget {
     _evtBulkEditTagsClick(e, post) {
         e.preventDefault();
         const linkNode = e.target;
-        if (linkNode.getAttribute('data-disabled')) {
+        if (linkNode.getAttribute("data-disabled")) {
             return;
         }
-        linkNode.setAttribute('data-disabled', true);
+        linkNode.setAttribute("data-disabled", true);
         this.dispatchEvent(
             new CustomEvent(
-                linkNode.classList.contains('tagged') ? 'untag' : 'tag',
-                {detail: {post: post}}));
+                linkNode.classList.contains("tagged") ? "untag" : "tag",
+                {
+                    detail: { post: post },
+                }
+            )
+        );
     }
 
     _evtBulkEditSafetyClick(e, post) {
         e.preventDefault();
         const linkNode = e.target;
-        if (linkNode.getAttribute('data-disabled')) {
+        if (linkNode.getAttribute("data-disabled")) {
             return;
         }
-        const newSafety = linkNode.getAttribute('data-safety');
+        const newSafety = linkNode.getAttribute("data-safety");
         if (post.safety === newSafety) {
             return;
         }
-        linkNode.setAttribute('data-disabled', true);
+        linkNode.setAttribute("data-disabled", true);
         this.dispatchEvent(
-            new CustomEvent(
-                'changeSafety', {detail: {post: post, safety: newSafety}}));
+            new CustomEvent("changeSafety", {
+                detail: { post: post, safety: newSafety },
+            })
+        );
     }
 
     _syncBulkEditorsHighlights() {
         for (let listItemNode of this._listItemNodes) {
-            const postId = listItemNode.getAttribute('data-post-id');
+            const postId = listItemNode.getAttribute("data-post-id");
             const post = this._postIdToPost[postId];
 
             const tagFlipperNode = this._getTagFlipperNode(listItemNode);
@@ -102,14 +110,17 @@ class PostsPageView extends events.EventTarget {
                 for (let tag of this._ctx.bulkEdit.tags) {
                     tagged &= post.tags.isTaggedWith(tag);
                 }
-                tagFlipperNode.classList.toggle('tagged', tagged);
+                tagFlipperNode.classList.toggle("tagged", tagged);
             }
 
             const safetyFlipperNode = this._getSafetyFlipperNode(listItemNode);
             if (safetyFlipperNode) {
-                for (let linkNode of safetyFlipperNode.querySelectorAll('a')) {
-                    const safety = linkNode.getAttribute('data-safety');
-                    linkNode.classList.toggle('active', post.safety === safety);
+                for (let linkNode of safetyFlipperNode.querySelectorAll("a")) {
+                    const safety = linkNode.getAttribute("data-safety");
+                    linkNode.classList.toggle(
+                        "active",
+                        post.safety === safety
+                    );
                 }
             }
         }