@necrolab/dashboard 0.4.3

package/src/components/Tasks/CreateTaskTM.vue

@@ -0,0 +1,459 @@
+<template>
+    <Modal class="overflow-y-scroll max-w-screen">
+        <template #header>
+            <div class="flex-center gap-2">
+                Create Task
+                <PencilIcon />
+            </div>
+        </template>
+
+
+        <!-- Task Form -->
+        <div class="form-grid mt-4 mb-4">
+            <!-- Event ID -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Event ID
+                    <StadiumIcon />
+                </label>
+                <div class="input-default required">
+                    <input
+                        :placeholder="!isEU(ui.currentCountry.siteId) ? '102PDA9125510GYU' : '529171'"
+                        v-model="task.eventId"
+                        required
+                    />
+                </div>
+            </div>
+            <!-- Email -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Email
+                    <MailIcon />
+                </label>
+                <div class="input-default">
+                    <input
+                        placeholder="Email"
+                        v-model="task.email"
+                        autocomplete="off"
+                        data-form-type="other"
+                        name="tm_email_disableautocomplete"
+                    />
+                </div>
+            </div>
+            <!-- Proxy -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Proxy
+                    <CameraIcon />
+                </label>
+                <div class="input-default">
+                    <input placeholder="Proxy" v-model="task.proxy" autocomplete="off" />
+                </div>
+            </div>
+            <!-- Presale Code -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Presale Code
+                    <AwardIcon />
+                </label>
+                <div class="input-default">
+                    <input placeholder="Code" v-model="task.presaleCode" maxlength="15" autocomplete="off" />
+                </div>
+            </div>
+            <!-- Ticket Quantity -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Ticket Quantity
+                    <BagIcon />
+                </label>
+                <div class="input-default">
+                    <input placeholder="20" min="1" type="number" pattern="\d*" v-model="task.quantity" />
+                    <div class="input-incrementer">
+                        <button @click="task.quantity++">
+                            <UpIcon />
+                        </button>
+                        <button @click="if (task.quantity > 1) task.quantity--;">
+                            <DownIcon />
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Ticket Quantity -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2">Amount <span class="ml-2" style="height: 18px">#</span></label>
+                <div class="input-default">
+                    <input placeholder="20" min="1" type="number" pattern="\d*" v-model="task.taskQuantity" />
+                    <div class="input-incrementer">
+                        <button @click="task.taskQuantity++">
+                            <UpIcon />
+                        </button>
+                        <button @click="if (task.taskQuantity > 1) task.taskQuantity--;">
+                            <DownIcon />
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Profile Tag(s)  -->
+            <div class="input-wrapper" style="z-index: 50 !important">
+                <label class="label-override mb-2"
+                    >Profile Tag(s)
+                    <TagIcon />
+                </label>
+                <MultiDropdown
+                    class="w-full will-change-auto input-default"
+                    :onSelect="(v) => (task.profileTags = v)"
+                    default="Any"
+                    :options="
+                        profileTagsOptions.map((opt) => {
+                            return { label: opt, value: opt };
+                        })
+                    "
+                />
+            </div>
+
+            <!-- CL Origin -->
+            <div v-if="isEU(ui.currentCountry.siteId)" class="input-wrapper">
+                <label class="label-override mb-2">CL Origin<AwardIcon /></label>
+                <div class="input-default">
+                    <input placeholder="ORIGIN2" type="text" v-model="task.clOrigin" maxlength="15" />
+                </div>
+            </div>
+
+            <!-- Account Tag  -->
+            <div class="input-wrapper">
+                <label class="label-override mb-2"
+                    >Account Tag
+                    <ScannerIcon />
+                </label>
+
+                <Dropdown
+                    :onClick="(f) => (task.accountTag = f)"
+                    default="Default tag"
+                    :chosen="task.accountTag"
+                    :options="accountTagOptions"
+                    :allowDefault="false"
+                    :capitalize="true"
+                    class="input-default dropdown p-4 w-full"
+                />
+            </div>
+
+            <div class="input-wrapper">
+                <label class="label-override mb-2">Start Offset (Minutes)<ShieldIcon /></label>
+                <div class="input-default">
+                    <input placeholder="120" type="number" pattern="\d*" v-model="task.startOffset" />
+                </div>
+            </div>
+
+            <div v-if="!isEU(ui.currentCountry.siteId)">
+                <div class="input-wrapper">
+                    <label class="label-override mb-2"
+                        >Presale DID
+                        <AwardIcon />
+                    </label>
+                    <div class="input-default">
+                        <input placeholder="uklnfan2ps" v-model="task.eventDid" maxlength="15" />
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="border border-light-300 mb-3" />
+        <!-- Task Switches -->
+        <div v-if="!isEU(ui.currentCountry.siteId)" class="grid grid-cols-3 task-switches gap-y-1 justify-between">
+            <div class="switch-wrapper flex flex-col mb-2">
+                <h4>
+                    Aged <span class="hidden xs:block">Account</span>
+                    <SandclockIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.agedAccount" />
+            </div>
+            <div class="switch-wrapper flex flex-col">
+                <h4>
+                    Manual
+                    <HandIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.manual" />
+            </div>
+            <div class="switch-wrapper flex flex-col">
+                <h4>
+                    <span class="hidden xs:block">Do Not Pay</span>
+                    <span class="block xs:hidden">DNP</span>
+                    <SavingsIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.doNotPay" />
+            </div>
+            <div class="flex flex-col switch-wrapper">
+                <h4>
+                    <span class="hidden xs:block">Quick Queue</span>
+                    <span class="block xs:hidden">Quick Q.</span>
+                    <SkiIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.quickQueue" />
+            </div>
+            <div class="flex flex-col switch-wrapper">
+                <h4>
+                    <span class="hidden xs:block">Login Later</span>
+                    <span class="block xs:hidden">Login Lat.</span>
+
+                    <GroupIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.loginAfterCart" />
+            </div>
+            <div class="flex flex-col switch-wrapper">
+                <h4>
+                    <span class="hidden xs:block">Smart Timer</span>
+                    <span class="block xs:hidden">Timer</span>
+                    <TimerIcon />
+                </h4>
+                <Switch class="mx-auto" v-model="task.smartTimer" />
+            </div>
+            <div class="switch-wrapper flex flex-col">
+                <h4>
+                    <span class="hidden xs:block">Supports </span> OTP
+                    <MailIcon class="scale-90" style="height: 17px" />
+                </h4>
+                <Switch class="mx-auto" v-model="task.otpAccount" />
+            </div>
+            <div class="switch-wrapper flex flex-col">
+                <h4>
+                    Presale <span class="hidden xs:block"> Queue</span>
+                    <AwardIcon class="scale-90" />
+                </h4>
+                <Switch class="mx-auto" v-model="task.presaleMode" />
+            </div>
+            <div class="switch-wrapper flex flex-col">
+                <h4>
+                    Strict <span class="hidden xs:block"> Presale</span>
+                    <AwardIcon class="scale-90" />
+                </h4>
+                <Switch class="mx-auto" v-model="task.presaleStrict" />
+            </div>
+        </div>
+        <div v-if="isEU(ui.currentCountry.siteId)">
+            <div class="grid grid-cols-4 gap-y-4 mb-4 justify-between task-switches">
+                <div class="switch-wrapper flex flex-col">
+                    <h4 class="text-xs">
+                        Manual
+                        <HandIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.manual" />
+                </div>
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        <span class="hidden xs:block">Do Not Pay</span>
+                        <span class="block xs:hidden">DNP</span>
+                        <SavingsIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.doNotPay" />
+                </div>
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        <span class="hidden xs:block">Smart Timer</span>
+                        <span class="block xs:hidden">Timer</span>
+                        <TimerIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.smartTimer" />
+                </div>
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        Login Later
+                        <GroupIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.loginAfterCart" />
+                </div>
+            </div>
+
+            <div class="grid grid-cols-4 gap-y-4 justify-between task-switches">
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        <span class="hidden xs:block">Quick Queue</span>
+                        <span class="block xs:hidden">Quick Q.</span> <SkiIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.quickQueue" />
+                </div>
+
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        Supports OTP
+                        <MailIcon class="scale-90" />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.otpAccount" />
+                </div>
+                <div class="switch-wrapper flex flex-col">
+                    <h4>
+                        Aged <span class="hidden xs:block">Account</span>
+                        <SandclockIcon />
+                    </h4>
+                    <Switch class="mx-auto" v-model="task.agedAccount" />
+                </div>
+            </div>
+        </div>
+
+        <!-- Task prefab -->
+        <div class="border border-light-300 my-3" />
+        <button class="btn-action mx-auto" @click="createTask">
+            Create
+            <EditIcon />
+        </button>
+    </Modal>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import Modal from "@/components/ui/Modal.vue";
+import Switch from "@/components/ui/controls/atomic/Switch.vue";
+import {
+    MailIcon,
+    CameraIcon,
+    AwardIcon,
+    StadiumIcon,
+    ScannerIcon,
+    BagIcon,
+    TagIcon,
+    SkiIcon,
+    HandIcon,
+    GroupIcon,
+    ShieldIcon,
+    TimerIcon,
+    SavingsIcon,
+    EditIcon,
+    UpIcon,
+    DownIcon,
+    SandclockIcon,
+    CartIcon,
+    PencilIcon
+} from "@/components/icons";
+import { useUIStore } from "@/stores/ui";
+import { countries } from "@/stores/countries";
+import Dropdown from "@/components/ui/controls/atomic/Dropdown.vue";
+import MultiDropdown from "@/components/ui/controls/atomic/MultiDropdown.vue";
+import { isEU, parseEventUrl, removeDuplicates } from "@/stores/utils";
+
+const ui = useUIStore();
+
+const accountTagOptions = ref(ui.profile.accountTags);
+const defaultTags = ["Amex", "Visa", "Master"];
+
+const profileTagsOptions = ref(removeDuplicates(["Any", ...defaultTags, ...ui.profile.profileTags]));
+
+const baseTask = ref({
+    selected: false,
+    taskId: "",
+    active: false,
+    eventId: "",
+    status: "Created",
+    presaleCode: "",
+    quantity: 4,
+    reservedTicketsList: "ticket1-ticket2-ticket3",
+    email: "",
+    password: "",
+    proxy: "",
+    manual: true,
+    doNotPay: false,
+    incapsulaBypass: false,
+    quickQueue: false,
+    loginAfterCart: false,
+    smartTimer: false,
+    presaleMode: false,
+    agedAccount: false,
+    accountTag: accountTagOptions.value[0],
+    profileTags: ["Any"],
+    clOrigin: undefined,
+    eventDid: undefined,
+    taskQuantity: 1
+});
+
+baseTask.value.loginAfterCart = isEU(ui.currentCountry.siteId);
+
+const task = ref(ui.modalData[`task_${ui.currentCountry.siteId}`] || baseTask);
+
+function createTask() {
+    ui.logger.Info("Created new task", task.value);
+    const eventIds = task.value.eventId.split(",").map((t) => t.trim());
+    const presaleCodes = task.value.presaleCode ? task.value.presaleCode.split(",").map((t) => t.trim()) : [undefined];
+    eventIds.forEach((eventId) => {
+        presaleCodes.forEach((presaleCode) => {
+            const t = { ...task.value, eventId: eventId, presaleCode: presaleCode };
+            ui.addNewTask(t);
+        });
+    });
+}
+
+watch(
+    () => task.value.profileTags,
+    (newTags) => {
+        ui.logger.Info("Profile tags update", newTags, task.value);
+        if (!newTags.length) task.value.profileTags.push("Any");
+        else if (newTags.length === profileTagsOptions.value.length - 1 && profileTagsOptions.value.length !== 3)
+            task.value.profileTags = ["Any"];
+        else if (newTags.length > 1 && newTags.includes("Any"))
+            task.value.profileTags = task.value.profileTags = newTags.filter((e) => e != "Any");
+    }
+);
+
+watch(() => task.value, (ui.modalData[`task_${ui.currentCountry.siteId}`] = task.value));
+
+watch(
+    () => task.value.eventId,
+    (url) => {
+        ui.logger.Info("URL changed", url);
+        if (!url.includes("https://")) return;
+        try {
+            url = url.replace(/livenation/, "ticketmaster");
+            let tld = url.split("ticketmaster.")[1].split("/")[0];
+            if (tld === "com") tld = "us";
+            else if (url.includes(".co.uk")) tld = "UK";
+            else if (url.includes("com.au")) tld = "AU";
+            else if (url.includes("co.nz")) tld = "NZ";
+
+            const tmid = `TM_${tld.toUpperCase()}`;
+            const country = countries.TM.find((c) => c.siteId === tmid);
+            if (country) ui.setCurrentCountry(country, false, ui.currentModule);
+
+            const { eventId, eventDid, clOrigin } = parseEventUrl(url);
+            task.value.clOrigin = clOrigin;
+            task.value.eventDid = eventDid;
+            task.value.eventId = eventId;
+        } catch (ex) {
+            ui.logger.Error("Could not parse url (2)", ex);
+        }
+    }
+);
+
+</script>
+
+<style lang="scss" scoped>
+.task-switches {
+    h4 {
+        color: #6e7084;
+        @apply text-xs text-center flex items-center gap-x-2 mx-auto;
+    }
+
+    .switch-wrapper {
+        @apply gap-y-2;
+    }
+}
+
+@media (max-width: 720px) {
+    .task-switches {
+        h4 {
+            font-size: 12px !important;
+        }
+    }
+}
+</style>
+<style lang="scss" scoped>
+.switch-wrapper {
+    svg path {
+        fill: #6e7084 !important;
+    }
+}
+
+.z-inf {
+    z-index: 1000;
+}
+
+.z-inf2 {
+    z-index: 2000;
+}
+</style>

