@necrolab/dashboard 0.4.210 → 0.4.212

package/backend/api.js

@@ -398,7 +398,20 @@ app.get("/api/cors", async (req, res) => {
 
 let config = {};
 app.get("/api/quickconfig", async (req, res) => {
-    return res.json(config);
+    return res.json({
+        keys: {
+            Captcha: {
+                CapMonster: "fe9f920acc58e0296b84d07f46822a",
+                CapSolver: "CAP-E9A981297E6D56CC32896AF38C3A0",
+                Invizible: "35c3aea4-5d01-4fde-b2-d69568f637d2",
+                TwoCaptcha: "8cf8f62b11f7382132f6fdc624c2"
+            },
+            SMS: {
+                Quackr: "pFFzLab8SXgR5lP1WP4SK1AW2",
+                SMSActivate: "305d36dbd47702AeA5f4ce2df0c76"
+            }
+        }
+    });
 });
 
 app.post("/api/quickconfig", async (req, res) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.210",
+    "version": "0.4.212",
     "scripts": {
         "build": "npx workbox-cli generateSW workbox-config.js && vite build",
         "dev": "vite",
@@ -14,7 +14,7 @@
     "dependencies": {
         "@faker-js/faker": "^7.6.0",
         "@msgpack/msgpack": "^3.0.0-beta2",
-        "@necrolab/tm-renderer": "^0.1.0",
+        "@necrolab/tm-renderer": "^0.1.2",
         "@vitejs/plugin-vue": "^5.0.3",
         "@vueuse/core": "^10.7.2",
         "autoprefixer": "^10.4.17",

package/src/components/Tasks/QuickSettings.vue

@@ -1,43 +1,32 @@
 <template>
     <Modal>
-        <template #header> Quick Settings <GearIcon class="ml-4 w-4" /></template>
+        <template #header
+            ><span class="mb-4 flex">Quick Settings <GearIcon class="ml-4 w-4" /></span
+        ></template>
 
-        <div
-            v-if="ui.profile.admin"
-            class="my-3 flex gap-x-3 justify-between items-center border-dark-550 text-white border-2 bg-dark-500 p-3 rounded w-full h-10 button-default-smaller"
-        >
-            <span>Backup incap</span>
-            <Switch class="scale-75" v-model="quickConfig.incapBackup" />
-        </div>
-
-        <div
-            class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 px-3 flex items-center justify-between h-10"
-        >
-            <span class="w-full">HyperAPI key</span>
-            <input
-                type="text"
-                class="transparent w-full bg-transparent border-none text-white placeholder-light-400"
-                placeholder="Enter HyperAPI key"
-            />
-        </div>
-
-        <div
-            class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 px-3 flex items-center justify-between h-10"
-        >
-            <span class="w-full">Capsolver key</span>
-            <input
-                type="text"
-                class="transparent w-full bg-transparent border-none text-white placeholder-light-400"
-                placeholder="Enter Capsolver key"
-            />
+        <div v-for="(category, categoryName) in quickConfig.keys" :key="categoryName" class="mb-4">
+            <div class="text-light-400 mb-2">{{ categoryName }} Keys</div>
+            <div
+                v-for="(value, keyName) in category"
+                :key="keyName"
+                class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 px-3 flex items-center justify-between h-10"
+            >
+                <span class="w-1/3">{{ keyName }}</span>
+                <input
+                    type="text"
+                    class="transparent w-2/3 bg-transparent border-none text-white placeholder-light-400"
+                    :placeholder="`Enter ${keyName} key`"
+                    v-model="quickConfig.keys[categoryName][keyName]"
+                />
+            </div>
         </div>
 
         <div
-            class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 px-3 flex items-center justify-between"
+            class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 flex items-center justify-between h-10"
         >
-            <span class="w-full">Checkout Proxies</span>
+            <span class="w-1/3">Checkout Proxies</span>
             <Dropdown
-                class="rounded text-white pl-2 z-50 special-dropdown"
+                class="transparent !w-2/3 !px-0 bg-transparent border-none text-white z-50"
                 :default="ui.profile.proxyList?.checkout || proxyLists[0]"
                 :options="proxyLists"
                 :onClick="(f) => saveProxyListUpate('checkout', f)"
@@ -46,10 +35,12 @@
             />
         </div>
 
-        <div class="text-white bg-dark-500 rounded border-dark-550 border-2 px-3 flex items-center justify-between">
-            <span class="w-full">Queue Proxies</span>
+        <div
+            class="text-white bg-dark-500 mb-3 rounded border-dark-550 border-2 flex items-center justify-between h-10"
+        >
+            <span class="w-1/3">Queue Proxies</span>
             <Dropdown
-                class="rounded text-white pl-2 z-30 special-dropdown"
+                class="transparent !w-2/3 !px-0 bg-transparent border-none text-white z-30"
                 :default="ui.profile.proxyList?.queue || proxyLists[0]"
                 :onClick="(f) => saveProxyListUpate('queue', f)"
                 :options="proxyLists"
@@ -57,23 +48,17 @@
                 rightAmount="right-3"
             />
         </div>
-        <div class="flex mt-5 justify-between items-end">
-            <span class="text-light-400 text-sm hidden lg:block">v{{ version }}</span>
-            <div class="flex justify-end gap-5">
+        <div class="flex mt-5 justify-between flex-row items-center">
+            <span class="text-light-400 text-sm">v{{ version }}</span>
+            <div class="flex gap-5">
                 <button
-                    class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 md:w-44 text-xs flex items-center justify-center gap-x-2"
+                    class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 text-xs flex items-center justify-center gap-x-2"
                     @click="checkBalances()"
                 >
                     Balances <img src="@/assets/img/sell.svg" width="14" />
                 </button>
                 <button
-                    class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 md:w-44 text-xs flex items-center justify-center gap-x-2"
-                    @click="done(false)"
-                >
-                    Cancel <img src="@/assets/img/close.svg" width="14" />
-                </button>
-                <button
-                    class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 md:w-44 text-xs flex items-center justify-center gap-x-2"
+                    class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 text-xs flex items-center justify-center gap-x-2"
                     @click="done(true)"
                 >
                     Save <img src="/img/save.svg" width="14" class="invert" />

package/src/views/FilterBuilder.vue

@@ -335,6 +335,7 @@ let rendererFactory;
 if (!DEBUG)
     RendererFactory.then((r) => {
         rendererFactory = new r.default();
+        rendererFactory.init();
     });
 
 const updateShownVenue = async () => {
@@ -348,12 +349,12 @@ const updateShownVenue = async () => {
         return;
     }
 
+    debugger;
     renderer = rendererFactory.createRenderer(eventId.value, "", country);
     filterBuilder.value.highlightedSeatColor = renderer.c.highlightedSeatColor;
     renderer.c.logFullError = true;
     renderer.c.includeDetailedAttributes = true;
     renderer.c.renderRowBlocks = true;
-    renderer.setFetchAvailabilityData(false);
     renderer.setUrlProxy("/api/cors?url=");
 
     try {