added pb filter

frontend/src/ts/account/result-filters.ts

@@ -9,6 +9,10 @@ import { showNewResultFilterPresetPopup } from "../popups/new-result-filter-pres
 export const defaultResultFilters: MonkeyTypes.ResultFilters = {
   _id: "default-result-filters-id",
   name: "default result filters",
+  pb: {
+    no: true,
+    yes: true,
+  },
   difficulty: {
     normal: true,
     expert: true,
@@ -594,6 +598,9 @@ $(".pageAccount .topFilters .button.currentConfigFilter").on("click", () => {
     });
   });
 
+  filters["pb"]["no"] = true;
+  filters["pb"]["yes"] = true;
+
   filters["difficulty"][Config.difficulty] = true;
   filters["mode"][Config.mode] = true;
   if (Config.mode === "time") {

frontend/src/ts/pages/account.ts

@@ -305,6 +305,15 @@ function fillContent(): void {
 
       //apply filters
       try {
+        if (
+          !ResultFilters.getFilter("pb", result.isPb === true ? "yes" : "no")
+        ) {
+          if (filterDebug) {
+            console.log(`skipping result due to pb filter`, result);
+          }
+          return;
+        }
+
         let resdiff = result.difficulty;
         if (resdiff == undefined) {
           resdiff = "normal";

frontend/src/ts/types/types.d.ts

@@ -534,6 +534,10 @@ declare namespace MonkeyTypes {
   interface ResultFilters {
     _id: string;
     name: string;
+    pb: {
+      no: boolean;
+      yes: boolean;
+    };
     difficulty: {
       normal: boolean;
       expert: boolean;

frontend/static/html/pages/account.html

@@ -338,7 +338,7 @@
           <div class="button noFilters">clear filters</div>
         </div>
       </div>
-      <div class="buttonsAndTitle" style="grid-column: 1/3">
+      <div class="buttonsAndTitle">
         <div class="title">difficulty</div>
         <div class="buttons filterGroup" group="difficulty">
           <div class="button" filter="normal">normal</div>
@@ -346,6 +346,13 @@
           <div class="button" filter="master">master</div>
         </div>
       </div>
+      <div class="buttonsAndTitle">
+        <div class="title">personal best</div>
+        <div class="buttons filterGroup" group="pb">
+          <div class="button" filter="no">no</div>
+          <div class="button" filter="yes">yes</div>
+        </div>
+      </div>
       <div class="buttonsAndTitle">
         <div class="title">mode</div>
         <div class="buttons filterGroup" group="mode">