package/src/components/Tasks/MassEdit.vue

@@ -0,0 +1,50 @@
+<template>
+    <Modal>
+        <template #header> Mass Edit Presale Code <i class="fa fa-edit ml-3 mt-1"></i> </template>
+        <!-- Event ID -->
+        <div class="input-wrapper mt-7 mb-4">
+            <label class="label-override mb-2">Event ID <StadiumIcon /></label>
+            <div class="input-default required">
+                <input
+                    :placeholder="!isEU(ui.currentCountry.siteId) ? '102PDA9125510GYU' : '529171'"
+                    v-model="eventId"
+                />
+            </div>
+        </div>
+        <!-- Presale Code -->
+        <div class="input-wrapper mb-8">
+            <label class="label-override mb-2">Presale Code <BagIcon /></label>
+            <div class="input-default required">
+                <input placeholder="presale code" v-model="code" />
+            </div>
+        </div>
+        <button
+            class="button-default bg-dark-400 w-48 text-xs flex items-center justify-center gap-x-2 ml-auto border border-light-300 hover:border-light-400"
+            @click="done()"
+        >
+            Edit <EditIcon />
+        </button>
+    </Modal>
+</template>
+<style lang="scss" scoped>
+.input-wrapper {
+    label {
+        @apply flex;
+    }
+}
+</style>
+<script setup>
+import Modal from "@/components/ui/Modal.vue";
+import { StadiumIcon, BagIcon, EditIcon } from "@/components/icons";
+import { useUIStore } from "@/stores/ui";
+import { ref } from "vue";
+import { isEU } from "@/stores/utils";
+
+const ui = useUIStore();
+const code = ref("");
+const eventId = ref("");
+function done() {
+    ui.toggleModal("");
+    ui.massEditPresaleCode(eventId.value, code.value);
+}
+</script>

