From f88672559d17ef3270c95120e3f5460c230b9b50 Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Sun, 16 Mar 2025 13:38:48 -0700
Subject: [PATCH] Update sort options: Sort by blue cameras

---
 src/App.vue | 37 ++++++++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index da62b8a..42bf589 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -864,6 +864,13 @@ export default {
                         return right - left;
                     });
                     break;
+                case "blue":
+                    result.sort((a, b) => {
+                        let left = (a.video & this.VideoFlag.Active) ? (a.video & this.VideoFlag.NSFW ? 1 : 2) : 0,
+                            right = (b.video & this.VideoFlag.Active) ? (b.video & this.VideoFlag.NSFW ? 1 : 2) : 0;
+                        return right - left;
+                    });
+                    break;
                 case "status":
                     result.sort((a, b) => {
                         if (a.status === b.status) return 0;
@@ -921,6 +928,13 @@ export default {
                         return right - left;
                     });
                     break;
+                case "blue":
+                    result.sort((a, b) => {
+                        let left = (a.video & this.VideoFlag.Active) ? (a.video & this.VideoFlag.NSFW ? 1 : 2) : 0,
+                            right = (b.video & this.VideoFlag.Active) ? (b.video & this.VideoFlag.NSFW ? 1 : 2) : 0;
+                        return right - left;
+                    });
+                    break;
                 case "status":
                     result.sort((a, b) => {
                         if (a.status === b.status) return 0;
@@ -5309,15 +5323,20 @@ export default {
                         <div class="column">
                             <div class="select is-small is-fullwidth">
                                 <select v-model="whoSort">
-                                    <option value="a-z">Username (a-z)</option>
-                                    <option value="z-a">Username (z-a)</option>
-                                    <option value="login">Login Time</option>
-                                    <option value="broadcasting">Broadcasting</option>
-                                    <option value="nsfw" v-show="config.permitNSFW">Red cameras</option>
-                                    <option value="status">Status</option>
-                                    <option value="emoji">Emoji/country flag</option>
-                                    <option value="gender">Gender</option>
-                                    <option value="op">User level (operators)</option>
+                                    <optgroup label="Users">
+                                        <option value="a-z">Username (a-z)</option>
+                                        <option value="z-a">Username (z-a)</option>
+                                        <option value="login">Login Time</option>
+                                        <option value="status">Status</option>
+                                        <option value="emoji">Emoji/country flag</option>
+                                        <option value="gender">Gender</option>
+                                        <option value="op">☮ Operators</option>
+                                    </optgroup>
+                                    <optgroup label="Webcam Status">
+                                        <option value="broadcasting">Broadcasting</option>
+                                        <option value="nsfw" v-show="config.permitNSFW">Red cameras</option>
+                                        <option value="blue" v-show="config.permitNSFW">Blue cameras</option>
+                                    </optgroup>
                                 </select>
                             </div>
                         </div>