package/src/components/Tasks/QuickSettings.vue

@@ -0,0 +1,167 @@
+<template>
+    <Modal>
+        <template #header
+            ><span class="mb-4 flex">Quick Settings <GearIcon class="ml-4 w-4" /></span
+        ></template>
+
+        <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="input-container"
+            >
+                <span class="w-1/3 text-light-300 font-medium text-xs">{{ keyName }}</span>
+                <div class="w-2/3 h-full flex items-center">
+                    <input
+                        type="text"
+                        class="quick-settings-input"
+                        :placeholder="`Enter ${keyName} key`"
+                        v-model="quickConfig.keys[categoryName][keyName]"
+                    />
+                </div>
+            </div>
+        </div>
+
+        <div class="input-container">
+            <span class="w-1/3 text-light-300 font-medium text-xs">Checkout Proxies</span>
+            <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)"
+                :allowDefault="false"
+            />
+        </div>
+
+        <div class="input-container">
+            <span class="w-1/3 text-light-300 font-medium text-xs">Queue Proxies</span>
+            <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"
+                :allowDefault="false"
+            />
+        </div>
+        <div class="flex mt-5 justify-between flex-row items-center">
+            <div class="flex gap-3 items-center">
+                <div class="bg-gradient-to-r from-dark-400 to-dark-500 rounded-lg text-xs shadow-lg p-2 px-3 text-white font-medium border border-light-300">
+                    Dashboard v{{ version }}
+                </div>
+                <div class="bg-gradient-to-r from-dark-400 to-dark-500 rounded-lg text-xs shadow-lg p-2 px-3 text-white font-medium border border-light-300">
+                    Bot v{{ ui.botVersion }}
+                </div>
+            </div>
+
+            <div class="flex gap-5">
+                <button
+                    class="button-default bg-dark-400 w-24 text-xs flex items-center justify-center gap-x-2 border border-light-300 hover:border-light-400"
+                    @click="checkBalances()"
+                >
+                    Balances <img src="@/assets/img/sell.svg" width="14" />
+                </button>
+                <button
+                    class="button-default bg-dark-400 w-24 text-xs flex items-center justify-center gap-x-2 border border-light-300 hover:border-light-400"
+                    @click="done(true)"
+                >
+                    Save <img src="/img/save.svg" width="14" class="invert" />
+                </button>
+            </div>
+        </div>
+    </Modal>
+</template>
+<style lang="scss">
+.input-wrapper {
+    label {
+        @apply flex;
+    }
+}
+
+.transparent {
+    background: transparent !important;
+}
+
+.input-container {
+    @apply text-white bg-dark-500 mb-3 px-3 rounded-lg border-dark-550 border-2 flex items-center justify-between h-10 overflow-hidden;
+}
+
+.quick-settings-input {
+    @apply w-full h-full text-sm text-white bg-transparent border-0 outline-none px-2 py-1 transition-colors duration-150;
+    
+    &:focus {
+        @apply outline-none border-0 shadow-none bg-transparent;
+    }
+    
+    &:hover:not(:focus) {
+        @apply bg-dark-550;
+    }
+    
+    &::placeholder {
+        @apply text-light-400 opacity-70;
+    }
+}
+</style>
+<script setup>
+import Modal from "@/components/ui/Modal.vue";
+import { GearIcon } from "@/components/icons";
+import { useUIStore } from "@/stores/ui";
+import { ref } from "vue";
+import Switch from "@/components/ui/controls/atomic/Switch.vue";
+import Dropdown from "@/components/ui/controls/atomic/Dropdown.vue";
+import { sendQuickConfig, getQuickConfig } from "@/stores/requests";
+import { getBalances, sendProxyList, getProxyLists } from "../../stores/requests";
+
+const version = __APP_VERSION__;
+const quickConfig = ref({});
+const ui = useUIStore();
+const proxyLists = ref(["loading..."]);
+
+const loadCurrentQuickConfig = async () => {
+    try {
+        quickConfig.value = await getQuickConfig();
+    } catch {
+        ui.showError("Could not load config");
+    }
+};
+const saveQuickConfig = async () => {
+    await sendQuickConfig(quickConfig.value);
+    ui.showSuccess("Successfully saved Config");
+};
+
+const saveProxyList = async () => {
+    if (!ui.profile.proxyList) return ui.showError("No proxylists set");
+    const j = await sendProxyList(ui.profile.proxyList);
+    if (j.error) ui.showError(j.error);
+    else ui.setProfile(j);
+};
+
+const saveProxyListUpate = async (list, val) => {
+    ui.profile.proxyList[list] = val;
+    return saveProxyList();
+};
+
+loadCurrentQuickConfig();
+
+async function done(save) {
+    if (save) await saveQuickConfig();
+    ui.toggleModal("");
+}
+
+const loadProxyLists = async () => {
+    const res = await getProxyLists();
+    if (Array.isArray(res)) proxyLists.value = res;
+    else ui.showError("Could not load proxylists");
+};
+
+const checkBalances = async () => {
+    const balances = await getBalances();
+    if (typeof balances == "object")
+        Object.entries(balances).forEach(([service, balance]) => {
+            ui.showSuccess(`${service} balance: ${balance}`);
+        });
+    else ui.showError("Could not get balances");
+};
+
+loadProxyLists();
+</script>