{"version":3,"file":"nrz-wojSswJH.js","sources":["../../../src/components/Rules.vue","../../../src/pages/Download.vue","../../../src/components/Streams.vue","../../../src/pages/Home.vue","../../../src/pinia/Server.js","../../../src/components/leaderboardCard.vue","../../../src/components/skeletons/SKleaderboardCard.vue","../../../src/pages/Leaderboards.vue","../../../src/components/leaderboardRow.vue","../../../src/pages/CarDetails.vue","../../../src/pages/CarDialogHash.vue","../../../src/pages/Leaderboard.vue","../../../src/components/storeCard.vue","../../../src/pages/Store.vue","../../../src/pages/LiveMap.vue","../../../src/components/controllerCard.vue","../../../src/components/unsupportedController.vue","../../../src/pages/performanceParts.vue","../../../src/pages/Guide.vue","../../../src/pages/404.vue","../../../src/components/challengeCard.vue","../../../src/components/skeletons/SKchallengeCard.vue","../../../src/pages/Challenges.vue","../../../src/components/carCard.vue","../../../src/components/newCard.vue","../../../src/components/skeletons/SKcarCard.vue","../../../src/pages/Additional.vue","../../../src/components/driverCard.vue","../../../src/components/skeletons/SKdriverCard.vue","../../../src/pages/Drivers.vue","../../../src/components/statsDriver.vue","../../../src/components/carCardDriver.vue","../../../src/pages/CarDialog.vue","../../../src/components/AchievementDriver.vue","../../../src/components/ActivityDriver.vue","../../../src/components/PayPalOffer.vue","../../../src/components/LeaderboardDriver.vue","../../../src/components/LeaderboardRaceDriver.vue","../../../src/components/rankedDriver.vue","../../../src/pages/Driver.vue","../../../src/components/crewCard.vue","../../../src/pages/CreateCrew.vue","../../../src/pages/Crews.vue","../../../src/components/ActivityCrew.vue","../../../src/components/skeletons/SKactivityCrew.vue","../../../src/pages/Crew.vue","../../../src/pages/Carlist.vue","../../../src/pages/Discord.vue","../../../src/pages/Reset.vue","../../../src/pages/Confirm.vue","../../../src/pages/bugReport.vue","../../../src/pages/Rotation.vue","../../../src/pages/Login.vue","../../../src/pages/Event.vue","../../../src/router/index.js","../../../src/pinia/Driver.js","../../../src/components/Login.vue","../../../src/components/accountForm.vue","../../../src/components/discordForm.vue","../../../src/components/PayPal.vue","../../../src/components/premiumForm.vue","../../../src/pages/Account.vue","../../../src/components/konopabankForm.vue","../../../src/components/personaForm.vue","../../../src/components/redeemcodeForm.vue","../../../src/components/prestigeForm.vue","../../../src/pages/Persona.vue","../../../src/pages/Premium.vue","../../../src/components/drawer.vue","../../../src/components/Footer.vue","../../../src/components/notification.vue","../../../src/App.vue","../../../src/main.js"],"sourcesContent":["<script>\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <v-expansion-panels variant=\"accordion\">\r\n        <v-expansion-panel title=\"Any nickname containing NSFW, and defamation are subject to renaming.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>First recidivism of that rule will lead to a deletion of the profile in fault.</li>\r\n                    <li>Second recidivism of that rule will lead to a permanent ban of the account linked to the profile\r\n                        at\r\n                        fault.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Ramming is not allowed in our server, despite that it is part of racing there is limit to not cross.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>If there is video proofs that shows that someone ramming the player is subject to a temporary ban.</li>\r\n                    <li>If there is recidivism after a temp ban, the faulty account will be definitively banned.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Everyone have to respect in-game language chats, if you select EN chat you must speak english.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>If there is any proofs of someone not respecting this, the player is subject to a temporary ban.</li>\r\n                    <li>If there is recidivism after a temp ban, a longer temp ban will be initiated.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Any car liveries containing NSFW, defamation, political and religious sings are subject to a deletion.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>At the first recidivism the car in fault will be deleted and the player will be temporary banned.</li>\r\n                    <li>At the second recidivism the account of the player will be definitively banned.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Cheating is prohibited, cheaters are subject to a temporary or definitive ban depending the gravity of cheats.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>If there is recidivism the account in fault will be definitively banned.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Any game modifications except the ones available in Discord and/or shader mods such as ReShade, SweetFX,\r\n                ENB, WorldShader are prohibited.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>Depending the degree of the modifications of the game the player is subject to a temporary or definitive ban.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Every clashes via the public in-game chats are prohibited and subject to a kick of the players concerned.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>If there is recidivism the players concerned will be temporary banned.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n        <v-expansion-panel title=\"Begging for money is not allowed, if someone refuses to give money you have to respect his choice.\">\r\n            <v-expansion-panel-text>\r\n                <ol type=\"A\">\r\n                    <li>If an user keep begging after being warned he will be temporarily banned.</li>\r\n                </ol>\r\n            </v-expansion-panel-text>\r\n        </v-expansion-panel>\r\n    </v-expansion-panels>\r\n</template>\r\n\r\n<style>\r\n\r\n.v-expansion-panel-text {\r\n    padding: 5px;\r\n}\r\n\r\n.v-expansion-panel-title {\r\n    margin: 0;\r\n}\r\n\r\n.v-expansion-panels {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.v-expansion-panel {\r\n    background: var(--primary-color)!important;\r\n}\r\n</style>","<script setup>\r\nimport { ref, toRefs } from 'vue'\r\nimport Rules from '../components/Rules.vue'\r\nimport Launchers from '../configs/launcher.json'\r\n\r\nvar dialog = ref(false)\r\nvar model = ref()\r\n\r\nconst props = defineProps({\r\nhome: Boolean\r\n})\r\nconst {home} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n<v-btn size=\"large\" class=\"play\" @click=\"dialog = true\" v-if=\"home\">PLAY NOW FOR FREE</v-btn>\r\n<div id=\"menu\" @click=\"dialog = true\" v-else>\r\n  <v-icon icon=\"mdi-download\"></v-icon>\r\n<v-tooltip activator=\"parent\" location=\"right\">Download</v-tooltip>\r\n    </div>\r\n\r\n  <v-dialog transition=\"dialog-bottom-transition\" :width=\"500\" v-model=\"dialog\" scrollable>\r\n    <v-card>\r\n      <v-toolbar dark color=\"primary\">\r\n        <v-icon>mdi-download</v-icon>\r\n        <v-toolbar-title>Download</v-toolbar-title>\r\n        <v-spacer></v-spacer>\r\n\r\n        <template v-slot:extension>\r\n          <v-tabs v-model=\"model\" centered>\r\n            <v-tab value=\"1\">\r\n              Rules\r\n            </v-tab>\r\n            <v-tab value=\"2\">\r\n              requirements\r\n            </v-tab>\r\n            <v-tab value=\"3\">\r\n              Download\r\n            </v-tab>\r\n          </v-tabs>\r\n        </template>\r\n\r\n      </v-toolbar>\r\n\r\n      <v-window v-model=\"model\">\r\n        <v-window-item value=\"1\">\r\n          <v-card>\r\n            <v-card-text>\r\n              <Rules />\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n        <v-window-item value=\"2\">\r\n          <v-card>\r\n            <v-card-text>\r\n              <v-list lines=\"one\">\r\n                <v-list-item title=\"Recommended CPU\" subtitle=\"Intel Pentium 4 2.0GHz / AMD Athlon XP 2000+\"><template\r\n                    v-slot:prepend>\r\n                    <v-icon icon=\"mdi-cpu-64-bit\"></v-icon>\r\n                  </template></v-list-item>\r\n                <v-list-item title=\"Recommended GPU\" subtitle=\"DirectX 9 Compatible Graphics Card\"><template v-slot:prepend>\r\n                    <v-icon icon=\"mdi-expansion-card\"></v-icon>\r\n                  </template></v-list-item>\r\n                <v-list-item title=\"Recommended RAM\" subtitle=\"1.5 GB RAM\"><template v-slot:prepend>\r\n                    <v-icon icon=\"mdi-memory\"></v-icon>\r\n                  </template></v-list-item>\r\n                <v-list-item title=\"Recommended storage\" subtitle=\"6 GB HDD or SSD\"><template v-slot:prepend>\r\n                    <v-icon icon=\"mdi-harddisk\"></v-icon>\r\n                  </template></v-list-item>\r\n              </v-list>\r\n\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n        <v-window-item value=\"3\">\r\n          <v-card>\r\n            <v-card-text>\r\n              <div class=\"downloadbtn\">By downloading the launcher, you accept the rules of the server.</div>\r\n              <br>\r\n              <div v-for=\"Launcher in Launchers\" :key=\"Launcher.name\" class=\"downloadbtn\">\r\n                <a :href=\"Launcher.url\" target=\"_blank\">\r\n                  <v-btn v-if=\"Launcher.active\" variant=\"tonal\">{{ Launcher.name }}</v-btn>\r\n                </a>\r\n\r\n              </div>\r\n              <br>\r\n              <a class=\"downloadbtn\" href=\"https://lutris.net/games/soapbox-race-world-need-for-speed-world/\"\r\n                target=\"_blank\">\r\n                Running on Linux?\r\n              </a>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n      </v-window>\r\n\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<style>\r\n.v-list-item__prepend {\r\n  font-size: 30px!important;\r\n  margin-top: 10px;\r\n}\r\n</style>\r\n<style scoped>\r\n.downloadbtn {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 10px 0;\r\n}\r\n\r\nbutton {\r\n  margin: initial !important;\r\n}\r\n\r\n#menu {\r\n    font-weight: bold;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    height: 40px;\r\n    width: 40px;\r\n    background: transparent;\r\n    transition: all 0.15s ease-in-out;\r\n    display: flex;\r\n    align-items: center;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n}\r\n\r\n#menu i {\r\n    margin: 0 7px;\r\n}\r\n\r\n.play {\r\n    margin-bottom: 20px!important;\r\n    background: var(--tertiary-color);\r\n    margin-top: 30px;\r\n}\r\n\r\n.router-link-active {\r\n    font-weight: bold;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color) !important;\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n\r\n#menu:hover {\r\n    font-weight: bold;\r\n    background: var(--quaternary-color);\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n</style>\r\n\r\n<style>\r\n.v-list-item-title {\r\n  margin: 10px 0 !important;\r\n}\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    onMounted\r\n} from 'vue'\r\nimport axios from 'axios'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst streams = ref([]);\r\n\r\nasync function fetchTwitchStreams() {\r\n    try {\r\n        const response = await axios.get('https://api.nightriderz.world/twitch/streams.php');\r\n        streams.value = response.data.data.map(stream => ({\r\n            ...stream,\r\n            thumbnail_url: stream.thumbnail_url.replace('{width}x{height}', '318x178')\r\n        }));\r\n    } catch (error) {\r\n        console.error(\"Failed to fetch Twitch streams:\", error);\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n    fetchTwitchStreams();\r\n    setInterval(fetchTwitchStreams, 60000); // Appel périodique toutes les 10 secondes\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n            <v-row align=\"start\">\r\n              <v-col cols=\"12\" sm=\"6\" md=\"6\" lg=\"4\" v-for=\"stream in streams\" :key=\"stream.id\">\r\n                    <v-card style=\"width: 330px;padding-left: 0;padding-right: 0;background: #34275e;border-radius: 8px;box-shadow: none;\">\r\n                        <v-card style=\"position: absolute;z-index: 500;padding: 0 5px 0 5px ;background: red;font-size: 12px;left: 12px;top:12px;border-radius: 2px;box-shadow: none;\">LIVE</v-card>\r\n                        <v-card style=\"position: absolute;z-index: 500;padding: 0 5px 0 3px ;background: #12141c;font-size: 12px;right: 12px;top:160px;border-radius: 2px;box-shadow: none;\"><v-icon style=\"font-size: 12px;margin-right: 2px;\">mdi-account</v-icon>{{ stream.viewer_count}}</v-card>\r\n                        <v-card style=\"position: relative; z-index: 404;background: #11141c;width: 318px!important ;height: 178px!important;margin-left: auto;margin-right: auto;border-radius: 4px;margin-top: 6px;box-shadow: none;\"><v-icon style=\"display:flex; margin-left: auto;margin-right: auto;margin-top: 50px;font-size: 60px;\">mdi-reload</v-icon><v-img :src=\"stream.thumbnail_url\" style=\"position: absolute;z-index: 405;background: #11141c;width: 318px!important;top: 0px;\"></v-img></v-card>\r\n                        <v-card class=\"d-flex align-center justify-center\" style=\"margin-left: 6px;margin-right: 6px;margin-top: 6px;padding-left: 4px;padding-right:4px;box-shadow: none;background: #12141c;font-size: 16px;font-weight: 600;text-align: center;\">{{ stream.user_name }}</v-card>\r\n                        <v-card class=\"d-flex align-center justify-center\"style=\"margin-left: 6px;margin-right: 6px;margin-top: 6px;padding-left: 4px;padding-right:4px;box-shadow: none;background: #12141c;font-size: 14px;height: 50px;\">{{ stream.title }}</v-card>\r\n                        <v-btn :href=\"'https://www.twitch.tv/' + stream.user_name\" target=\"_blank\" style=\"width: 318px;margin-left: 6px;margin-right: 6px;margin-top: 6px;margin-bottom: 6px;box-shadow: none;background: #12141c;font-weight: 600;\"><v-icon style=\"margin-right: 10px;\">mdi-twitch</v-icon>WATCH ON TWITCH</v-btn>\r\n                    </v-card>\r\n                </v-col>\r\n            </v-row>\r\n            <p style=\"margin-top: 30px;font-size: 16px;\">In order to list your <b>stream</b> here you need to set your <b>game category</b> to <b>Need for Speed: World</b> and have <b>nightriderz</b> or <b>nrz</b> in your stream <b>title</b>.</p>\r\n</template>\r\n\r\n<style scoped>\r\nfooter {\r\n    background: var(--primary-color);\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n\r\n[home='true'] {\r\n    margin-top: 0;\r\n}\r\n\r\nbutton {\r\n    margin: 20px 10px;\r\n}\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    onMounted\r\n} from 'vue'\r\nimport axios from 'axios'\r\nimport homeSection from '../configs/home.json'\r\nimport Download from './Download.vue'\r\nimport Streams from '../components/Streams.vue'\r\nimport background from '../configs/background.json'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nvar DiscordOnline = ref(0)\r\nvar backgroundset = ref(false)\r\nvar ServerInformation = ref([])\r\nvar number = Math.random() * (10 - 1) + 1;\r\nvar bgr = background[Math.floor(number)]\r\n\r\ngetDiscord()\r\ngetServerInformation()\r\n\r\nfunction getDiscord() {\r\n    proxy.$http.get(\"https://discordapp.com/api/guilds/441259702454845450/widget.json\").then(response => {\r\n\r\n        DiscordOnline.value = response.data.presence_count\r\n\r\n    }).catch(function (error) {\r\n    })\r\n}\r\n\r\nconst streams = ref([]);\r\n\r\nasync function fetchTwitchStreams() {\r\n    try {\r\n        const response = await axios.get('https://api.nightriderz.world/twitch/streams.php');\r\n        streams.value = response.data.data.map(stream => ({\r\n            ...stream,\r\n            thumbnail_url: stream.thumbnail_url.replace('{width}x{height}', '281x158')\r\n        }));\r\n    } catch (error) {\r\n        console.error(\"Failed to fetch Twitch streams:\", error);\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n    fetchTwitchStreams();\r\n    setInterval(fetchTwitchStreams, 60000); // Appel périodique toutes les 10 secondes\r\n});\r\n\r\nasync function getServerInformation() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"server\",\r\n        methodName: \"GetServerInformation\"\r\n    })\r\n    ServerInformation.value = res\r\n}\r\n\r\nvar items = [{\r\n        id: 1,\r\n        color: 'info',\r\n        icon: 'mdi-information',\r\n    },\r\n    {\r\n        id: 2,\r\n        color: 'error',\r\n        icon: 'mdi-alert-circle',\r\n    }\r\n]\r\n\r\nfunction getBackground() {\r\n    var number = Math.random() * (10 - 1) + 1;\r\n    var bgr = background[Math.floor(number)]\r\n    return 'background:linear-gradient(to bottom, rgba(136, 0, 255, 0) 53%, rgb(52 39 94) 100%),url(https://cdn.nightriderz.world/images/website/moonset/bgr/' + bgr.index + '.png) no-repeat ' + bgr.position +';background-size:cover;'\r\n}\r\n</script>\r\n\r\n<template>\r\n<div class=\"home\">\r\n\r\n    <div class=\"bgr\" :style=\"'background:linear-gradient(to bottom, rgba(136, 0, 255, 0) 53%, rgb(52 39 94) 100%),url(https://cdn.nightriderz.world/images/website/moonset/bgr/' + bgr.index + '.png) no-repeat ' + bgr.position +';background-size:cover;'\"></div>\r\n    <!-- BEGIN OF EVENT ALERT\r\n    <v-alert title=\"COMMUNITY EVENT - HALLOWEEN\" type=\"info\" icon=\"mdi-calendar-star\" style=\"flex: initial;margin: 20px !important;background-color: rgb(255, 94, 0)!important;\">\r\n    <div class=\"d-flex\" style=\"align-items: center;\">24 October 2023 to 31 October 2023<div class=\"spacer\"></div>\r\n    <Router-link to=\"/event/halloween23\">\r\n    <v-btn variant=\"outlined\" append-icon=\"mdi-arrow-right\" style=\"margin-top:0;background: initial;\">\r\n  More infos\r\n</v-btn></Router-link></div>\r\n</v-alert>\r\nEND OF EVENT ALERT -->\r\n    <section class=\"wrapper\" style=\"margin-bottom:100px\">\r\n\r\n        <img src=\"https://cdn.nightriderz.world/images/website/logo/NRZ_Normal.svg\" alt=\"NIGHTRIDERZ small logo\" style=\"padding-top:100px;padding-bottom:100px;margin-top:50px\">\r\n        <span>The Horizon of Need for Speed: World is waiting for you.</span>\r\n        <p>NightRiderz is an open-source project which has started in May 2018, our main goal is to restore the game in its original state, with more features and cars.<br>We are affiliated with <b>Soapbox Race World</b>, a team of developers that has basically re-created <b>NFS: World</b> servers and shared it with us.</p>\r\n\r\n        <Download :home=\"true\" />\r\n\r\n        <!--<small>{{ ServerInformation.onlineNumber }} / {{ number_format(ServerInformation.numberOfRegistered) }} {{ ServerInformation.onlineNumber > 1 ? \"PLAYERS ONLINE\" : \"PLAYER ONLINE\" }}</small>-->\r\n\r\n    </section> \r\n    <!--<section class=\"section\" v-if=\"streams.length < 1\" style=\"background: #12141c;\">\r\n        <div class=\"container\">\r\n            <div style=\"flex:1\">\r\n                <h2>Streamers</h2>\r\n                    <p style=\"font-size: 16px;\">There is currently no streamer on <b>Need for Speed: World</b> playing on our server.</p>\r\n                    <p style=\"font-size: 16px;margin-top: 6px;\">In order to list your <b>stream</b> here you need to set your <b>game category</b> to <b>Need for Speed: World</b> and have <b>nightriderz</b> or <b>nrz</b> in your stream <b>title</b>.</p>\r\n            </div>\r\n        </div>\r\n    </section>-->\r\n    <section v-if=\"streams.length > 0\" class=\"section\" style=\"background: var(--primary-color)!important;\">\r\n        <v-expand-transition>\r\n        <div class=\"container\">\r\n            <div style=\"flex:1;\">\r\n                <h2>Streamers on NRZ</h2>\r\n                <Streams />\r\n            </div>\r\n        </div>\r\n    </v-expand-transition>\r\n    </section>\r\n    <!--\r\n    <section class=\"section\" v-show=\"streams.length > 0\" style=\"background: #12141c;\">\r\n        <div class=\"container\">\r\n            <div style=\"flex:1\">\r\n                <h2>Streamers on NRZ</h2>\r\n                <v-row>\r\n                <v-col cols=\"2\" md=\"4\" v-for=\"stream in streams\" :key=\"stream.id\">\r\n                    <v-card style=\"width: 294px;padding-left: 0;padding-right: 0;background: #34275e;border-radius: 8px;box-shadow: none;margin-left: -36px;\">\r\n                        <v-card style=\"position: absolute;z-index: 500;padding: 0 5px 0 5px ;background: red;font-size: 12px;left: 12px;top:12px;border-radius: 2px;box-shadow: none;\">LIVE</v-card>\r\n                        <v-card style=\"position: absolute;z-index: 500;padding: 0 5px 0 3px ;background: #12141c;font-size: 12px;right: 12px;top:142px;border-radius: 2px;box-shadow: none;\"><v-icon style=\"font-size: 12px;margin-right: 2px;\">mdi-account</v-icon>{{ stream.viewer_count}}</v-card>\r\n                        <v-card style=\"position: relative; z-index: 404;background: #11141c;width: 281px!important ;height: 158px!important;margin-left: auto;margin-right: auto;border-radius: 4px;margin-top: 6px;box-shadow: none;\"><v-icon style=\"display:flex; margin-left: auto;margin-right: auto;margin-top: 50px;font-size: 60px;\">mdi-reload</v-icon><v-img :src=\"stream.thumbnail_url\" style=\"position: absolute;z-index: 405;background: #11141c;width: 281px!important;top: 0px;\"></v-img></v-card>\r\n                        <v-card class=\"d-flex align-center justify-center\" style=\"margin-left: 7px;margin-right: 7px;margin-top: 7px;padding-left: 4px;padding-right:4px;box-shadow: none;background: #12141c;font-size: 16px;font-weight: 600;text-align: center;\">{{ stream.user_name }}</v-card>\r\n                        <v-card class=\"d-flex align-center justify-center\"style=\"margin-left: 7px;margin-right: 7px;margin-top: 7px;padding-left: 4px;padding-right:4px;box-shadow: none;background: #12141c;font-size: 14px;height: 50px;\">{{ stream.title }}</v-card>\r\n                        <v-btn :href=\"'https://www.twitch.tv/' + stream.user_name\" target=\"_blank\" style=\"width: 281px;margin-left: 7px;margin-right: 7px;margin-top: 7px;margin-bottom: 7px;box-shadow: none;background: #12141c;font-weight: 600;\"><v-icon style=\"margin-right: 10px;\">mdi-twitch</v-icon>WATCH ON TWITCH</v-btn>\r\n                    </v-card>\r\n                </v-col>\r\n            </v-row>\r\n            <p style=\"margin-top: 30px;font-size: 16px;\">In order to list your <b>stream</b> here you need to set your <b>game category</b> to <b>Need for Speed: World</b> and have <b>nightriderz</b> or <b>nrz</b> in your stream <b>title</b>.</p>\r\n            </div>\r\n        </div>\r\n    </section>-->\r\n    <section class=\"section\" v-for=\"(section, index) in homeSection\" :key=\"section.title\" :style=\"index%2 > 0 ? 'background: var(--primary-color)!important;':''\">\r\n        <div class=\"container\">\r\n            <div v-if=\"index%2 > 0\">\r\n                <a :href=\"section.image_big\" target=\"_blank\"><img class=\"elevation-3 rounded\" :src=\"section.image_url\" :alt=\"section.title\" style=\"height: auto;box-shadow: none!important\"></a>\r\n            </div>\r\n            <div>\r\n                <h2>{{ section.title }}</h2>\r\n                <p>{{ section.description }}</p>\r\n\r\n                <router-link :to=\"'/' + section.button_href\" v-if=\"section.button_href != 'discord'\">\r\n                    <v-btn v-if=\"section.button\" variant=\"tonal\">{{ section.button_label }}</v-btn>\r\n                </router-link>\r\n                <a href=\"https://discord.com/invite/VarWbyq\" target=\"_blank\" v-else>\r\n                    <v-btn v-if=\"section.button\" variant=\"tonal\">{{ section.button_label }}</v-btn>\r\n                </a>\r\n            </div>\r\n            <div v-if=\"index%2 == 0\">\r\n                <a :href=\"section.image_big\" target=\"_blank\"><img class=\"elevation-3 rounded\" :src=\"section.image_url\" :alt=\"section.title\" style=\"height: auto;box-shadow: none!important\"></a>\r\n            </div>\r\n\r\n        </div>\r\n    </section>\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <div style=\"flex:1\">\r\n                <h2>Community</h2>\r\n                <p>\r\n                    Find all the game info and an active community on our Discord.<br>\r\n                    Anyone can speak in any language to just chat, share or ask for help.\r\n                </p>\r\n                <a href=\"https://discord.com/invite/VarWbyq\" target=\"_blank\">\r\n                    <v-btn prepend-icon=\"mdi-discord\" variant=\"tonal\">\r\n                        Join Discord ({{ number_format(DiscordOnline) }} online)\r\n                    </v-btn>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.slide-fade-enter-active, .slide-fade-leave-active {\r\n  transition: all 5s ease;\r\n}\r\n.slide-fade-enter, .slide-fade-leave-to /* Début et fin de l'état de transition */ {\r\n  transform: translateY(-100%);\r\n  opacity: 0;\r\n}\r\n\r\n\r\n.right {\r\n    text-align: right;\r\n}\r\n\r\n.rounded {\r\n    border-radius: 6px !important;\r\n}\r\n\r\n.section {\r\n    padding-bottom: 4rem;\r\n    padding-top: 4rem;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-left: 24px;\r\n    margin-right: 24px;\r\n    border-radius: 6px!important;\r\n}\r\n\r\n.container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    max-width: 1140px;\r\n}\r\n\r\n.container img {\r\n    width: 475px;\r\n}\r\n\r\n.container h2 {\r\n    font-size: 2.0rem;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.container p {\r\n    font-size: 1.25rem;\r\n    font-weight: 400;\r\n}\r\n\r\n.container div:first-child {\r\n    padding-left: 3rem;\r\n    padding-right: 3rem;\r\n}\r\n\r\n.section-title {\r\n    font-size: 30px;\r\n    margin: 35px auto 0 0;\r\n    text-align: center;\r\n    line-height: 36px;\r\n    font-weight: 500 !important;\r\n}\r\n\r\nbutton {\r\n    background: var(--tertiary-color);\r\n    margin-top: 30px;\r\n}\r\n\r\n.home {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n    background: rgb(52 39 94);\r\n}\r\n\r\n.wrapper {\r\n    padding-bottom: 0px;\r\n    margin-bottom: 35px;\r\n    display: block;\r\n    min-height: 200px;\r\n    max-height: 633px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    z-index: 1;\r\n}\r\n\r\n.wrapper img {\r\n    height: 300px;\r\n    filter: drop-shadow(0 0 0.75rem black);\r\n    margin-bottom: -45px;\r\n    margin-top: -45px;\r\n}\r\n\r\n.wrapper span {\r\n    text-shadow: 0px 0px 5px black;\r\n    border-radius: 5px;\r\n    padding: 15px;\r\n    display: block;\r\n    margin: 15px;\r\n    font-size: 34px;\r\n}\r\n\r\n.wrapper p {\r\n    margin: 0px 0 60px 0;\r\n    font-size: 15px;\r\n}\r\n\r\n.about,\r\n.status,\r\n.strong,\r\n.infos {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 20px 0px;\r\n    color: white;\r\n    text-align: center;\r\n}\r\n\r\n.infos {\r\n    align-items: center;\r\n    flex: 1;\r\n    margin: 30px 0;\r\n    padding: initial;\r\n    display: flex;\r\n    justify-content: center;\r\n    max-width: initial;\r\n}\r\n\r\n.about div {\r\n    display: flex;\r\n    flex: 1;\r\n}\r\n\r\n.infos div {\r\n    flex: 1;\r\n    max-width: 250px;\r\n}\r\n\r\n.about div p {\r\n    padding: 25px;\r\n}\r\n\r\n.v-card {\r\n    flex-direction: column;\r\n}\r\n\r\n.strong {\r\n    text-align: left;\r\n    display: flex;\r\n}\r\n\r\n.strong .v-list {\r\n    flex: 1;\r\n    margin: 20px;\r\n}\r\n\r\n.bgr {\r\n\r\n    display: block;\r\n    height: 633px;\r\n    position: absolute;\r\n    left: 60px;\r\n    right: 0;\r\n    z-index: 0;\r\n    background-size: cover;\r\n}\r\n</style>\r\n","import { defineStore } from \"pinia\"\r\n\r\nvar classes = []\r\nvar launchers = []\r\n\r\nconst ServerStore = defineStore('ServerStore', {\r\n    state: () => {\r\n        return {\r\n          classes, launchers\r\n        }\r\n    },\r\n    actions: {\r\n        getClassesRanking() {\r\n            var classs = this.classes.reverse()\r\n            var res = ['ALL']\r\n            classs.forEach((e,i)=> {\r\n                res.push(e.name.replace('CLASS ', ''))\r\n\r\n                if(i == classs.length) return res\r\n            })\r\n            \r\n        },\r\n        getLetterByHash(e) {\r\n            var classs = this.classes.findIndex((item) => item.hash === e)\r\n            if(classs != -1)\r\n                return this.classes[classs].name.replace('CLASS ', '')\r\n            else \r\n                return \"O\"\r\n        },\r\n        getHashByLetter() {\r\n\r\n        }\r\n    } \r\n})\r\n\r\nexport { ServerStore }","<script setup>\r\nimport {\r\n    toRefs,\r\n    ref\r\n} from 'vue'\r\nimport {\r\n    useRoute\r\n} from 'vue-router'\r\nimport {\r\n    ServerStore\r\n} from '../pinia/Server.js'\r\nconst route = useRoute()\r\nconst Server = ServerStore()\r\nconst props = defineProps({\r\n    data: Object,\r\n    hidename: {\r\n        type: Boolean,\r\n        default: true\r\n    }\r\n})\r\nconst {\r\n    data,\r\n    hidename\r\n} = toRefs(props)\r\n</script>\r\n\r\n<template>\r\n<RouterLink v-if=\"data.race.isBoosted == 0 && data.record.name != null\" :to=\"hidename ? '/leaderboard/' + data.race.id: 'times/' + data.race.id\" tag=\"div\" class=\"leaderboardcard\">\r\n<div>\r\n    <v-card style=\"box-shadow:none;height:30px;top:5px;left:5px;width:330px!important\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.race.carClassHash) + '.png'\" height=\"24\" style=\"position:absolute;right:3px;top:3px\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + data.race.eventModeId + '.png'\" width=\"24\" style=\"position: absolute;top:3px;left:4px\">\r\n        <span class=\"text-truncate\" style=\"display:inline-block;max-width: 260px;font-weight:600;left:32px!important;top:4px;margin-left:32px;margin-top:4px\" :title=\"data.race.name\">{{data.race.name}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:40px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:2px;left:4px\">mdi-timer</v-icon>\r\n        <span style=\"font-weight:600;position:relative;left:32px!important;top:4px\">{{msToHMS(data.record.eventDurationInMilliseconds)}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:75px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:2px;left:4px\">mdi-account</v-icon>\r\n        <span style=\"font-weight:600;position:relative;left:32px!important;top:4px\">{{data.record.name}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:110px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:-6px;left:4px;\">mdi-car</v-icon>\r\n        <span class=\"text-truncate\" style=\"display:inline-block;position:relative;font-weight:600;max-width:290px;left:32px!important;top:4px\">{{data.record.manufactor + \" \" + data.record.model}}</span>\r\n    </v-card>\r\n</div>\r\n    <!--<img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + data.race.eventModeId + '.png'\" width=\"50\">\r\n    <div class=\"name\">\r\n        <b :title=\"data.race.name\">{{data.race.name}}</b>\r\n\r\n        <div class=\"time\" :title=\"data.record.manufactor + ' ' + data.record.model\" v-if=\"data.record.length != 0\">\r\n            <v-icon class=\"timer\" icon=\"mdi-timer-outline\"></v-icon>{{msToHMS(data.record.eventDurationInMilliseconds)}}<span v-if=\"hidename\"> by {{data.record.name}}</span>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"spacer\"></div>\r\n    <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.race.carClassHash) + '.png'\" height=\"26\">-->\r\n\r\n</RouterLink>\r\n\r\n<RouterLink v-if=\"data.race.isBoosted == 1\" :to=\"hidename ? '/leaderboard/' + data.race.id: 'times/' + data.race.id\" tag=\"div\" class=\"leaderboardcardboost\">\r\n    <!--<img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + data.race.eventModeId + '.png'\" width=\"50\">\r\n    <div class=\"nameboost\">\r\n        <span style=\"font-size: 8px;padding-top: 100px;color:#FFD700\">REWARDS BOOSTED</span>\r\n        <b :title=\"data.race.name\" style=\"margin-top: -6px;\">{{data.race.name}}</b>\r\n\r\n        <div class=\"time\" :title=\"data.record.manufactor + ' ' + data.record.model\" v-if=\"data.record.length != 0\">\r\n            <v-icon class=\"timer\" icon=\"mdi-timer-outline\"></v-icon>{{msToHMS(data.record.eventDurationInMilliseconds)}}<span v-if=\"hidename\"> by {{data.record.name}}</span>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"spacer\"></div>\r\n    <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.race.carClassHash) + '.png'\" height=\"26\">-->\r\n    <div>\r\n    <v-card style=\"box-shadow:none;height:30px;top:5px;left:5px;width:330px!important\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.race.carClassHash) + '.png'\" height=\"24\" style=\"position:absolute;right:3px;top:3px\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + data.race.eventModeId + '.png'\" width=\"24\" style=\"position: absolute;top:3px;left:4px\">\r\n        <span class=\"text-truncate\" style=\"display:inline-block;max-width: 260px;font-weight:600;left:32px!important;top:4px;margin-left:32px;margin-top:4px\" :title=\"data.race.name\">{{data.race.name}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:40px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:2px;left:4px\">mdi-timer</v-icon>\r\n        <span style=\"font-weight:600;position:relative;left:32px!important;top:4px\">{{msToHMS(data.record.eventDurationInMilliseconds)}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:75px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:2px;left:4px\">mdi-account</v-icon>\r\n        <span style=\"font-weight:600;position:relative;left:32px!important;top:4px\">{{data.record.name}}</span>\r\n    </v-card>\r\n</div>\r\n<div style=\"position:absolute\">\r\n    <v-card style=\"box-shadow:none;height:30px;top:110px;left:5px;width:330px!important\">\r\n        <v-icon style=\"margin-right:-24px;font-size:24px;top:2px;left:4px\">mdi-car</v-icon>\r\n        <span style=\"font-weight:600;position:relative;left:32px!important;top:4px\">{{data.record.manufactor + \" \" + data.record.model}}</span>\r\n    </v-card>\r\n</div>\r\n</RouterLink>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n.timer {\r\n    margin-right: 5px;\r\n}\r\n\r\n.leaderboardcard {\r\n    border-radius: 8px;\r\n    box-shadow: rgb(0 0 0 / 25%) 0px 3px 8px;\r\n    overflow: hidden;\r\n    background: white;\r\n    width: 340px;\r\n    display: flex;\r\n    background-color: var(--primary-color);\r\n    margin: 10px;\r\n    height: 145px;\r\n}\r\n\r\n.ellipsis {\r\n    width: 215px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n\r\n.leaderboardcardboost {\r\n    border-radius: 8px;\r\n    box-shadow: rgb(0 0 0 / 25%) 0px 3px 8px;\r\n    overflow: hidden;\r\n    background: white;\r\n    width: 340px;\r\n    display: flex;\r\n    background-color: #FFD700;\r\n    margin: 10px;\r\n    height: 145px;\r\n}\r\n\r\n.name {\r\n    margin-left: 10px;\r\n    line-height: 20px;\r\n}\r\n\r\n.nameboost {\r\n    margin-left: 10px;\r\n    margin-top: -10px;\r\n    line-height: 20px;\r\n}\r\n\r\nb {\r\n    width: 215px;\r\n    text-overflow: ellipsis;\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n}\r\n\r\n.time {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 13px;\r\n}\r\n\r\n.time .material-icons-outlined {\r\n    font-size: 18px;\r\n    margin-right: 5px;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n<v-card class=\"card\">\r\n\r\n    <Skeletor width=\"100%\" height=\"145\" />\r\n\r\n</v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.card {\r\n    background: var(--primary-color);\r\n    overflow: hidden;\r\n    width: 340px!important;\r\n    background-color: var(--primary-color);\r\n    margin: 11px;\r\n    height: 145px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport leaderboardCard from \"../components/leaderboardCard.vue\"\r\nimport SKleaderboardCard from \"../components/skeletons/SKleaderboardCard.vue\"\r\nimport {\r\n    getCurrentInstance,\r\n    ref,\r\n    computed,\r\n    watch\r\n} from 'vue'\r\nimport {\r\n    useRoute\r\n} from 'vue-router'\r\nimport {\r\n    ServerStore\r\n} from \"../pinia/Server.js\"\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst Server = ServerStore()\r\nconst route = useRoute()\r\nconst classes = ref([])\r\nconst chips_class = ref(0)\r\n\r\nGetServerInfo()\r\n\r\nasync function GetServerInfo() {\r\n    var classs = await proxy.$api({\r\n        serviceName: \"server\",\r\n        methodName: \"moonset\"\r\n    })\r\n    Server.classes = classs.classes\r\n    var res = ['ALL', 'O']\r\n    classs.classes.reverse().forEach((e, i) => {\r\n        res.push(e.name.replace('CLASS ', ''))\r\n\r\n    })\r\n    classes.value = res\r\n    chips_class.value = classes.value.indexOf(route.params.class) > 0 ? classes.value.indexOf(route.params.class) : 0\r\n}\r\n\r\nconst modes = [{\r\n    name: \"ALL\",\r\n    value: \"all\",\r\n    path: \"all\"\r\n}, {\r\n    name: \"CIRCUIT\",\r\n    value: \"4\",\r\n    path: \"circuit\"\r\n}, {\r\n    name: \"SPRINT\",\r\n    value: \"9\",\r\n    path: \"sprint\"\r\n}, {\r\n    name: \"DRAG\",\r\n    value: \"19\",\r\n    path: \"drag\"\r\n}, {\r\n    name: \"TEAM ESCAPE\",\r\n    value: \"24\",\r\n    path: \"team_escape\"\r\n}]\r\nconst inputsearch = ref(\"\")\r\nvar races = ref([])\r\n\r\nconst computedRaces = computed(() => {\r\n\r\n    var result = []\r\n    var racesTemp = races.value\r\n\r\n    if (route.params.type != \"all\" && !route.params.class)\r\n        result = racesTemp.filter(i => i.race.eventModeId == modes[modes.findIndex((item) => item.path === route.params.type)].value && i.race.name.toLowerCase().includes(inputsearch.value.toLowerCase()))\r\n    else if (route.params.type != \"all\" && route.params.class && route.params.class != \"ALL\")\r\n        result = racesTemp.filter(i => i.race.eventModeId == modes[modes.findIndex((item) => item.path === route.params.type)].value && Server.getLetterByHash(i.race.carClassHash) == route.params.class && i.race.name.toLowerCase().includes(inputsearch.value.toLowerCase()))\r\n    else if (route.params.type == \"all\" && route.params.class && route.params.class != \"ALL\")\r\n        result = racesTemp.filter(i => Server.getLetterByHash(i.race.carClassHash) == route.params.class && i.race.name.toLowerCase().includes(inputsearch.value.toLowerCase()))\r\n    else if (inputsearch.value)\r\n        result = racesTemp.filter(i => i.race.name.toLowerCase().includes(inputsearch.value.toLowerCase()))\r\n    else\r\n        result = racesTemp\r\n\r\n    if (route.params.active == \"rotation\")\r\n        result = result.filter(i => i.race.isEnabled == 1)\r\n\r\n    if (result.length > 0) {\r\n        document.querySelector('.skeleton').style.display = \"none\"\r\n        return result\r\n    }\r\n\r\n})\r\n\r\nfunction search(e) {\r\n    inputsearch.value = e\r\n}\r\n\r\nwatch(route, (newValue, oldValue) => {\r\n    chips_class.value = classes.value.indexOf(newValue.params.class) > 0 ? classes.value.indexOf(newValue.params.class) : 0\r\n})\r\n\r\ncallCards()\r\n\r\nasync function callCards() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"GetCards\",\r\n        parameters: []\r\n    })\r\n    races.value = res\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-timer\"></v-icon>\r\n    <v-app-bar-title>Leaderboards</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <router-link :to=\"'/rotations'\">\r\n        <v-btn prepend-icon=\"mdi-go-kart-track\" variant=\"tonal\">Rotations</v-btn>\r\n    </router-link>\r\n    <template v-slot:extension>\r\n        <v-tabs>\r\n            <v-tab v-for=\"mode in modes\" :to=\"'/leaderboards/' + mode.path + '/' + route.params.active + '/' + route.params.class\">{{ mode.name }}</v-tab>\r\n        </v-tabs>\r\n        <v-spacer></v-spacer>\r\n        <v-tabs>\r\n            <v-tab :to=\"'/leaderboards/' + route.params.type + '/rotation' + '/' + route.params.class\">Active Races</v-tab>\r\n            <v-tab :to=\"'/leaderboards/' + route.params.type + '/all' + '/' + route.params.class\">All races</v-tab>\r\n        </v-tabs>\r\n    </template>\r\n</v-app-bar>\r\n\r\n<div class=\"leaderboards\">\r\n\r\n    <div class=\"d-flex\" style=\"margin: 30px 30px 0px 30px; justify-content: center;align-items: center;\">\r\n        <v-text-field @update:model-value=\"search\" style=\"flex:1;margin-right: 20px;\" label=\"Search a race\" prepend-icon=\"mdi-magnify\" variant=\"underlined\"></v-text-field>\r\n        <v-chip-group filter v-model=\"chips_class\">\r\n            <v-chip :value=\"index\" v-for=\"(classe, index) in classes\" :to=\"'/leaderboards/' + route.params.type + '/' + route.params.active + (classe != 'ALL' ? '/'+classe : '') + ''\">{{classe}}</v-chip>\r\n        </v-chip-group>\r\n\r\n    </div>\r\n\r\n    <div class=\"grid skeleton\">\r\n        <SKleaderboardCard v-for=\"i in 40\" />\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n        <leaderboardCard :key=\"race.id\" :data=\"race\" v-for=\"race in computedRaces\" v-if=\"computedRaces\" />\r\n        <div v-else>Sorry, no matching race.</div>\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n\r\n.button {\r\n    box-shadow: none;\r\n    background: 0 0;\r\n    border: none;\r\n    border-radius: 6px;\r\n    position: relative;\r\n    height: 36px;\r\n    padding: 0 16px;\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0;\r\n    overflow: hidden;\r\n    will-change: box-shadow;\r\n    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);\r\n    outline: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    line-height: 36px;\r\n}\r\n\r\n.nav {\r\n    background-color: var(--secondary-color);\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 10px 10px 10px;\r\n    padding: 5px;\r\n}\r\n\r\n.containernav {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.button:hover {\r\n    background: var(--quaternary-color);\r\n    color: #f1f2f3;\r\n}\r\n\r\n.button.router-link-active {\r\n    color: white !important;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color);\r\n}\r\n\r\n.header {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--primary-color);\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    toRefs,\r\n    ref,\r\n    getCurrentInstance,\r\n    computed\r\n} from 'vue'\r\nimport {\r\n    useRoute\r\n} from 'vue-router'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nconst route = useRoute()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst props = defineProps({\r\n    data: Object,\r\n    position: Number,\r\n    showDriver: {\r\n        type: Boolean,\r\n        default: true\r\n    }\r\n})\r\nconst {\r\n    data,\r\n    position\r\n} = toRefs(props)\r\n\r\nconst emit = defineEmits(['dialogData', 'refresh'])\r\nconst dialogData = () => {\r\n    emit('dialogData', data.value.car.eventDataSetupHash, data.value)\r\n    console.log(data)\r\n}\r\nconst refresh = () => {\r\n    emit('refresh')\r\n}\r\n\r\nconst isSameId = computed(() => {\r\n    return data.value.persona[0].ID === Driver.persona.ID;\r\n});\r\n\r\nasync function deleteRow() {\r\n    let race_id = route.params.id ? route.params.id : route.params.race_id\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"deleteRow\",\r\n        parameters: [data.value.race.id, race_id]\r\n    })\r\n    emit('deleteRowEvent', data.value.race.id, race_id);\r\n    refresh()\r\n}\r\n\r\n</script>\r\n\r\n\r\n\r\n<template>\r\n    <tr class=\"leaderboardrow\" :class=\"{ 'highlight-red': isSameId }\">\r\n        <td><v-btn :class=\"'trophy trophy' + position\" :prepend-icon=\"position < 4 ? 'mdi-trophy' : ''\" disabled\r\n                style=\"background: var(--primary-color);color:rgba(var(--v-theme-on-surface), 0)\">{{ position }}</v-btn>\r\n        </td>\r\n        <td v-if=\"showDriver\">\r\n            <div class=\"containericone\">\r\n                <router-link :to=\"'/driver/' + data.persona[0].name\">\r\n                    <v-btn class=\"carclass\" size=\"x-small\">\r\n                        <img :src=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + data.persona[0].iconIndex + '.jpg'\"\r\n                            style=\"border-radius:50px!important\">\r\n                        <span>{{ data.persona[0].tag ? '[' + data.persona[0].tag + '] ' : '' }}{{ data.persona[0].name\r\n                            }}</span>\r\n                    </v-btn>\r\n                </router-link>\r\n            </div>\r\n        </td>\r\n        <td>\r\n            <v-btn class=\"carclass\" prepend-icon=\"mdi-car-cog\" size=\"x-small\" @click=\"dialogData\"\r\n                v-if=\"data.car.eventDataSetupHash\">\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.car.class) + '.png'\"\r\n                    :title=\"data.car.rating\">\r\n                <span>{{ data.car.manufactor }} {{ data.car.model }}</span>\r\n            </v-btn>\r\n\r\n            <v-btn class=\"carclass disabled\" size=\"x-small\" v-else>\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.car.class) + '.png'\"\r\n                    :title=\"data.car.rating\" style=\"pointer-events: initial;\">\r\n                <span>{{ data.car.manufactor }} {{ data.car.model }}</span>\r\n            </v-btn>\r\n        </td>\r\n        <td class=\"details\">\r\n\r\n            <div class=\"containericone\">\r\n                <div class=\"icone\" v-if=\"parseInt(data.race.lobbyId)\">\r\n                    <img src=\"https://cdn.nightriderz.world/images/website/Multiplayer.png\"\r\n                        title=\"Time made in multiplayer\">\r\n                </div>\r\n                <div class=\"icone\" v-else>\r\n                    <img src=\"https://cdn.nightriderz.world/images/website/Singleplayer.png\"\r\n                        title=\"Time made in singleplayer\">\r\n                </div>\r\n                <div class=\"icone\" v-if=\"parseInt(data.race.perfectStart)\">\r\n                    <img src=\"https://cdn.nightriderz.world/images/website/icon-powerup/perfect.png\"\r\n                        title=\"Perfect Start\">\r\n                </div>\r\n                <div class=\"icone\" v-else>\r\n                    <img class=\"gray\" src=\"https://cdn.nightriderz.world/images/website/icon-powerup/perfect.png\"\r\n                        title=\"No Perfect Start\">\r\n                </div>\r\n\r\n                <v-btn class=\"carclass pu\" size=\"x-small\" v-for=\"pu in JSON.parse(data.powerups)\" :key=\"pu.id\"\r\n                    :title=\"pu.longDescription\">\r\n                    <img\r\n                        :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/powerup/' + pu.icon.replaceAll('_no_bg', '').toUpperCase() + '.png'\">\r\n                    x {{ pu.count }}\r\n                </v-btn>\r\n\r\n            </div>\r\n        </td>\r\n\r\n        <!--\r\n            <div v-if=\"data.document.eventModeId == '24\">\r\n                <div v-for=\"pu in data.cops\" :key=\"pu.id\">\r\n                    <img :title=\"pu.description\" :src=\"'https://cdn.nightriderz.world/images/website/icon-skill/' + pu.type + '.png\"> x {{pu.value}}\r\n                </div>\r\n            </div>-->\r\n\r\n        <td class=\"\"><span\r\n                style=\"background: #11141c;padding-top: 8px;padding-bottom:8px;padding-left: 6px;padding-right:6px;border-radius: 6px;margin-top: 6px!important;\">{{\r\n        msToHMS(data.race.eventDurationInMilliseconds) }}</span></td>\r\n        <td class=\"\" v-if=\"data.race.eventModeId == 4\"><span\r\n                style=\"background: #11141c;padding-top: 8px;padding-bottom:8px;padding-left: 6px;padding-right:6px;border-radius: 6px;margin-top: 6px!important;\">{{\r\n        msToHMS(data.race.bestLapDurationInMilliseconds) }}</span></td>\r\n        <td class=\"\"><span\r\n                style=\"background: #11141c;padding-top: 8px;padding-bottom:8px;padding-left: 6px;padding-right:6px;border-radius: 6px;margin-top: 6px!important;\">{{\r\n        mpstokmh(data.race.topSpeed) }} km/h<v-tooltip activator=\"parent\" location=\"bottom\">{{\r\n        mpstomph(data.race.topSpeed) }} mph</v-tooltip></span></td>\r\n        <td class=\"\"><span\r\n                style=\"background: #11141c;padding-top: 8px;padding-bottom:8px;padding-left: 6px;padding-right:6px;border-radius: 6px;margin-top: 6px!important;\">{{\r\n                formatDate(data.race.date) }}</span></td>\r\n        <td v-if=\"Driver.user.isAdmin == '1'\"><v-btn size=\"x-small\" icon=\"mdi-eye-off\" @click=\"deleteRow\"\r\n                style=\"background: #11141c;\"></v-btn></td>\r\n    </tr>\r\n</template>\r\n\r\n<style scoped>\r\n.disabled {\r\n    pointer-events: none;\r\n    background: #3b3b3b !important;\r\n}\r\n\r\n.v-btn--variant-tonal .v-btn__underlay {\r\n    opacity: 0 !important;\r\n}\r\n\r\n.pu {\r\n    pointer-events: none;\r\n}\r\n\r\n.pu img {\r\n    pointer-events: initial;\r\n}\r\n\r\n.gray {\r\n    filter: grayscale(1);\r\n}\r\n\r\n.trophy1 {\r\n    background: #FFD700 !important;\r\n}\r\n\r\n.trophy2 {\r\n    background: #C0C0C0 !important;\r\n}\r\n\r\n.trophy3 {\r\n    background: #CD7F32 !important;\r\n}\r\n\r\n.trophy::v-deep(i),\r\n.trophy::v-deep(.v-btn__content) {\r\n    color: white;\r\n}\r\n\r\n.trophy1::v-deep(i),\r\n.trophy1::v-deep(.v-btn__content),\r\n.trophy2::v-deep(i),\r\n.trophy2::v-deep(.v-btn__content),\r\n.trophy3::v-deep(i),\r\n.trophy3::v-deep(.v-btn__content) {\r\n    color: black;\r\n}\r\n\r\n.leaderboardrow {\r\n    margin: 10px 0;\r\n    font-size: 13px;\r\n}\r\n\r\n.highlight-red {\r\n    background: var(--tertiary-color) !important;\r\n}\r\n\r\n.details {\r\n    padding-top: 2.5px !important;\r\n    padding-bottom: 2.5px !important;\r\n}\r\n\r\n.leaderboardrow {\r\n    margin: 10px 0;\r\n    font-size: 13px;\r\n}\r\n\r\n.pus {\r\n    display: flex;\r\n}\r\n\r\n.pu,\r\n.icone,\r\n.carclass {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 0 10px 0 0;\r\n    background-color: var(--primary-color);\r\n    padding: 5px 8px;\r\n    font-size: 12px;\r\n    border-radius: 6px;\r\n    cursor: help;\r\n    height: 30px !important;\r\n}\r\n\r\n.persona {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 0 10px 0 0;\r\n    background-color: var(--primary-color);\r\n    padding: 5px 8px;\r\n    font-size: 12px;\r\n    border-radius: 6px;\r\n}\r\n\r\n.persona img {\r\n    margin-right: 5px;\r\n    border-radius: 2px;\r\n}\r\n\r\n.persona span {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 0 5px;\r\n}\r\n\r\n.containericone {\r\n    display: flex;\r\n    margin: 5px 0;\r\n}\r\n\r\n.carclass {\r\n    padding: 5px;\r\n    margin-right: 4px;\r\n    font-size: 13px;\r\n    cursor: initial;\r\n    padding-left: 8px;\r\n    cursor: zoom-in;\r\n}\r\n\r\n.carclass::v-deep(.v-btn__prepend) {\r\n    margin-right: 10px;\r\n}\r\n\r\n.carclass img {\r\n    cursor: help;\r\n    margin-right: 5px;\r\n}\r\n\r\n.carclass span {\r\n    display: flex;\r\n    flex: 1;\r\n    justify-content: center;\r\n    margin: 0 5px;\r\n}\r\n\r\n.icone {\r\n    padding: 5px;\r\n    margin-right: 4px;\r\n}\r\n\r\n.pu img {\r\n    margin-right: 8px;\r\n}\r\n\r\n.flex {\r\n    flex: 1;\r\n}\r\n\r\nimg {\r\n    height: 20px;\r\n}\r\n\r\n.size {\r\n    width: 150px;\r\n}\r\n\r\n.rank {\r\n    width: 50px;\r\n    text-align: center;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    toRefs\r\n} from 'vue'\r\nimport {\r\n    useRoute\r\n} from 'vue-router'\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\n\r\nconst props = defineProps({\r\n   hash: String\r\n})\r\nconst {\r\n    hash\r\n} = toRefs(props)\r\n\r\nconst data = ref([])\r\nconst route = useRoute()\r\ngetCarsInfo()\r\n\r\nasync function getCarsInfo() {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"getCarsInfoHash\",\r\n        \"parameters\": [route.params.hash ?? hash.value]\r\n    })\r\n    data.value = res\r\n}\r\n\r\nasync function copyLink() {\r\n    await navigator.clipboard.writeText('https://nightriderz.world/car/' + hash.value)\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-card class=\"mx-auto my-12\" width=\"500\" style=\"background: var(--primary-color)\">\r\n    <template v-slot:loader=\"{ isActive }\">\r\n        <v-progress-linear :active=\"isActive\" color=\"deep-purple\" height=\"4\" indeterminate></v-progress-linear>\r\n    </template>\r\n\r\n    <v-img cover height=\"250\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/cars/' + data.carName + '.png'\">\r\n        <v-btn v-if=\"hash\" variant=\"tonal\" @click=\"copyLink\" style=\"position: absolute;right: 10px;top: 10px;\">COPY LINK</v-btn></v-img>\r\n\r\n    <v-card-item>\r\n        <div style=\"display: flex;\">\r\n            <v-card-title>{{ data.manufactor + \" \" + data.model }}\r\n                <v-card-subtitle>\r\n                    <span class=\"me-1\">Owned by {{ data.persona }}</span>\r\n                </v-card-subtitle>\r\n            </v-card-title>\r\n\r\n            <v-spacer></v-spacer>\r\n            <img :title=\"data.carRating\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.carClassHash) + '.png'\" height=\"45\" width=\"45\">\r\n        </div>\r\n    </v-card-item>\r\n\r\n    <v-divider class=\"mx-4 mb-1\"></v-divider>\r\n    <v-card-item>\r\n    <v-card-title v-if=\"data.SKILLMODPART\">SKILLS</v-card-title>\r\n    <div class=\"d-flex\" style=\"flex-wrap: wrap;margin-top: 5px;\">\r\n        <div v-for=\"perf in data.SKILLMODPART\" style=\"margin-right: 10px;\">\r\n            <v-tooltip activator=\"parent\" location=\"end\">{{ perf.longDescription }}</v-tooltip>\r\n            <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/skill/' + perf.icon + '.png'\" width=\"40\">\r\n        </div>\r\n    </div>\r\n\r\n    <v-card-title v-if=\"data.VISUALPART\">AFTERMARKETS</v-card-title>\r\n    <div class=\"d-flex\" style=\"flex-wrap: wrap;margin-top: 5px;\">\r\n        <div v-for=\"perf in data.VISUALPART\" style=\"margin-right: 10px;\">\r\n            <v-tooltip activator=\"parent\" location=\"end\">{{ perf.entitlementTag.replaceAll('_', ' ') }}</v-tooltip>\r\n            <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/visual/' + perf.icon + '.png'\" width=\"40\">\r\n        </div>\r\n    </div>\r\n\r\n    <v-card-title v-if=\"data.PERFORMANCEPART\">PERFORMANCES</v-card-title>\r\n    <div class=\"d-flex\" style=\"flex-wrap: wrap;margin-top: 5px;\">\r\n        <div v-for=\"perf in data.PERFORMANCEPART\" style=\"margin-right: 10px;\">\r\n            <v-tooltip activator=\"parent\" location=\"end\">{{ perf.longDescription }}</v-tooltip>\r\n            <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/perf/' + perf.icon + '.png'\" width=\"40\">\r\n        </div>\r\n    </div>\r\n    </v-card-item>\r\n</v-card>\r\n</template>\r\n\r\n<style scoped>\r\n.nohash {\r\n    position: absolute;\r\n    bottom: 5px;\r\n    left: 10px;\r\n}\r\n\r\n.card {\r\n    height: 550px;\r\n}\r\n\r\n.parts {\r\n    margin-left: 8px;\r\n    height: 100%;\r\n}\r\n\r\n.parts .icon {\r\n    height: 45px;\r\n    padding: 2px;\r\n    margin: 0 5px;\r\n    background: var(--primary-color);\r\n    border-radius: 0.250rem;\r\n}\r\n\r\n.cat {\r\n    padding: 2px;\r\n    margin: 5px;\r\n    background: var(--primary-color);\r\n    border-radius: 0.250rem;\r\n    height: 45px;\r\n    width: 45px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.class {\r\n    background: var(--primary-color);\r\n    border-top-left-radius: 0.25rem;\r\n    border-bottom-left-radius: 0.25rem;\r\n    padding: 2px;\r\n    margin: 5px 0px 5px 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 115px;\r\n    font-size: 22px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    toRefs,\r\n    computed,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport CarDetails from './CarDetails.vue'\r\n\r\nconst props = defineProps({\r\n    id: Number,\r\n    dialog: Boolean,\r\n    hash: String,\r\n    race: Object\r\n})\r\nconst {\r\n    id,\r\n    dialog,\r\n    hash,\r\n    race\r\n} = toRefs(props)\r\n\r\n\r\nconst emit = defineEmits(['closeDialog'])\r\nconst closeDialog = () => emit('closeDialog')\r\n</script>\r\n\r\n<template>\r\n    <v-dialog transition=\"dialog-bottom-transition\" v-model=\"dialog\" @click:outside=\"closeDialog\" :width=\"500\" :height=\"1000\">\r\n  <CarDetails :hash=\"hash\"/>\r\n  </v-dialog>\r\n</template>\r\n<!--\r\n<template>\r\n<div class=\"text-center\">\r\n    <v-dialog transition=\"dialog-bottom-transition\" v-model=\"dialog\" @click:outside=\"closeDialog\" :width=\"1100\" :height=\"550\">\r\n\r\n        <v-toolbar dark color=\"primary\">\r\n            <v-icon>mdi-car-cog</v-icon>\r\n            <v-toolbar-title class=\"test\">{{ race.car.manufactor + ' ' + race.car.model }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n           \r\n        </v-toolbar>\r\n        <v-card class=\"card\" :style=\"'background: url(' + 'https://cdn.nightriderz.world/images/website/moonset/cars/' + race.car.name + '.png' + ') center center;background-size:cover;'\">\r\n            <div class=\"parts d-flex\">\r\n              <div class=\"d-flex flex-column\" v-if=\"hash\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.SKILLMODPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.longDescription }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/skill/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/SKILLMOD.png\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex flex-column\" v-if=\"hash\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.VISUALPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.entitlementTag.replaceAll('_', ' ') }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/visual/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/AFTERMARKETPART.png\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex flex-column\" v-if=\"hash\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.PERFORMANCEPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.longDescription }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/perf/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/PERFORMANCEPART.png\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"nohash\" v-if=\"!hash\">\r\n                  <div>The time made with this car has been done<br>before we started saving the setup of cars.</div>\r\n                </div>\r\n            </div>\r\n\r\n            <v-spacer></v-spacer>\r\n\r\n            <div class=\"d-flex flex-column\">\r\n              <v-spacer></v-spacer>\r\n              <div class=\"class\">\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(data.carClassHash ?? race.car.class) + '.png'\" height=\"45\" width=\"45\">\r\n                <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"start\"\r\n                      >Class {{ carClasshHash(data.carClassHash ?? race.car.class) }}</v-tooltip>\r\n                <v-spacer></v-spacer>\r\n                <span>{{ data.carRating ?? race.car.rating }}</span>\r\n                <v-spacer></v-spacer>\r\n              </div>\r\n            </div>\r\n            \r\n\r\n        </v-card>\r\n\r\n    </v-dialog>\r\n</div>\r\n</template>\r\n-->\r\n<!--\r\n<style scoped>\r\n\r\n.nohash {\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: 10px;\r\n}\r\n.v-card {\r\n  flex-direction: row!important;\r\n}\r\n.card {\r\n    height: 550px;\r\n}\r\n\r\n.parts {\r\n    margin-left: 8px;\r\n    height: 100%;\r\n}\r\n\r\n.parts .icon {\r\n    height: 45px;\r\n    padding: 2px;\r\n    margin: 0 5px;\r\n    background: var(--primary-color);\r\n    border-radius: 0.250rem;\r\n}\r\n\r\n.cat {\r\n  padding: 2px;\r\n  margin: 5px;\r\n  background: var(--primary-color);\r\n  border-radius: 0.250rem;\r\n  height: 45px;\r\n  width: 45px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.class {\r\n  background: var(--primary-color);\r\n    border-top-left-radius: 0.25rem;\r\n    border-bottom-left-radius: 0.25rem;\r\n    padding: 2px;\r\n    margin: 5px 0px 5px 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 115px;\r\n    font-size: 22px;\r\n}\r\n\r\n</style>\r\n-->","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    watch\r\n} from 'vue'\r\n\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\nimport LeaderboardRow from '../components/leaderboardRow.vue'\r\nimport CarDialog from '../pages/CarDialogHash.vue'\r\nimport {\r\n    ServerStore\r\n} from \"../pinia/Server.js\"\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst Server = ServerStore()\r\nconst race = ref([])\r\nconst raceDispay = ref(false)\r\nconst rows = ref([])\r\nconst page = ref(1)\r\nconst nbHits = ref(0)\r\nconst paginationdisplay = ref(false)\r\nconst perPage = ref(0)\r\nconst cars = ref([])\r\nconst classes = ref([])\r\nconst chips_class = ref(0)\r\nconst dialog = ref(false)\r\nconst hash = ref('')\r\nconst hashrace = ref('')\r\nconst carfiltre = ref('')\r\nconst ordertime = ref('asc')\r\nconst showPU = ref(false)\r\nconst showTAC = ref(false);\r\n\r\nfunction filterTime() {\r\n    ordertime.value = ordertime.value == \"asc\" ? \"desc\" : \"asc\"\r\n    page.value = 1\r\n    rows.value.reverse()\r\n}\r\n\r\nfunction dialogData(e, f) {\r\n    hash.value = e\r\n    hashrace.value = f\r\n    dialog.value = true\r\n}\r\n\r\ncallRace()\r\ncallRows()\r\n\r\nfunction callCars() {\r\n    proxy.$http.post(\"\", JSON.stringify({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"GetCars\",\r\n        parameters: [route.params.id, (route.params.pu == \"nopu\" ? 1 : 0), route.params.class]\r\n    })).then(response => {\r\n        cars.value = response.data\r\n    }).catch(function (error) {})\r\n}\r\n\r\nasync function callRace() {\r\n    var res = await proxy.$api({\r\n        serviceName: \"ranking\",\r\n        methodName: \"GetRace\",\r\n        parameters: [route.params.id]\r\n    })\r\n    race.value = res\r\n    raceDispay.value = true\r\n    document.title = res.name + \" - NightRiderz\"\r\n    GetServerInfo()\r\n}\r\n\r\nasync function GetServerInfo() {\r\n    var classs = await proxy.$api({\r\n        serviceName: \"server\",\r\n        methodName: \"moonset\"\r\n    })\r\n    Server.classes = classs.classes\r\n    var res = ['ALL']\r\n    classs.classes.reverse().forEach((e, i) => {\r\n        res.push(e.name.replace('CLASS ', ''))\r\n\r\n    })\r\n    classes.value = res\r\n    chips_class.value = race.value.class == \"O\" ? (classes.value.indexOf(route.params.class) > 0 ? classes.value.indexOf(route.params.class) : 0) : race.value.class\r\n}\r\n\r\nfunction getStartOfWeek() {\r\n    const startOfWeek = new Date();\r\n    const day = startOfWeek.getDay();\r\n    const diff = startOfWeek.getDate() - day + (day === 0 ? -6 : 1); // Ajuster pour que le lundi soit le premier jour de la semaine\r\n    startOfWeek.setDate(diff);\r\n    startOfWeek.setHours(0, 0, 0, 0);\r\n    return startOfWeek;\r\n}\r\n\r\nfunction callRows(newPage = 0) {\r\n    let parameters = [route.params.id, route.params.page, (route.params.pu === \"nopu\" ? 1 : 0), route.params.class, carfiltre.value, ordertime.value];\r\n\r\n    if (showTAC.value) {\r\n        parameters.push(race.value.carTAC);\r\n    }\r\n\r\n    proxy.$http.post(\"\", JSON.stringify({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"GetData\",\r\n        parameters\r\n    })).then(response => {\r\n        let filteredRows = response.data.event.hits;\r\n        if (showTAC.value) {\r\n            const startOfWeek = getStartOfWeek();\r\n            filteredRows = filteredRows.filter(row => {\r\n                const datePlay = new Date(row.race.date);\r\n                return datePlay >= startOfWeek;\r\n            });\r\n        }\r\n        rows.value = filteredRows;\r\n        perPage.value = response.data.event.request_params.per_page;\r\n        nbHits.value = response.data.event.found;\r\n        paginationdisplay.value = true;\r\n\r\n        if (carfiltre.value === '') {\r\n            callCars();\r\n        }\r\n    }).catch(function (error) {\r\n        rows.value = [];\r\n    });\r\n}\r\n\r\nfunction toggleTAC() {\r\n    showTAC.value = !showTAC.value;\r\n    page.value = 1;\r\n    callRows(1);\r\n}\r\n\r\nwatch(route, (newValue, oldValue) => {\r\n    if (ordertime.value == \"asc\")\r\n        callRows(1)\r\n})\r\n\r\nwatch(page, (newValue, oldValue) => {\r\n    window.scrollTo(0, 0)\r\n    router.push('/leaderboard/' + route.params.id + '/' + newValue + '/' + route.params.pu + '/' + route.params.class)\r\n})\r\n\r\nfunction goback() {\r\n    router.push('/leaderboards/all/rotation')\r\n}\r\n\r\nfunction CarFilter(e) {\r\n    if (e) {\r\n        carfiltre.value = e.value\r\n    } else {\r\n        carfiltre.value = ''\r\n    }\r\n    page.value = 1\r\n    callRows(1)\r\n}\r\n\r\nfunction togglePU() {\r\n    showPU.value = !showPU.value;\r\n    router.push(`/leaderboard/${route.params.id}/${page.value}/${showPU.value ? 'pu' : 'nopu'}/${route.params.class}`);\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\" v-if=\"raceDispay\" style=\"overflow: initial;\">\r\n    <v-btn icon dark @click=\"goback\">\r\n        <v-icon>mdi-arrow-left</v-icon>\r\n    </v-btn>\r\n    <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + race.eventModeId + '.png'\" width=\"45\">\r\n    <v-app-bar-title>\r\n        <div>{{ race.name.replace(/ *\\([^)]*\\) */g, \"\") }}</div>\r\n        <div class=\"type\">Class: {{ race.class == 'O' ? 'Open' : race.class }}</div>\r\n    </v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <v-select v-if=\"!showTAC\" placeholder=\"Choose a car to filter results\" class=\"search\" density=\"compact\" solo :options=\"cars\" style=\"height: 32px;width: 404px;\" label=\"fullName\" @update:modelValue=\"CarFilter\" :style=\"(race.eventModeId != 19) ? 'margin-right:10px;':''\">\r\n        <template v-slot:option=\"option\">\r\n            <div class=\"d-flex\" style=\"justify-content: center;align-items: center;\"><span style=\"width: 340px;text-overflow: ellipsis;overflow: hidden;\">{{ option.fullName }}</span>\r\n                <v-spacer></v-spacer>\r\n                <v-chip size=\"small\">{{ number_format(option.count)}} times\r\n                </v-chip>\r\n            </div>\r\n        </template>\r\n    </v-select>\r\n    <div class=\"nav\" v-if=\"race.eventModeId != 19 && race.isTAC == 0\">\r\n        <v-tooltip activator=\"parent\" location=\"bottom\">Times with powerups</v-tooltip><v-btn :class=\"showPU ? 'button-red' : 'button-grey'\" style=\"min-width: 32px!important;min-height: 32px!important;height:32px!important\" @click=\"togglePU\"><img src=\"https://cdn.nightriderz.world/images/website/icons/powerup.png\" style=\"height: 32px;\"></v-btn>\r\n    </div>\r\n\r\n    <div class=\"nav\" v-if=\"race.eventModeId != 19 && race.isTAC == 1\">\r\n        <v-tooltip activator=\"parent\" location=\"bottom\">Times with powerups</v-tooltip><v-btn :class=\"showPU ? 'button-red' : 'button-grey'\" style=\"min-width: 32px!important;min-height: 32px!important;height:32px!important\" @click=\"togglePU\"><img src=\"https://cdn.nightriderz.world/images/website/icons/powerup.png\" style=\"height: 32px;\"></v-btn>\r\n    </div>\r\n\r\n    <div class=\"nav\" v-if=\"race.eventModeId != 19 && race.isTAC == 1\">\r\n        <v-tooltip activator=\"parent\" location=\"bottom\">Time Attack Challenge</v-tooltip><v-btn :class=\"showTAC ? 'button-red' : 'button-grey'\" style=\"min-width: 32px!important;min-height: 32px!important;height:32px!important;margin-left: 10px;\" @click=\"toggleTAC\"><v-icon>mdi-timer</v-icon></v-btn>\r\n    </div>\r\n\r\n    <template v-slot:extension>\r\n\r\n        <v-chip-group filter v-model=\"chips_class\" v-if=\"race.class == 'O'\">\r\n            <v-chip label :value=\"index\" v-for=\"(classe, index) in classes\" :to=\"'/leaderboard/' + route.params.id + '/' + route.params.page + '/' + route.params.pu + (classe != 'ALL' ? '/'+classe : '') + ''\">{{classe}}</v-chip>\r\n        </v-chip-group>\r\n        <v-chip-group filter v-model=\"chips_class\" v-else>\r\n            <v-chip label :value=\"race.class\" :to=\"'/leaderboard/' + route.params.id + '/' + route.params.page + '/' + route.params.pu\">{{race.class}}</v-chip>\r\n        </v-chip-group>\r\n\r\n        <v-spacer></v-spacer>\r\n\r\n        <div class=\"text-center\" v-if=\"paginationdisplay\">\r\n            <v-pagination :size=\"30\" v-model=\"page\" :length=\"nbHits / perPage % 1 === 0 ? nbHits / perPage : Math.ceil(nbHits / perPage)\" :total-visible=\"4\"></v-pagination>\r\n        </div>\r\n\r\n    </template>\r\n</v-app-bar>\r\n\r\n<CarDialog v-if=\"dialog\" :dialog=\"dialog\" :hash=\"hash\" :race=\"hashrace\" @close-dialog=\"dialog = false\" />\r\n\r\n<v-table theme=\"dark\" fixed-header height=\"calc(100vh - 115px)\" density=\"compact\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"text-left\">RANK</th>\r\n            <th class=\"text-left\">DRIVER</th>\r\n            <th>CAR</th>\r\n            <th class=\"text-left\">DETAILS</th>\r\n            <th class=\"text-left\">TIME <!--<v-icon @click=\"filterTime\" icon=\"mdi-chevron-up\" size=\"x-small\"></v-icon>--></th>\r\n            <th class=\"text-left\" v-if=\"race.eventModeId == 4\">BEST LAP</th>\r\n            <th class=\"text-left\">TOP SPEED</th>\r\n            <th class=\"text-left\">DATE</th>\r\n            <th class=\"action\" v-if=\"Driver.user.isAdmin == '1'\">DELETE</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <LeaderboardRow v-for=\"(row, position) in rows\" :key=\"row.race.id\" :data=\"row\" \r\n        :position=\"(position * 1 + 1) + (page * 1 == 1 ? 0 : 100 * (page * 1 - 1))\"\r\n        @dialogData=\"dialogData\" @refresh=\"callRows(route.params.page)\" />\r\n    </tbody>\r\n</v-table>\r\n</template>\r\n\r\n<style>\r\n\r\n\r\n.leaderdialog .v-overlay__scrim {\r\n    display: none;\r\n}\r\n\r\n.v-toolbar-title__placeholder {\r\n    display: flex !important;\r\n}\r\n\r\n.v-toolbar-title__placeholder img {\r\n    margin-right: 10px;\r\n}\r\n\r\n.v-toolbar-title div:nth-child(2) {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.v-pagination {\r\n    margin: 0 !important;\r\n}\r\n\r\n.button-red {\r\n    background: var(--tertiary-color) !important;\r\n    color: white;\r\n    width: 6px !important;\r\n}\r\n\r\n.button-grey {\r\n    background: var(--secondary-color) !important;\r\n    color: white;\r\n    width: 2px !important;\r\n}\r\n\r\n.v-pagination__item,\r\n.v-pagination__first,\r\n.v-pagination__prev,\r\n.v-pagination__next,\r\n.v-pagination__last {\r\n    margin: 0 5px !important;\r\n}\r\n</style><style scoped>\r\n.action {\r\n    width: 25px;\r\n    background: #11141c!important;\r\n}\r\n\r\n.search {\r\n    width: 450px;\r\n    background: rgb(var(--v-theme-surface));\r\n    border-radius: 6px;\r\n    padding-right: 3px;\r\n}\r\n\r\n.v-toolbar::v-deep(.v-toolbar-title__placeholder) {\r\n    flex-direction: column;\r\n}\r\n\r\n.v-select::v-deep(li) {\r\n    margin: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.v-select::v-deep(v-chip) {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.v-select::v-deep(button) {\r\n    background: transparent;\r\n}\r\n\r\n.v-main {\r\n    --v-layout-top: initial !important;\r\n    padding-top: 115px !important;\r\n}\r\n\r\nhtml {\r\n    overflow: hidden !important;\r\n}\r\n\r\n.v-table::v-deep(th) {\r\n    background: var(--primary-color) !important;\r\n}\r\n\r\n.type {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n}\r\n\r\nnav {\r\n    font-size: 14px;\r\n}\r\n\r\n.col {\r\n    flex: 1;\r\n}\r\n\r\n.size {\r\n    width: 150px;\r\n}\r\n\r\n.title {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.title h1 {\r\n    margin: 0 15px;\r\n}\r\n\r\n.rank {\r\n    width: 50px;\r\n    text-align: center;\r\n}\r\n\r\n.router-link-active button,\r\n.v-pagination::v-deep(.v-pagination__item--is-active button),\r\n.v-pagination::v-deep(button:hover),\r\n.v-chip--selected,\r\n.v-chip:hover {\r\n    color: white !important;\r\n    background: var(--tertiary-color);\r\n}\r\n</style><style>\r\n* {\r\n    --vs-controls-color: white;\r\n    --vs-border-color: transparent;\r\n    --vs-dropdown-bg: var(--primary-color);\r\n    --vs-dropdown-color: white;\r\n    --vs-dropdown-option-color: white;\r\n    --vs-selected-bg: rgb(38, 107, 173);\r\n    --vs-selected-color: #eeeeee;\r\n    --vs-search-input-color: #eeeeee;\r\n    --vs-dropdown-option--active-bg: var(--tertiary-color);\r\n    --vs-dropdown-option--active-color: #eeeeee;\r\n}\r\n\r\n::-webkit-calendar-picker-indicator {\r\n    filter: invert(1);\r\n}\r\n\r\n.select {\r\n    background: var(--secondary-color);\r\n    width: 250px;\r\n    padding: 8px 10px;\r\n    overflow: initial;\r\n    border: none;\r\n    height: 46px;\r\n    border-radius: 6px;\r\n}\r\n\r\n.select button {\r\n    background: transparent;\r\n}\r\n\r\ntextarea:focus,\r\ninput:focus {\r\n    outline: none;\r\n}\r\n\r\n.vs__actions {\r\n    height: 27px;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n    import { toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object\r\n    })\r\n    const {data} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n    width=\"240\"\r\n  >\r\n    <a :href=\"'https://teespring.com/' + data.url\" target=\"_blank\">\r\n    <v-img\r\n      :src=\"data.image_url\"\r\n      height=\"240\"\r\n    ></v-img>\r\n\r\n    <v-card-title :title=\"data.product_name\">\r\n      {{ data.product_name }}\r\n    </v-card-title>\r\n\r\n    <v-card-subtitle>\r\n      {{ data.name }}\r\n    </v-card-subtitle>\r\n\r\n    <v-card-actions>\r\n      <v-btn\r\n        variant=\"outlined\"\r\n      >\r\n      {{ data.price }}\r\n      </v-btn>\r\n      <v-spacer></v-spacer>\r\n      <v-btn\r\n        variant=\"outlined\"\r\n      >\r\n      <v-icon icon=\"mdi-cart\"></v-icon>\r\n      </v-btn>\r\n    </v-card-actions>\r\n    </a>\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n    .card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n\r\n    .v-card-actions {\r\n        margin: 10px 10px 0 10px;\r\n    }\r\n</style>","<script setup>\r\n    import storeCardVue from '../components/storeCard.vue'\r\n    import { ref, getCurrentInstance } from 'vue'\r\n\r\n    const { proxy } = getCurrentInstance()\r\n    const items = ref([])\r\n\r\n    getStore()\r\n\r\n    async function getStore() {\r\n        const res = await proxy.$api({serviceName: \"store\", methodName: \"GetProduct\"})\r\n        items.value = res\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <v-app-bar :elevation=\"2\">\r\n        <v-icon icon=\"mdi-store\"></v-icon>\r\n        <v-app-bar-title>Merch</v-app-bar-title>\r\n        <v-spacer></v-spacer>\r\n        <a href=\"https://teespring.com/stores/nightriderz\" target=\"_blank\">\r\n            <v-btn>\r\n                Visit store\r\n            <v-icon\r\n            end icon=\"mdi-open-in-new\"\r\n            ></v-icon>\r\n        </v-btn>\r\n        </a>\r\n    </v-app-bar>\r\n    <div class=\"grid\">\r\n        <storeCardVue v-for=\"item in items\" :key=\"item.id\" :data=\"item\"/>        \r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n    .grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n</style>","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n<div class=\"livemap\">\r\n    <iframe src=\"https://livemap.nightriderz.world/\"></iframe>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.livemap {\r\n    position: absolute;\r\n    left: 60px;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    overflow: hidden;\r\n}\r\n\r\niframe {\r\n    border: none;\r\n    overflow: hidden;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n    import { toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object\r\n    })\r\n    const {data} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n    width=\"240\"\r\n  >\r\n\r\n    <v-img\r\n      :src=\"'https://cdn.nightriderz.world/images/website/controllers/' + data.image_url\"\r\n      height=\"240\"\r\n    ></v-img>\r\n\r\n    <v-card-subtitle>\r\n      {{ data.name }}\r\n    </v-card-subtitle>\r\n\r\n\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.v-card-subtitle {\r\n    background: var(--tertiary-color);\r\n    opacity: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 10px 0;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n}\r\n    .card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n\r\n    .v-card-actions {\r\n        margin: 10px 10px 0 10px;\r\n    }\r\n</style>","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n    <p>Please note, the controllers only work for driving. It does not work in menus. <br>\r\n        If your controller is in the list of supporting controllers, check that you do not have more than one\r\n        controller plugged into your computer. </p>\r\n        <br>\r\n        <div>\r\n            <h3>Unofficial Xbox 360/One controllers</h3>\r\n            <v-divider></v-divider><br>\r\n            <div>\r\n                <p>\r\n                    Open the start menu and enter <code>joy.cpl</code>. (If you have more than one controller plugged\r\n                    in, unplug the other front controllers.) <br>\r\n                    Keep the name in a notepad. <br>\r\n                    Open the start menu and enter <code>regedit</code>. <br>\r\n                    Open <code>Registry Editor</code>. <br>\r\n                    Navigate to\r\n                    <code>HKEY_CURRENT_USER\\System\\CurrentControlSet\\Control\\MediaProperties\\PrivateProperties\\Joystick\\OEM\\</code>.\r\n                    <br>\r\n                    Then you have <code>VID _...</code> folders, each folder corresponds to a controller that you have\r\n                    already used on your computer. <br>\r\n                    Look for the one that contains the name found in the <code>joy.cpl</code> window. <br>\r\n                    Right click on <code>OEMName &gt; Modify...</code> then rename to\r\n                    <code>Controller (XBOX 360 For Windows).</code>\r\n                    Try your controller on World (only for driving). <br>\r\n                    If it works, try it on others games. <br>\r\n                    If it no longer works on other games, reset the name to default (saved in notepad) then follow the\r\n                    <code>Other controllers</code> guide.\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <br>\r\n        <div>\r\n            <h3> Other controllers </h3>\r\n            <v-divider></v-divider><br>\r\n            <div>\r\n                <p>We are going to create a virtual controller.</p>\r\n                <div>\r\n                    <p>\r\n                        Download <code>XOutput.zip</code> <a\r\n                            href=\"https://github.com/csutorasa/XOutput/releases/tag/3.32\" target=\"_blank\"> here</a>.\r\n                        <br>\r\n                        Extract the contents of the archive. <br>\r\n                        Open <code>XOutput.exe</code>. <br>\r\n                        In the <code>Game controllers</code> part, click on <code>Add a controller</code>. <br>\r\n                        A new line has appeared <code>controller</code>, click on <code>Edit</code>. <br>\r\n                        Scroll down to the bottom of the window, in the <code>Other parameters</code> field, edit\r\n                        <code>controller</code> to <code>Controller (XBOX 360 For Windows)</code>. <br>\r\n                        Click on <code>Configure All</code>. <br>\r\n                        Follow the steps to define the buttons on your controller. <br>\r\n                        Once the mapping is complete, close the window. <br>\r\n                        In the <code>Game Controllers</code> part, on the <code>Controller (XBOX 360 For Windows)</code>\r\n                        line, click on <code>Start</code>. <br>\r\n                        Finally, go to the <code>Tools &gt; Settings</code> menu, check\r\n                        <code>Disable automatic device status detection</code>, otherwise your mouse will freeze from\r\n                        time to time. <br>\r\n                        You can now try on World (only for driving).\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n</template>\r\n\r\n<style scoped>\r\n    p {\r\n        line-height: 25px;\r\n        font-size: 15px;\r\n    }\r\n</style>","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n    <div style=\"padding: 20px;\">\r\n        <p>Here you will find all the descriptions of the parts that are involved.</p>\r\n\r\n        <br>\r\n        <h3>Engines</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>The engine is the heart of the car, provides the biggest change resulting in a win or loss.</p>\r\n\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_ENGINE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_ENGINE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_ENGINE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_ENGINE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_ENGINE_BLACK.png\">\r\n\r\n            <p>The AmerikonSS/Gromlen/Medion/Transtek and QuartzSpeedPackages engines are all about delivering the\r\n                middle of the road power output. Think of this as a Ram Air Intake upgrade, which increases engine power\r\n                in the lower-mid range. It's usually muscle cars such as a Dodge Viper SRT10 or its full-size relative,\r\n                the Dodge Charger SRT8, that benefit from this engine, but it will also work for exotic cars like the\r\n                Ford GT and the SLR McLaren.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_ENGINE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_ENGINE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_ENGINE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_ENGINE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_ENGINE_B.png\">\r\n\r\n            <p>Considered to be the best engine you can get in Need for Speed: World, the\r\n                Dawndraft/Kestrel/Velocicom/ZeroTuningMods and StickMotorsport engine is a high-torque powerplant\r\n                designed to pack quite a punch, allowing for quicker acceleration. What this would be suitable for is a\r\n                low-RPM car, i.e. many of the classic muscle cars in the game (Chevelle SS especially), or in a\r\n                real-life application, a high-torque AMG Mercedes.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_ENGINE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_ENGINE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_ENGINE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_ENGINE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_ENGINE_R.png\">\r\n\r\n            <p>The Nova-T/Richter/Ventura/AttackMotorsport and TearPerformance engine, considered to be the worst brand\r\n                for power parts according to the NFSW community, is the lighter version of AmerikonSS/Gromlen/Medion.\r\n                The difference between the two is that this is NOT designed for V10 engines; rather they're more Inline\r\n                oriented (Supra, Lancer Evolution and others of this nature). This is a must for every turbocharged\r\n                engine, as too much horsepower will kill the car's torque, and too much torque will hold it back from\r\n                its true potential.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_ENGINE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_ENGINE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_ENGINE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_ENGINE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_ENGINE_G.png\">\r\n\r\n            <p>Often noted as being the \"bugged\" engine, the collection of engines from\r\n                OmniaRacegruppe/Norset/URSAMotorsport/Speedsciens and DynamoAftermarketKits are made for those high\r\n                revving automobiles. This engine is tuned to provide high end hp with pretty bad low end torque,\r\n                requiring an induction 9 times out of 10 to help out. Do note that this should be used only on cars with\r\n                the peak near the high range (Nissan Skyline GT-R), rather than cars that still have quite a ways to go\r\n                between their peak power and redline (Mazda RX-7).</p>\r\n\r\n\r\n        </center>\r\n        <br>\r\n\r\n        <h3>Forced inductions</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>On some cars, it's optional. On others, it's a matter of winning (and losing) a race. In this part, we talk\r\n            about forced inductions and where they deliver the majority of torque.</p>\r\n        <br>\r\n        <h4>Superchargers</h4>\r\n        <v-divider></v-divider><br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_FORCEDIND_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_FORCEDIND_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_FORCEDIND_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_FORCEDIND_SPEC.png\">\r\n\r\n            <p>Somewhere in your life you've heard and/or read about a big blower in a muscle car. Such is the case\r\n                here, as the Gold Induction delivers raw power widespread across the RPM ranges in engines that are more\r\n                HP-oreinted (Exige Cup 260, Shelby GT500 SS to name a few). It improves both acceleration and top speed,\r\n                although it has a bit of a bias toward the horsepower side of things. It takes a while to make power,\r\n                but the boost is massive once it does.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_FORCEDIND_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_FORCEDIND_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_FORCEDIND_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_FORCEDIND_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_FORCEDIND_B.png\">\r\n\r\n            <p>The \"other\" favorite among the community is the Dawndraft/Kestrel/Velocicom Induction. This is more or\r\n                less the inverse of the Gold, tuned for better response at low-RPM. What this means is that it has\r\n                smaller components and as a result is capable of making more power quicker than the Golf. The drawback\r\n                with this induction, however, is that you get less power up top. This is suitable for torquier engines,\r\n                namely those of classic muscle cars.</p>\r\n\r\n        </center>\r\n        <br>\r\n        <h4>Turbochargers</h4>\r\n        <v-divider></v-divider><br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_FORCEDIND_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_FORCEDIND_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_FORCEDIND_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_FORCEDIND_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_FORCEDIND_R.png\">\r\n\r\n            <p>As weak as this turbo may seem, the Nova-T/Richter/Ventura Induction is, in actuality, not made to be\r\n                strong. It is a turbo system that actually spools quickly up to speed, compromising top end boost in the\r\n                process. This turbo is optional to install, but if you were to install one, it is best applicalbe to\r\n                high-RPM cars, the Murcielago LP640 and the Porsche 911 GT3 RS being prime examples.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_FORCEDIND_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_FORCEDIND_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_FORCEDIND_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_FORCEDIND_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_FORCEDIND_G.png\">\r\n\r\n            <p>Screaming like a banshee, the Green turbo delivers sheer power at high-RPM and is thus the perfect brand\r\n                for many turbocharged and/or naturally-aspirated cars like the RX-7 or the Corvette Z06 (yes, the Z06\r\n                carries a turbo, not a supercharger). It takes much longer to spool up than the Red, but it does deliver\r\n                more boost once it reaches the top. Usually, the more peaky the engine, the more Boost it would need,\r\n                but DO NOT apply this to a Green Engine as the car would die off in the lower range.</p>\r\n\r\n\r\n        </center>\r\n        <br>\r\n\r\n        <h3>Transmissions</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>Remember the Game Guide stating that the higher price, the better the transmission? It doesn't always work.\r\n            Here is where we explain what every transmission does, as well as what it should be coupled with and why.\r\n        </p>\r\n        <br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TRANS_GOLD.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TRANS_GOLD.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TRANS_GOLD.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TRANS_GOLD.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TRANS_BLACK.png\">\r\n\r\n\r\n            <p>This transmission contains a balanced set of gears and is suitable for anything equipped with either a\r\n                Gold engine or a Gold Transmission. It is also slightly heavier so the handling may or may not (this is\r\n                based on the layout of the car) take a hit.</p>\r\n\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TRANS_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TRANS_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TRANS_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TRANS_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TRANS_B.png\">\r\n\r\n            <p>Need a drivetrain to keep your high-horsepower machine in top form? Look no further than the blue\r\n                transmission. Featuring a higher final drive ratio and shorter gears, this transmission is made with the\r\n                pure intent of making your high-RPM racer a top contender.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TRANS_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TRANS_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TRANS_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TRANS_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TRANS_R.png\">\r\n\r\n            <p>As per usual, the red drivetrain is the lightweight version of its rivals, AmerikonSS/Gromlen/Medion.\r\n                Like the yellow, the red features balanced gears to manage the moderate power increases from the other\r\n                power parts; however, in contrast, the red also features extra handling via the increase of rigidity,\r\n                settling down cars that are known to be tail-happy a la Mitsubishi Lancer Evolution IX.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TRANS_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TRANS_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TRANS_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TRANS_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TRANS_G.png\">\r\n\r\n            <p>In order to take advantage of a car's great low-RPM torque, longer gears must be used, and this is where\r\n                this green transmission comes in. This drivetrain features extra-long gears, longer than those found in\r\n                both the Medion and Ventura setups. Best used on an aforementioned low-RPM car, such as the Nissan GT-R\r\n                and the Volkswagen Scirocco, this transmission allows the car to use its powerful low revs to its\r\n                advantage in the straights, as well as a huge improvement in top speed.</p>\r\n        </center>\r\n        <br>\r\n        <h3>Suspensions</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>One crucial point in any car in any race is how it handles (which is a challenge for many of the cars that\r\n            handle like crap when they shouldn't), and getting the right suspension for the car makes all the difference\r\n            from spinning out or slamming the wall from taking a turn too wide. It's a delicate balance that needs to be\r\n            finely tuned.</p>\r\n        <br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_SUSP_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_SUSP_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_SUSP_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_SUSP_SPEC.png\">\r\n\r\n            <p>This suspension is set to a soft setting. The resulting behavior is better traction and stability off\r\n                road and on highways but understeer in turns and cause the car to jump higher on any smooth hills. The\r\n                car will feel more stable going over tiny bumps such as apex's and sidewalks and will loose less speed\r\n                from collisions. Cars that would benefit from this suspension are muscle cars, which, in World, are well\r\n                known for having either no stability, no traction, or having neither.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_SUSP_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_SUSP_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_SUSP_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_SUSP_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_SUSP_B.png\">\r\n\r\n            <p>Designed for drag and rally cars, this suspension semi-stiffens the car, reducing body roll and helping\r\n                the car accelerate, but in turn causing turning oversteer from. Cars that would benefit from this are\r\n                front-heavy all-wheel-drive cars which are known to, according to the physics of World, have a lot of\r\n                understeer and at times even have trouble accelerating.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_SUSP_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_SUSP_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_SUSP_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_SUSP_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_SUSP_R.png\">\r\n\r\n            <p>Possibly the best suspension in the bracket, this stiffens up the car, thereby provoking more oversteer\r\n                and delivering a crisper turn-in. Works well with many cars, whether they be drifters or have a hard\r\n                time cornering. Note: This should be used only with rear-wheel drive as all-wheel drive cars don't\r\n                respond well to this as they would the blue suspension.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_SUSP_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_SUSP_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_SUSP_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_SUSP_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_SUSP_G.png\">\r\n\r\n            <p>As with the Yellow suspension, the Green suspension has a semi-soft tuned setup, though in contrast, it\r\n                provides a great deal of stability as the car gains speed and is therefore an exceptional choice for a\r\n                highway-tuned car. However, as Omnia/Norset/URSA fails in the handling department, be prepared to face\r\n                major understeer.</p>\r\n        </center><br>\r\n\r\n        <h3>Brakes</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>Yes, your car can achieve high speeds but eventually you will need to stop because a 60-0 time is just as\r\n            important as a 0-60 time. You need a great set of brakes. Which type is right for your car, well... that's\r\n            up to what you're looking for.</p>\r\n        <br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_BRAKE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_BRAKE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_BRAKE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_BRAKE_SPEC.png\">\r\n\r\n            <p>A set of front and rear brakes tuned for a slight front bias. If no car you own seems to fit the Ventura\r\n                brakes, you can go for these.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_BRAKE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_BRAKE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_BRAKE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_BRAKE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_BRAKE_B.png\">\r\n\r\n            <p>A set of unbiased front and rear brakes with the purpose of quicker deceleration. These brakes do\r\n                increase the risk of understeer due to the fact that they are very powerful and will lock your tires up,\r\n                requiring earlier braking.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_BRAKE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_BRAKE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_BRAKE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_BRAKE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_BRAKE_R.png\">\r\n\r\n            <p>A set of front and rear brakes tuned to have the rear lock up slightly before the front. Causes braking\r\n                oversteer and makes the car's rear more likely to slide. Best used on rear-wheel-drive cars with drift\r\n                tunings as well as known track cars like the Elise.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_BRAKE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_BRAKE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_BRAKE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_BRAKE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_BRAKE_G.png\">\r\n\r\n            <p>A set of unbiased front and rear brakes tuned kinda loosely. This was done to provide stable braking at\r\n                high speeds(avoid locking up). The downfall is that the brakes have to be applied a bit earlier coming\r\n                into a turn. These brakes should be paired up with Medion tires as the grip should slow you down.</p>\r\n\r\n        </center><br>\r\n\r\n        <h3>Tires</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>You can ask any professional racer, whether it be in FIA, FD, Le Mans, etc. if the type of tires makes a\r\n            difference in the behavior of a car's handling, and you'll get a resounding \"yes\" from each one. Same\r\n            applies in World and the tires from the four brands in the game. Pick wisely, the wrong set of rubber may\r\n            bork your ride considerably.</p>\r\n\r\n        <br>\r\n        <center>\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TIRE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TIRE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TIRE_SPEC.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TIRE_SPEC.png\">\r\n\r\n\r\n            <p>These tires improve the handling of a car all across the board by boosting grip by a considerable margin.\r\n                By doing this, your car gets improved traction and improved stability and is recommended for any car\r\n                that lacks in both fields. You do get some mild understeer, but it doesn't make much of a difference to\r\n                be considered car-breaking.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TIRE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TIRE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TIRE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TIRE_B.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TIRE_B.png\">\r\n\r\n            <p>These are a set of tires that boost acceleration considerably by increasing traction. Their tendency to\r\n                cause moderate oversteer, however, should be noted (although at times, if you know how, you can force\r\n                power oversteer). ~ Credit to legor17 for the insight on power oversteer. Anecdotal information.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TIRE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TIRE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TIRE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TIRE_R.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TIRE_R.png\">\r\n\r\n            <p>Designed for drifting, Nova-T/Richter/Ventura tires are perfect for known driftable cars (i.e. RX-7,\r\n                240SX, 350Z, 370Z, Silvia S15, AE116, etc.) as they help the car slide out in turns, basically the same\r\n                function brakes with a rear bias have. These are also useful for track cars; however, as with the\r\n                suspension of the same brand, this should be left to rear-wheel-drive vehicles.</p>\r\n\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R1_TIRE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R2_TIRE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R3_TIRE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R4_TIRE_G.png\">\r\n            <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/perf/R5_TIRE_G.png\">\r\n            <p>These are a set of tires that benefit cars that rule on the highways. While the stat increases don't tell\r\n                you, they increase stability at high speeds, so in a way, these tires improve top speed. As with the\r\n                blue tires, however, this causes turning understeer and, as a result, require precision turning from the\r\n                driver.</p>\r\n        </center><br>\r\n\r\n        <h3>Final Notes</h3>\r\n        <v-divider></v-divider><br>\r\n        <p>1. As countless people have said before, different drivers have different preferences, thus different setups\r\n            will apply. You do not have to follow guides' suggestions word by word, just use this guide as a base for\r\n            what parts do and tune them for a setup that fits your driving style.</p>\r\n        <p>2. The top speed is not affected by the Top Speed stat itself, but by the overall stat. With that, it is not\r\n            advisable to go for simply the best overall, as rarely does one ever reach top speed on any race except for\r\n            any highway race.</p>\r\n        <p>3. Remember, this guide is like science, it can always be proven wrong.</p>\r\n        <p>4. If you have trouble figuring out which part to use for a certain car, you can always install a Gold part\r\n            until you do find said part.</p>\r\n        <p>5. Enjoy!</p><br>\r\n        <a href=\"https://docs.google.com/spreadsheets/d/1Um13J-5RsuCeh1NDo01izdHdDbuYY8qM44THnqUEUJw/edit?usp=sharing\"\r\n            target=\"_blank\">Performance Guide (Google Docs)</a>\r\n        <br><br>\r\n        <h4>Credit to founders Kawashi, LamboGTR for this parts guide.</h4>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\nimg {\r\n        width: 70px;\r\n        height: 70px;\r\n        margin: 10px;\r\n    }\r\n</style>","<script setup>\r\n    import { ref } from 'vue'\r\n    import controllers from '../configs/controllers.json'\r\n    import controllerCard from '../components/controllerCard.vue'\r\n    import unsupportedController from '../components/unsupportedController.vue'\r\n    import performanceParts from './performanceParts.vue'\r\n\r\n    const tab = ref(1)\r\n</script>\r\n\r\n<template>\r\n    <v-app-bar :elevation=\"2\">\r\n        <v-icon icon=\"mdi-frequently-asked-questions\"></v-icon>\r\n        <v-app-bar-title>Guides</v-app-bar-title>\r\n        <v-spacer></v-spacer>\r\n        \r\n        <a href=\"https://discord.gg/XJavNVH\" target=\"_blank\">\r\n            <v-chip prepend-icon=\"mdi-discord\" label>#need-help</v-chip>\r\n        </a>\r\n\r\n        <template v-slot:extension>\r\n                <v-tabs\r\n                v-model=\"tab\"\r\n                >\r\n                <v-tab value=\"1\">SUPPORTED CONTROLLERS</v-tab>\r\n                <v-tab value=\"2\">UNSUPPORTED CONTROLLERS</v-tab>\r\n                <v-tab value=\"3\">THIRD PARTY SOFTWARES</v-tab>\r\n                <v-tab value=\"4\">PERFORMANCE PARTS</v-tab>\r\n                </v-tabs>\r\n              \r\n        </template>\r\n    </v-app-bar>\r\n    \r\n    <div class=\"guide\">\r\n\r\n        <v-window v-model=\"tab\">\r\n            <v-window-item value=\"1\">\r\n                <p>Here is the list of controllers that work without third-party software. Be sure to plug in before starting the game.</p>\r\n\r\n                <div class=\"grid\">\r\n                    <controllerCard v-for=\"controller in controllers\" :id=\"controller.image_url\" :data=\"controller\"/>\r\n                </div>\r\n            </v-window-item>\r\n\r\n            <v-window-item value=\"2\">\r\n                <unsupportedController />\r\n            </v-window-item>\r\n\r\n            <v-window-item value=\"3\">\r\n                <v-alert type=\"success\" variant=\"tonal\" title=\"Drift\">\r\n                    <span><b>Freeroam ONLY</b><br><small>Remember to restart your game to completely disable the behavior change.</small></span>\r\n                </v-alert>\r\n\r\n                <v-alert type=\"success\" variant=\"tonal\" title=\"Camera\" />\r\n                <v-alert type=\"success\" variant=\"tonal\" title=\"Vinyl\" />\r\n                <v-alert type=\"success\" variant=\"tonal\" title=\"ENB\" />\r\n\r\n\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"GMZ\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"WallHack\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"TankMod\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Speedhack\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"GhostMods\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Car Changer\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Auto-Finish\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Auto-Start\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Auto-Pilot\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Kick Race Player\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"PowerUps Hack\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"P2P Lags\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Treasure Hunters Hack\" />\r\n                <v-alert type=\"error\" variant=\"tonal\" title=\"Cash Hack\" />\r\n\r\n            </v-window-item>\r\n\r\n            <v-window-item value=\"4\">\r\n                <performanceParts />\r\n            </v-window-item>\r\n        </v-window>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n.v-tabs {\r\n    height: initial;\r\n}\r\n\r\n.guide {\r\n    margin: 20px;\r\n}\r\n\r\n.grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n</style>\r\n<style>\r\n    .v-alert {\r\n    margin: 10px 0px!important;\r\n    display: flex!important;\r\n    justify-content: initial!important;\r\n    align-items: initial!important;\r\n}\r\n\r\n.v-chip {\r\n    cursor: pointer!important;\r\n}\r\n\r\n</style>","<script setup>\r\n</script>\r\n\r\n<template>\r\n    <div class=\"p404\">\r\n        <h1>404 - Page Not Found</h1>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n    .p404 {\r\n        background: url(https://cdn.nightriderz.world/images/website/moonset/404.png) center center;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n</style>","<script setup>\r\nimport { defineProps, defineEmits, toRefs, ref, computed, onMounted, onUnmounted } from 'vue';\r\nconst props = defineProps({\r\n  data: Object,\r\n  done: Object,\r\n  pink: Boolean\r\n});\r\n\r\nconst { data, done, pink } = toRefs(props);\r\nconst emit = defineEmits(['claim', 'PlayerDone']);\r\nconst claimClicked = ref(false);\r\nconst openInNewTab = (url) => {\r\n  window.open(url, '_blank');\r\n};\r\nconst claim = () => {\r\n  if (!claimClicked.value) {\r\n    emit('claim', data.value.ID);\r\n    claimClicked.value = true; // Disable button after clicking\r\n  }\r\n};\r\nconst PlayerDone = () => emit('PlayerDone', data.value.ID);\r\n\r\n// Ref to trigger reactivity\r\nconst currentTime = ref(new Date());\r\n\r\n// Setup a timer to update the currentTime every second\r\nlet timer = null;\r\nonMounted(() => {\r\n  timer = setInterval(() => {\r\n    currentTime.value = new Date();\r\n  }, 1000); // Update every second\r\n});\r\n\r\n// Cleanup the timer when the component is unmounted\r\nonUnmounted(() => {\r\n  if (timer) {\r\n    clearInterval(timer);\r\n  }\r\n});\r\n\r\nconst handleOpenTab = (value) => {\r\n  const formattedValue = value.replace(/^0+/, ''); // Remove leading zeros\r\n  openInNewTab(`/leaderboard/${formattedValue}`);\r\n};\r\n\r\nconst timeRemaining = computed(() => {\r\n  const now = currentTime.value;\r\n  // Convert now to UTC\r\n  const utcNow = new Date(now.getTime() + now.getTimezoneOffset() * 60000);\r\n  // Adjust UTC to CEST (UTC+2). Adjust this offset as needed for your timezone.\r\n  const cestOffset = 2;\r\n  const cestNow = new Date(utcNow.getTime() + cestOffset * 3600000);\r\n\r\n  // Calculate the time until the next Monday in CEST\r\n  const daysUntilNextMonday = (7 - cestNow.getDay() + 1) % 7;\r\n  const nextMonday = new Date(\r\n    cestNow.getFullYear(),\r\n    cestNow.getMonth(),\r\n    cestNow.getDate() + daysUntilNextMonday,\r\n    0, 0, 0, 0 // Midnight\r\n  );\r\n\r\n  const diff = nextMonday - cestNow; // Difference in milliseconds\r\n  const days = Math.floor(diff / (24 * 3600 * 1000)); // Convert to days\r\n  const hours = Math.floor((diff % (24 * 3600 * 1000)) / 3600000); // Convert to hours\r\n  const minutes = Math.floor((diff % 3600000) / 60000); // Convert to minutes\r\n  const seconds = Math.floor((diff % 60000) / 1000); // Convert to seconds\r\n\r\n\r\n  if (diff <= 0) {\r\n    return \"RELOAD THE PAGE\";\r\n  }\r\n  let result = 'ACTIVE IN ';\r\n  if (days > 0) {\r\n    result += `${days}D `;\r\n  }\r\n  if (hours > 0 || days > 0) {\r\n    result += `${hours}H `;\r\n  }\r\n  result += `${minutes}M `;\r\n  result += `${seconds}S`;\r\n\r\n  return result.trim();\r\n});\r\n</script>\r\n\r\n\r\n\r\n<template>\r\n<v-card v-if=\"!pink\" class=\"challenge_card\" style=\"border-radius: 8px;\">\r\n    <div style=\"height: 158px;overflow:hidden;\">\r\n        <v-btn class=\"ma-2 PlayerDone\" v-bind=\"props\" icon=\"mdi-menu\" @click=\"PlayerDone\"></v-btn>\r\n        <span class='ma-2 CID'>ID #{{data.ID}}</span>\r\n        <img class=\"d-flex justify-center align-center\" style=\"height: 142px;width: 264px;margin-left: auto; margin-right: auto; margin-top: 8px; border-radius: 4px;\" :src=\"'https://cdn.nightriderz.world/images/website/challenges/'+data.image +''\">\r\n        <v-tooltip activator=\"parent\" :text=\"'Image by ' + data.image_by\" location=\"top\"></v-tooltip>\r\n    </div>\r\n    <div class=\"playersdone\" style=\"background-color: #1f2430; margin-left:8px; margin-right: 8px; border-radius: 4px;margin-bottom: 8px;\">\r\n        <div style=\"text-transform: uppercase; font-size: 11px; font-weight: 600; background: #11141c;text-align: center; border-radius: 2px;\">\r\n           <span style=\"text-align: center;\">{{data.made_count }} players completed this challenge</span>\r\n        </div>\r\n    </div>\r\n    <div class=\"conditions\" style=\"background-color: #1f2430; margin-left:8px; margin-right: 8px; border-radius: 4px;\">\r\n        <div v-for=\"(condition, index) in data.conditions\" :key=\"condition.type\" :style=\"{ marginBottom: index === data.conditions.length - 1 ? '0px' : '6px' }\" style=\"text-transform: uppercase; font-size: 12px; font-weight: 600; background: #11141c; border-radius: 2px;\">\r\n            <div v-if=\"condition.type == 'raceID'\" @click=\"handleOpenTab(condition.value)\" style=\"cursor: pointer;\">\r\n                <span :class=\"'icon-' + condition.race_type\" style=\"margin-right: 15px; width: 56px; height: 56px; display: block; position: relative;\">\r\n                    <span :class=\"'class_' + condition.race_class\"></span>\r\n                </span>\r\n                <span class=\"text\">{{ condition.race_name }}</span>\r\n            </div>\r\n            <div v-else>\r\n                <span :class=\"'icon-' + condition.type + ' ' + condition.type + '-' + condition.value\" style=\"margin-right: 15px; width: 56px; height: 56px; display: block; position: relative;\"></span>\r\n                <span class=\"text\">{{ condition.type == \"pu\" && condition.value == true ? \"Powerups not allowed\" : condition.value }}</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button raised class=\"custom reward gras\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; margin-top:8px;border-radius: 4px;\"><v-icon style=\"padding-right: 16px;margin-top:-2px\">mdi-gift-outline</v-icon>{{data.reward}}</button>\r\n\r\n    <template v-if=\"!pink\">\r\n    <div><button v-if=\"data.type == 'expired'\" raised class=\"custom gras\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border-radius: 4px; width: 220px;background: #1f2430;pointer-events: none;\"><v-icon style=\"padding-right: 16px;margin-top:-2px\">mdi-clock-remove-outline</v-icon>CHALLENGE EXPIRED</button><button v-if=\"done.done == 1 && data.type == 'expired'\" raised class=\"custom gras gris\" style=\"margin-bottom: 8px; border-radius: 4px;background: #00C853;width: 36px;pointer-events: none;\"><v-icon style=\"margin-top:-2px;margin-left: -8px;\">mdi-check-circle-outline</v-icon></button><button @click=\"claim\" :disabled=\"claimClicked\" v-if=\"done.done == 0 && data.type == 'expired'\" raised class=\"custom gras gris\" style=\"margin-bottom: 8px; border-radius: 4px;background: #0288D1;width: 36px;\"><v-icon style=\"margin-top:-2px;margin-left: -8px;\">mdi-alert-circle-outline</v-icon></button><button v-if=\"done.done == 'Expired' && data.type == 'expired'\" raised class=\"custom gras gris\" style=\"margin-bottom: 8px; border-radius: 4px;background: #E53935;width: 36px;pointer-events: none;\"><v-icon style=\"margin-top:-2px;margin-left: -8px;\">mdi-close-circle-outline</v-icon></button></div>\r\n        <button v-if=\"data.type == 'next'\" raised class=\"custom gras\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border-radius: 4px;pointer-events: none;\"><v-icon style=\"padding-right: 16px;margin-top:-2px\">mdi-clock-time-two-outline</v-icon>{{ timeRemaining }}</button>\r\n        <button v-else-if=\"done.done == null && data.type != 'expired'\" raised class=\"custom gras red\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border-radius: 4px;pointer-events: none;\"><v-icon style=\"padding-right: 16px;margin-top:-2px;\">mdi-close-circle-outline</v-icon>NOT COMPLETED</button>\r\n        <button v-else-if=\"done.done == 0 && data.type != 'expired'\" raised class=\"custom gras\" @click=\"claim\" :disabled=\"claimClicked\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border-radius: 4px;background: #0288D1;\"><v-icon style=\"padding-right: 16px;margin-top:-2px\">mdi-alert-circle-outline</v-icon>CLAIM REWARD</button>\r\n        <button v-else-if=\"done.done == 1 && data.type != 'expired'\" raised class=\"custom gras gris\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border-radius: 4px;background: #00C853;pointer-events: none;\"><v-icon style=\"padding-right: 16px;margin-top:-2px;\">mdi-check-circle-outline</v-icon>REWARD CLAIMED</button>\r\n    </template>\r\n</v-card>\r\n<v-card v-if=\"pink\" class=\"challenge_card\" style=\"border-radius: 8px;\">\r\n    <div style=\"height: 158px;overflow:hidden;\">\r\n        <img class=\"d-flex justify-center align-center\" style=\"height: 142px;width: 264px;margin-left: auto; margin-right: auto; margin-top: 8px; border-radius: 4px;\" :src=\"'https://cdn.nightriderz.world/images/website/challenges/'+data.image +''\">\r\n        <v-tooltip activator=\"parent\" :text=\"'Image by ' + data.image_by\" location=\"top\"></v-tooltip>\r\n    </div>\r\n\r\n    <div class=\"conditions\" style=\"background-color: #1f2430; margin-left:8px; margin-right: 8px; border-radius: 4px;\">\r\n        <div v-for=\"(condition, index) in data.conditions\" :key=\"condition.type\" :style=\"{ marginBottom: index === data.conditions.length - 1 ? '0px' : '6px' }\" style=\"text-transform: uppercase; font-size: 12px; font-weight: 600; background: #11141c; border-radius: 2px;\">\r\n            <div v-if=\"condition.type == 'raceID'\">\r\n                <span :class=\"'icon-' + condition.race_type\" style=\"margin-right: 15px; width: 56px; height: 56px; display: block; position: relative;\">\r\n                    <span :class=\"'class_' + condition.race_class\"></span>\r\n                </span>\r\n                <span class=\"text\">{{ condition.race_name }}</span>\r\n            </div>\r\n            <div v-else>\r\n                <span :class=\"'icon-' + condition.type + ' ' + condition.type + '-' + condition.value\" style=\"margin-right: 15px; width: 56px; height: 56px; display: block; position: relative;\"></span>\r\n                <span class=\"text\">{{ condition.type == \"pu\" && condition.value == true ? \"Powerups not allowed\" : condition.value }}</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button raised class=\"custom reward gras\" style=\"margin-right: 8px; margin-left: 8px; margin-bottom: 8px; margin-top:8px;border-radius: 4px;\"><v-icon style=\"padding-right: 16px;margin-top:-2px\">mdi-gift-outline</v-icon>{{data.reward}}</button>\r\n</v-card>\r\n</template>\r\n\r\n<style scoped>\r\n.PlayerDone {\r\n    position: absolute;\r\n    right: 4px;\r\n    top: 4px;\r\n    font-size: 12px;\r\n    height: 30px !important;\r\n    width: 30px !important;\r\n    background-color: #11141c;\r\n}\r\n\r\n.CID {\r\n    position: absolute;\r\n    right: 201px;\r\n    top: 119px;\r\n    font-size: 12px;\r\n    padding-left: 4px;\r\n    padding-right: 4px;\r\n    border-radius: 2px;\r\n    font-weight: 600;\r\n    height: auto !important;\r\n    width: 57px !important;\r\n    background-color: #11141c;\r\n}\r\n\r\n.challenge_card {\r\n    background: var(--primary-color);\r\n    margin: 25px;\r\n    width:280px;\r\n}\r\n\r\n.custom {\r\n    margin: 0;\r\n    border-radius: 0px;\r\n    padding: 0 16px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    line-height: 36px;\r\n    transition: 0.2s;\r\n}\r\n\r\n.gris {\r\n    background-color: #424242;\r\n}\r\n\r\n.red {\r\n    background: #E53935;\r\n}\r\n\r\n.vert:hover {\r\n    background: #3a941fa9;\r\n}\r\n\r\n.reward {\r\n    background: -webkit-linear-gradient(left, #FFC107, #cb8000, #FFAB00);\r\n\tbackground: linear-gradient(left, #FFC107, #cb8000, #FFAB00);\r\n    pointer-events: none;\r\n}\r\n\r\n.vert {\r\n    background: #3b941f;\r\n}\r\n\r\n.gras {\r\n    font-weight: bold;\r\n}\r\n\r\n.gold {\r\n    background: #e8bb07;\r\n    pointer-events: none;\r\n}\r\n\r\n/* LEGACY */\r\n\r\n.challenge_card {\r\n    min-height: 20px;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 20%), 0 1px 8px 0 rgb(0 0 0 / 12%);\r\n    overflow: hidden;\r\n    background: #11141c;\r\n    color: white;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: initial;\r\n}\r\n\r\n.icon-eventDurationInMilliseconds {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/timer.png');\r\n    top: -3px;\r\n}\r\n\r\n.icon-raceID {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/sprint.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-car {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/car.png');\r\n    top: -2px;\r\n}\r\n\r\n.icon-copsDisabled {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/copsDisabled.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-reward {\r\n    background: url('https://cdn.nightriderz.world/images/website/icon-ingame/reward.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-pu {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/powerup.png');\r\n    top: -4px;\r\n}\r\n\r\n.icon-4 {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/circuit.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-9 {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/sprint.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-19 {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/drag.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-12 {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/pursuit.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-24 {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/escape.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-copsRammed {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/copsRammed.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-topSpeed {\r\n    background: url('https://cdn.nightriderz.world/images/website/icons/speed.png');\r\n    top: -3px;\r\n}\r\n\r\n.icon-costToState {\r\n    background: url('https://cdn.nightriderz.world/images/website/icon-ingame/costtostate.png');\r\n    top: -5px;\r\n}\r\n\r\n.icon-rank {\r\n    background: url('https://cdn.nightriderz.world/images/website/icon-ingame/rank.png');\r\n    top: -5px;\r\n}\r\n\r\n.class_A {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/A.png');\r\n    background-size: cover\r\n}\r\n\r\n.class_B {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/B.png');\r\n    background-size: cover\r\n}\r\n\r\n.class_C {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/C.png');\r\n    background-size: cover\r\n}\r\n\r\n.class_D {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/D.png');\r\n    background-size: cover\r\n}\r\n\r\n.class_E {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/E.png');\r\n    background-size: cover\r\n}\r\n\r\n.class_S1 {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/S1.png');\r\n    background-size: cover\r\n}\r\n.class_S2 {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/S2.png');\r\n    background-size: cover\r\n}\r\n.class_X {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/X.png');\r\n    background-size: cover\r\n}\r\n.class_O {\r\n    background: url('https://cdn.nightriderz.world/images/website/moonset/classes/O.png');\r\n    background-size: cover\r\n}\r\n\r\n.icon-raceID,\r\n.icon-rank,\r\n.icon-reward {\r\n    display: block;\r\n    width: 55px;\r\n    height: 55px;\r\n    background-size: cover;\r\n    margin-right: 15px;\r\n    position: relative;\r\n}\r\n\r\n.class_A,\r\n.class_B,\r\n.class_C,\r\n.class_D,\r\n.class_E,\r\n.class_O,\r\n.class_S1,\r\n.class_S2,\r\n.class_X {\r\n    width: 20px;\r\n    height: 20px;\r\n    display: block;\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.conditions .text {\r\n    display: block;\r\n    width: 180px;\r\n    margin: auto;\r\n}\r\n\r\n.conditions div {\r\n    display: flex;\r\n}\r\n\r\n.conditions {\r\n    padding-right: 6px;\r\n    padding-left: 6px;\r\n    padding-top:6px;\r\n    padding-bottom:6px;\r\n    position: relative;\r\n    flex-grow: 1;\r\n}\r\n\r\n.playersdone {\r\n    padding-right: 6px;\r\n    padding-left: 6px;\r\n    padding-top:6px;\r\n    padding-bottom:6px;\r\n}\r\n\r\n.gglesmecs {\r\n    position: absolute;\r\n    background: grey;\r\n    z-index: 1;\r\n    overflow: auto;\r\n    display: block;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    height: 0%;\r\n    transition: height 0.5s;\r\n}\r\n\r\n.gglesmecs-active {\r\n    position: absolute;\r\n    background: grey;\r\n    z-index: 1;\r\n    overflow: auto;\r\n    display: block;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    height: 100%;\r\n    transition: height 0.5s;\r\n}\r\n\r\n.caca>span {\r\n    margin: 10px;\r\n    display: block;\r\n    color: white;\r\n    font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: .04em;\r\n    line-height: 1;\r\n    font-size: 16px;\r\n}\r\n\r\n.gris,\r\n.expired {\r\n    background: #a1a1a1;\r\n}\r\n\r\n.grisbis {\r\n    background: #717171;\r\n}\r\n\r\n.normal {\r\n    background: #339fd0;\r\n    pointer-events: none;\r\n}\r\n\r\n.pu-false {\r\n    filter: hue-rotate(288deg);\r\n}\r\n\r\n.pu-true {\r\n    filter: hue-rotate(520deg);\r\n}\r\n\r\na {\r\n    color: black;\r\n    text-decoration: none;\r\n}\r\n\r\nh1 {\r\n    margin-left: 20px;\r\n    max-width: initial;\r\n}\r\n\r\n.cardl {\r\n    max-width: initial;\r\n    margin: 0;\r\n    border-radius: 0;\r\n    color: #dddddd !important;\r\n    padding: 0 20px;\r\n    background: #11141c;\r\n    padding: 0 0 15px 15px;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n      <v-card class=\"challenge_card\" style=\"width:280px;\">\r\n        <Skeletor width=\"100%\" height=\"500px\"/> \r\n      </v-card>\r\n\r\n</template>\r\n<style scoped>\r\n    .challenge_card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n\r\n    .custom {\r\n        margin: 0;\r\n        border-radius: 0px;\r\n        padding: 0;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        line-height: 36px;\r\n        background: transparent;\r\n      }\r\n\r\n\r\n\r\n    .challenge_card {\r\n        min-height: 20px;\r\n        margin-bottom: 20px;\r\n        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 20%), 0 1px 8px 0 rgb(0 0 0 / 12%);\r\n        overflow: hidden;\r\n        background: #0b131e;\r\n        color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: initial;\r\n      }\r\n\r\n      .conditions .text {\r\n        display: block;\r\n        width: 180px;\r\n        margin: auto;\r\n      }\r\n      .conditions div {\r\n        display: flex;\r\n      }\r\n      .conditions {\r\n        padding: 10px 5px;\r\n        position: relative;\r\n        flex-grow: 1;\r\n      }\r\n\r\n</style>","<script setup>\r\nimport challengeCard from '../components/challengeCard.vue'\r\nimport SKchallengeCard from '../components/skeletons/SKchallengeCard.vue'\r\nimport {\r\n    ref,\r\n    toRefs,\r\n    getCurrentInstance,\r\n    computed\r\n} from 'vue'\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\n\r\nconst props = defineProps({\r\n    data: Object,\r\n})\r\nconst {\r\n    data\r\n} = toRefs(props)\r\nconst Driver = DriverStore()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst items = ref([])\r\nconst date_title = ref(\"\")\r\nconst done = ref([])\r\nconst dialog = ref(false)\r\nconst playerDone = ref([])\r\nconst isPink = ref(false)\r\nconst playerDoneCount = ref([])\r\n\r\n// Fonction pour obtenir la date actuelle dans la timezone CEST\r\nfunction getCurrentDateCEST() {\r\n    const date = new Date();\r\n    const offset = date.getTimezoneOffset();\r\n    const cestOffset = -120; // CEST est UTC+2\r\n    date.setMinutes(date.getMinutes() - offset + cestOffset);\r\n    return date;\r\n}\r\n\r\n// Utiliser cette fonction pour obtenir la date actuelle\r\nvar currentDate = getCurrentDateCEST();\r\n\r\n// Modification de la fonction de calcul de la semaine\r\nfunction getWeekNumber(d) {\r\n    d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));\r\n    d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay()||7));\r\n    var yearStart = new Date(Date.UTC(d.getUTCFullYear(),0,1));\r\n    var weekNo = Math.ceil(((d - yearStart) / 86400000 + 1) / 7);\r\n    return weekNo;\r\n}\r\n\r\n// Utiliser cette nouvelle fonction pour obtenir le numéro de semaine\r\nvar weekNumber = getWeekNumber(currentDate);\r\n\r\nconst zeroPad = (num, places) => String(num).padStart(places, '0')\r\n\r\n\r\ngetDone()\r\n\r\n\r\n\r\nfunction pink() {\r\n    isPink.value = true\r\n    document.querySelector('.v-app-bar').style.display = \"none\"\r\n    document.querySelector('.grid').style.background = \"rgb(255, 0, 247)\"\r\n\r\n    document.querySelectorAll('.challenge_card').forEach(e => {\r\n        e.style.background = \"white\"\r\n        e.style.color = \"black\"\r\n    })\r\n\r\n    document.querySelectorAll('.custom').forEach(e => {\r\n        e.style.color = \"white\"\r\n    })\r\n    \r\n}\r\n\r\nasync function getChallenges(year = route.params.year, week = route.params.week) {\r\n\r\n    !year ? year = currentDate.getFullYear() : ''\r\n    !week ? week = weekNumber : ''\r\n\r\n    router.push('/challenges/' + year + '/' + zeroPad(week, 2))\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"challenges\",\r\n        methodName: \"GetWeek\",\r\n        parameters: [year, week]\r\n    })\r\n    date_title.value = res.date\r\n    items.value = res.loop\r\n}\r\n\r\nasync function getDone(year = route.params.year, week = route.params.week) {\r\n    // Ensure the year and week are set. If not, default to the current year and current week\r\n    !year ? year = currentDate.getFullYear() : '';\r\n    !week ? week = weekNumber : '';\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"challenges\",\r\n        methodName: \"GetDone\",\r\n        parameters: [year, week] // Pass the year and week to the backend\r\n    });\r\n\r\n    done.value = res;\r\n    getChallenges(year, week); // Ensure this is called with the correct year and week\r\n}\r\n\r\n\r\nasync function claim(id) {\r\n    const res = await proxy.$api({\r\n        serviceName: \"challenges\",\r\n        methodName: \"GetClaim\",\r\n        parameters: [id]\r\n    })\r\n    getDone()\r\n}\r\n\r\nasync function PlayerDone(id) {\r\n    const res = await proxy.$api({\r\n        serviceName: \"challenges\",\r\n        methodName: \"GetPlayerDoneMoonset\",\r\n        parameters: [id]\r\n    });\r\n    // Assuming the response is structured with a 'names' key for players and a 'count' key for the total count\r\n    playerDone.value = res.names; // Store only the names part for iteration\r\n    playerDoneCount.value = res.count\r\n    // Optionally store the count if you need to display it separately\r\n    dialog.value = true;\r\n}\r\n\r\nfunction dateChange(e) {\r\n    items.value = [];\r\n    var value = e.target.value.split(\"-\");\r\n    var y = value[0];\r\n    var w = value[1].substring(1);\r\n    // Make sure to call getDone with the new year and week\r\n    getDone(y, w);\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-trophy-award\"></v-icon>\r\n    <v-app-bar-title>Challenges</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <template v-if=\"Driver.user.isAdmin == '1'\">\r\n        <!--<v-btn variant=\"tonal\" prepend-icon=\"mdi-plus-box\" :disabled=\"true\">\r\n            Create\r\n        </v-btn>-->\r\n\r\n        <v-btn variant=\"tonal\" prepend-icon=\"mdi-link-variant\" @click=\"pink\">\r\n            Screenshot mode\r\n        </v-btn>\r\n    </template>\r\n    <template v-slot:extension>\r\n        <div>\r\n        <label>Selected week: </label>\r\n        <input type=\"week\" id=\"week\" name=\"week\" :value=\"route.params.year + '-W' + route.params.week\" :max=\"currentDate.getFullYear() + '-W0' + weekNumber\" style=\"color:white\" @change=\"dateChange\">\r\n        </div>\r\n    </template>\r\n</v-app-bar>\r\n    <transition name=\"fade\" mode=\"out-in\">\r\n        <div key=1 class=\"grid skeleton\" v-if=\"items.length == 0\">\r\n            <SKchallengeCard v-for=\"i in 8\"/>\r\n        </div>\r\n        <div key=2 class=\"grid\" v-else>\r\n            <challengeCard v-for=\"(item, index) in items\" :key=\"item.ID\" :data=\"item\" :pink=\"isPink\" :done=\"done[index]\" @claim=\"claim\" @PlayerDone=\"PlayerDone\" />\r\n        </div>\r\n    </transition>\r\n    <!--<div class=\"card-container\">\r\n        <v-card class=\"my-card\">\r\n  <button class=\"title-button\"><v-icon icon=\"mdi-lightning-bolt\" style=\"margin-top:-3px;font-size: 18px;margin-left: -20px;margin-right: 12px;\"></v-icon>WEEKLY CHALLENGE STREAK</button>\r\n  <button v-for=\"(item, index) in done\" :key=\"index\"\r\n          :class=\"['my-button', item.done == 1 ? 'button-done' : 'button-not-done']\">\r\n    #{{ item.id }}\r\n  </button>\r\n  <button class=\"claim-button\"\r\n          :style=\"{ background: allDone ? '#00C853' : '#E53935', pointerEvents: allDone ? 'auto' : 'none' }\">\r\n    <v-icon style=\"padding-right: 16px;margin-top:-2px\">\r\n      {{ allDone ? 'mdi-alert-circle-outline' : 'mdi-close-circle-outline' }}\r\n    </v-icon>\r\n    {{ allDone ? 'CLAIM REWARD' : 'NOT COMPLETED' }}\r\n  </button>\r\n  {{ allDone }}\r\n</v-card>\r\n</div>-->\r\n\r\n<template>\r\n    <div class=\"text-center\">\r\n        <v-dialog v-model=\"dialog\" width=\"300\" height=\"500\">\r\n            <v-card>\r\n                <v-card-text>\r\n                <v-card style=\"background: #11141c;padding-left: 6px;\"><h3>{{ playerDoneCount }} <span style=\"opacity:60%\">PARTICIPANTS</span></h3></v-card>\r\n                    <v-list lines=\"one\">\r\n                        <v-list-item v-for=\"item in playerDone\" :key=\"item.name\" :title=\"item.name\" :href=\"`https://nightriderz.world/driver/${item.name}`\" style=\"border-radius: 4px;background: #11141c;margin-bottom: 4px;\"></v-list-item>\r\n                    </v-list>\r\n                </v-card-text>\r\n                <v-card-actions>\r\n                    <v-btn variant=\"tonal\" block @click=\"dialog = false\">Close</v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n    </div>\r\n</template>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.card-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: auto; /* Use 100% of the viewport height */\r\n  width: auto; /* Use 100% of the viewport width */\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.my-card {\r\n  background: #11141c;\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n  height: fit-content;\r\n  width: fit-content;\r\n  padding-left: 4px;\r\n  padding-right: 4px;\r\n  padding-top: 8px;\r\n  padding-bottom: 8px;\r\n  border-radius: 6px; /* Adjusted from 'ma-2' to standard CSS */\r\n}\r\n\r\n.my-button {\r\n  margin-right: 4px;\r\n  margin-left: 4px; /* Example margin, adjust as needed */\r\n  border-radius: 4px;\r\n  pointer-events: none;\r\n  font-weight: 600;\r\n  padding-top: 6px;\r\n}\r\n\r\n.claim-button {\r\n  margin-right: 4px;\r\n  margin-left: 4px; /* Example margin, adjust as needed */\r\n  border-radius: 4px;\r\n  font-weight: 600;\r\n  width: 250px;\r\n  padding-top: 6px;\r\n}\r\n\r\n.title-button {\r\n  margin-right: 4px;\r\n  margin-left: 4px; /* Example margin, adjust as needed */\r\n  border-radius: 4px;\r\n  background: #1f2430;\r\n  pointer-events: none;\r\n  font-weight: 600;\r\n  padding-top: 6px;\r\n  width: 320px;\r\n}\r\n\r\n.button-done {\r\n  background: #00C853;\r\n}\r\n\r\n.button-not-done {\r\n  background: #E53935;\r\n}\r\n\r\ninput {\r\n    border: none;\r\n    box-sizing: border-box;\r\n    outline: 0;\r\n    position: relative;\r\n    width: 200px;\r\n}\r\n\r\ninput[type=\"week\"]::-webkit-calendar-picker-indicator {\r\n    background: transparent;\r\n    bottom: 0;\r\n    color: transparent;\r\n    cursor: pointer;\r\n    height: auto;\r\n    left: 0;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: auto;\r\n}\r\n\r\n\r\n</style>\r\n","<script setup>\r\n\r\n    import { toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object,\r\n    test: Boolean\r\n    })\r\n    const {data, test} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n    width=\"310\"\r\n  >\r\n\r\n    <v-img\r\n      :src=\"'https://cdn.nightriderz.world/images/website/moonset/cars/' + data.store_name + '.png'\"\r\n      height=\"135\" style=\"margin-top: 6px;margin-left: 6px;margin-right: 6px;border-radius: 4px;\"\r\n    ></v-img>\r\n\r\n\r\n    <v-card-subtitle style=\"background: #1f2430;margin-left: 6px;margin-right: 6px;margin-top: 6px;border-radius:4px\">\r\n      {{ data.manufactor }} {{ data.model }}\r\n    </v-card-subtitle>\r\n    <v-card-subtitle v-if=\"test\" style=\"background: #1f2430;margin-left: 6px;margin-right: 6px;margin-top: 6px;border-radius:4px\">\r\n      Store ID: {{ data.store_name }}\r\n    </v-card-subtitle>\r\n    <v-card-subtitle v-if=\"test\" style=\"background: #1f2430;margin-left: 6px;margin-right: 6px;margin-top: 6px;border-radius:4px;margin-bottom: 6px;\">\r\n      Physic hash: {{ data.hash }}\r\n    </v-card-subtitle>\r\n\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.v-card-subtitle {\r\n    background: var(--primary-color);\r\n    opacity: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 10px 0;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    margin-bottom: 6px;\r\n}\r\n    .card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n\r\n    .v-card-actions {\r\n        margin: 10px 10px 0 10px;\r\n    }\r\n</style>","<script setup>\r\n\r\n    import { toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object\r\n    })\r\n    const {data} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n  >\r\n\r\n      <span>{{ data.nb }}</span>\r\n      <h5>{{ data.categoryName }}</h5>\r\n\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n    span {\r\n      font-size: 42px;\r\n    }\r\n    .card {\r\n      min-height: 20px;\r\n      margin-bottom: 20px;\r\n      overflow: hidden;\r\n      color: white;\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 300px;\r\n      height: 160px;\r\n      background: #11141c;\r\n      background: var(--primary-color);\r\n      margin: 25px;\r\n      padding: 20px;\r\n      border-bottom: 4px solid white;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .v-card-actions {\r\n        margin: 10px 10px 0 10px;\r\n    }\r\n</style>","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n    width=\"300\"\r\n  >\r\n\r\n  <Skeletor width=\"100%\" height=\"171\"/> \r\n\r\n    <v-card-subtitle>\r\n      <Skeletor width=\"100%\" height=\"36px\" /> \r\n    </v-card-subtitle>\r\n\r\n\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.v-card-subtitle {\r\n    background: var(--tertiary-color);\r\n    padding: 0;\r\n}\r\n    .card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n</style>","<script setup>\r\n\r\n    import { ref, getCurrentInstance } from 'vue'\r\n    import carCard from '../components/carCard.vue'\r\nimport NewCard from '../components/newCard.vue'\r\nimport SKcarCard from '../components/skeletons/SKcarCard.vue'\r\n\r\n    const { proxy } = getCurrentInstance()\r\n    const items = ref([])\r\n    const cars = ref([])\r\n\r\n    getNewContent()\r\n    getNewCars()\r\n\r\n    async function getNewContent() {\r\n        const res = await proxy.$api({serviceName: \"server\", methodName: \"showcase_stats\"})\r\n        items.value = res\r\n    }\r\n\r\n    async function getNewCars() {\r\n        const res = await proxy.$api({serviceName: \"server\", methodName: \"showcase_cars\"})\r\n        cars.value = res\r\n    }\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <v-app-bar :elevation=\"2\">\r\n        <v-icon icon=\"mdi-fire\"></v-icon>\r\n        <v-app-bar-title>New Content</v-app-bar-title>\r\n        <template v-slot:extension>\r\n            We are regularly updating the server to add in-game content. You can find all patch notes on Discord.\r\n        </template>\r\n    </v-app-bar>\r\n        \r\n    <div class=\"grid\">\r\n        <NewCard v-for=\"item in items\" :id=\"item.categoyName\" :data=\"item\"/>\r\n    </div>\r\n\r\n    \r\n    <transition name=\"fade\" mode=\"out-in\">\r\n        <div key=1 class=\"grid\" v-if=\"!cars.loop\">\r\n            <SKcarCard v-for=\"i in 12\"/>\r\n        </div>\r\n\r\n        <div key=2 class=\"grid\" v-else>\r\n            <carCard v-for=\"car in cars.loop\" :id=\"car.store_name\" :data=\"car\"/>         \r\n        </div>\r\n    </transition>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n    .grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n</style>","<script setup>\r\nimport {\r\n    getCurrentInstance,\r\n    toRefs\r\n} from 'vue'\r\nimport {\r\n    useRoute\r\n} from 'vue-router'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst Driver = DriverStore()\r\nconst route = useRoute()\r\n\r\nconst props = defineProps({\r\n    data: Object,\r\n    crewmanage: Boolean,\r\n    request: Boolean,\r\n    change: Boolean,\r\n    event: String\r\n})\r\nconst {\r\n    data,\r\n    crewmanage,\r\n    request,\r\n    event,\r\n    change\r\n} = toRefs(props)\r\n\r\nconst emit = defineEmits(['refreshmembers', 'closeDialog'])\r\nconst refreshmembers = () => emit('refreshmembers')\r\nconst closeDialog = () => emit('closeDialog')\r\n\r\nasync function action(type) {\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: type,\r\n        parameters: [route.params.id, data.value.personaID, \"\"]\r\n    })\r\n\r\n}\r\n\r\nasync function accept() {\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"acceptjoin\",\r\n        parameters: [data.value.personaID, route.params.id]\r\n    })\r\n\r\n    refreshmembers()\r\n}\r\n\r\nasync function reject() {\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"rejectjoin\",\r\n        parameters: [data.value.personaID, route.params.id]\r\n    })\r\n\r\n    refreshmembers()\r\n}\r\n\r\nasync function admin() {\r\n\r\n    var value = \"0\"\r\n\r\n    if (data.value.canManage == \"0\")\r\n        value = \"1\"\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"canmanage\",\r\n        parameters: [route.params.id, data.value.personaID, value]\r\n    })\r\n\r\n    refreshmembers()\r\n\r\n}\r\n\r\nfunction changePersona() {\r\n    Driver.setEasharpptr_p(data.value.ID)\r\n    GetUserInfo()\r\n    closeDialog()\r\n}\r\n\r\nasync function GetUserInfo() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"session\",\r\n        methodName: \"GetUserInfo\"\r\n    })\r\n\r\n    Driver.setPersona(res.persona)\r\n    Driver.setUser(res.user)\r\n    Driver.setCrew(res.crew)\r\n    Driver.setCurrentCrew(res.crew.current)\r\n    Driver.setOthers(res.others)\r\n    Driver.setLogged(true)\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"driverCard rounded-lg\" :xmpp=\"data.xmpp ? true : false\" :event=\"event ? true : false\" :change=\"change\"\r\n        :crew=\"data.points ? true : false\" :crewmanage=\"crewmanage\"\r\n        :style=\"'background: linear-gradient(to right, rgba(136, 0, 255, 0) -80%, var(--primary-color) 25%), url(' + 'https://cdn.nightriderz.world/images/website/icon-persona/' + data.iconIndex + '.jpg' + ') no-repeat;background-position: left center;'\">\r\n        <span :title=\"data.role\" :class=\"'role ' + data.role + 'I'\"></span>\r\n        <router-link :to=\"'/driver/' + data.name\">\r\n            <h4 :class=\"data.role\" :style=\"'color:' + data.color ? data.color : ''\"><b>{{ data.tag !== null ? '[' + data.tag +\r\n                '] ' : '' }}\r\n                {{ data.name }}</b></h4>\r\n            <small style=\"margin-left: 7px;display: block;\" v-if=\"data.xmpp\">{{ data.xmpp }}</small>\r\n            <small style=\"margin-left: 7px;display: block;\" v-if=\"data.points\">Joined\r\n                <timeago :datetime=\"data.date_join\" />\r\n            </small>\r\n            <small style=\"margin-left: 7px;display: block;\" v-if=\"change && data.first_login\">Created at\r\n                <timeago :datetime=\"data.first_login\" />\r\n            </small>\r\n            <small style=\"margin-left: 7px;display: block;\" v-if=\"data.points\">{{ number_format(data.points) }}\r\n                points</small>\r\n            <small style=\"margin-left: 7px;display: block;\" v-if=\"data.contributor\">{{ number_format(data.contributor) }} {{\r\n                event }}</small>\r\n        </router-link>\r\n        <v-spacer></v-spacer>\r\n\r\n        <div :class=\"'d-flex align-center level ' + data.role\" v-if=\"!crewmanage\">\r\n            <span class=\"levelcount\">{{ data.level }}</span>\r\n            <svg :class=\"data.role\" v-html=\"levelIcon(data.level)\"></svg>\r\n        </div>\r\n        <div :class=\"'d-flex align-center level ' + data.role\" v-if=\"crewmanage\">\r\n            <v-btn class=\"modo\" @click=\"admin()\" title=\"\" icon=\"mdi-shield-crown-outline\"\r\n                :color=\"data.canManage == '1' ? 'primary' : ''\"></v-btn>\r\n            <v-btn class=\"modo\" @click=\"action('Kick')\" title=\"Kick\" icon=\"mdi-hand-wave\"></v-btn>\r\n            <v-btn class=\"modo\" @click=\"action('Ban')\" title=\"Ban\" icon=\"mdi-gavel\"></v-btn>\r\n        </div>\r\n        <div :class=\"'d-flex align-center level ' + data.role\" v-if=\"request\">\r\n            <v-btn class=\"modo\" @click=\"accept\" title=\"Accept\" icon=\"mdi-checkbox-marked-circle-outline\"></v-btn>\r\n            <v-btn class=\"modo\" @click=\"reject\" title=\"Decline\" icon=\"mdi-close-circle-outline\"></v-btn>\r\n        </div>\r\n        <div :class=\"'d-flex align-center level ' + data.role\" v-if=\"change\">\r\n            <v-btn class=\"modo\" @click=\"changePersona\" title=\"Change\" icon=\"mdi-swap-horizontal\"></v-btn>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n.level .levelIcon::v-deep(svg) {\r\n    height: 34px;\r\n}\r\n\r\n.level {\r\n    font-weight: bold;\r\n}\r\n\r\n.levelcount {\r\n    margin-right: 10px;\r\n}\r\n\r\nsvg {\r\n    height: 34px;\r\n    width: 34px;\r\n}\r\n\r\n.level.premium,\r\n.PREMIUM,\r\n.PREMIUM .levelcount,\r\n.PREMIUM svg {\r\n    color: #d9be00;\r\n    fill: #d9be00;\r\n}\r\n\r\n.level,\r\nsvg,\r\n.FREEMIUM {\r\n    color: #0054a5;\r\n    fill: #0054a5;\r\n}\r\n\r\n.driverCard {\r\n    box-shadow: rgb(0 0 0 / 25%) 0px 3px 8px;\r\n    overflow: hidden;\r\n    background: white;\r\n    width: 442px;\r\n    padding: 15px 10px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: var(--primary-color);\r\n    margin: 10px;\r\n    height: 50px;\r\n}\r\n\r\n[crew='true'] {\r\n    height: 85px;\r\n}\r\n\r\n[xmpp='true'],\r\n[event=\"true\"] {\r\n    height: 70px;\r\n}\r\n\r\n[change=\"true\"],\r\n[changebis=\"true\"] {\r\n    height: 70px;\r\n    width: 100% !important;\r\n    margin: 10px 0;\r\n}\r\n\r\nh4 {\r\n    margin: 0px 7px;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n}\r\n\r\n.STAFF {\r\n    color: rgb(173 74 255);\r\n    fill: rgb(173 74 255);\r\n}\r\n\r\n.DEVELOPER {\r\n    color: rgb(17, 252, 74);\r\n    fill: rgb(17, 252, 74);\r\n}\r\n\r\n.CONTENT_CREATOR {\r\n    color: rgb(255 5 33);\r\n    fill: rgb(255 5 33);\r\n}\r\n\r\n.v-btn {\r\n    margin-left: 8px;\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n    font-size: 12px !important;\r\n}</style>\r\n","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n<v-card class=\"card\">\r\n\r\n    <Skeletor width=\"100%\" height=\"50\" />\r\n\r\n</v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.card {\r\n    background: var(--primary-color);\r\n    box-shadow: rgb(0 0 0 / 25%) 0px 3px 8px;\r\n    overflow: hidden;\r\n    width: 412px!important;\r\n    background-color: var(--primary-color);\r\n    margin: 10px;\r\n    height: 50px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport DriverCard from \"../components/driverCard.vue\"\r\n\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport SKdriverCard from '../components/skeletons/SKdriverCard.vue'\r\nimport {\r\n    createPinia\r\n} from \"pinia\"\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst drivers = ref([])\r\nconst racers = ref([])\r\nconst active = ref(\"\")\r\nconst count = ref(\"\")\r\nconst search = ref('')\r\nconst delayTimer = ref(0)\r\nconst searchBoxClosed = ref(true)\r\n\r\ngetCards('online')\r\n\r\nasync function getCards(type) {\r\n    drivers.value = []\r\n    count.value = ''\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"GetCards\",\r\n        \"parameters\": [type]\r\n    })\r\n\r\n    if (type == \"online\") {\r\n\r\n        drivers.value = res.filter(i => i.xmpp == \"IN FREEROAM\")\r\n        racers.value = res.filter(i => i.xmpp != \"IN FREEROAM\").sort((e, b) => {e.xmpp - b.xmpp})\r\n\r\n    } else {\r\n        drivers.value = res\r\n        racers.value = []\r\n    }\r\n\r\n    active.value = type\r\n    count.value = \"(\" + res.length + \")\"\r\n}\r\n\r\nfunction searchF() {\r\n\r\n    if (search.value.length > 0) {\r\n        drivers.value = []\r\n        racers.value = []\r\n        clearTimeout(delayTimer.value);\r\n        delayTimer.value = setTimeout(async () => {\r\n\r\n            active.value = \"search\"\r\n            const res = await proxy.$api({\r\n                \"serviceName\": \"players\",\r\n                \"methodName\": \"GetCards\",\r\n                \"parameters\": [search.value]\r\n            })\r\n            drivers.value = res\r\n        }, 100);\r\n\r\n    } else {\r\n        getCards('online')\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n\r\n<v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-racing-helmet\"></v-icon>\r\n    <v-app-bar-title>Drivers</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <v-responsive class=\"mx-auto\" max-width=\"344\">\r\n        <v-text-field v-model=\"search\" @keyup=\"searchF\" class=\"search\" density=\"compact\" variant=\"solo\" label=\"Search a driver\" placeholder=\"Search a driver\" append-inner-icon=\"mdi-magnify\" single-line hide-details></v-text-field>\r\n    </v-responsive>\r\n    <template v-slot:extension>\r\n        <v-tabs v-model=\"active\">\r\n            <v-tab value=\"online\" @click=\"getCards('online')\">Online {{ active == 'online' ? count : '' }}</v-tab>\r\n            <v-tab value=\"friends\" @click=\"getCards('friends')\">Friends {{ active == 'friends' ? count : '' }}</v-tab>\r\n            <v-tab value=\"creator\" @click=\"getCards('creator')\">Content Creator {{ active == 'creator' ? count : '' }}</v-tab>\r\n            <v-tab value=\"staff\" @click=\"getCards('staff')\">Staff {{ active == 'staff' ? count : '' }}</v-tab>\r\n            <v-tab value=\"search\" v-if=\"search.length > 0\">Search</v-tab>\r\n        </v-tabs>\r\n        <v-spacer></v-spacer>\r\n\r\n    </template>\r\n\r\n</v-app-bar>\r\n\r\n<transition name=\"fade\" mode=\"out-in\">\r\n    <div key=1 class=\"grid\" v-if=\"drivers.length == 0\">\r\n        <SKdriverCard v-for=\"i in 60\" />\r\n    </div>\r\n\r\n    <div key=2 class=\"grid\" v-else>\r\n        <driverCard v-for=\"driver in racers\" :key=\"driver.id\" :data=\"driver\" />\r\n        <driverCard v-for=\"driver in drivers\" :key=\"driver.id\" :data=\"driver\" />\r\n    </div>\r\n</transition>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n\r\n.v-btn {\r\n    margin-right: 10px;\r\n}\r\n\r\n.active {\r\n    color: white !important;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color);\r\n}\r\n</style>\r\n","<script setup>\r\nimport { toRefs } from 'vue'\r\n\r\nconst props = defineProps({\r\n  data: Object\r\n})\r\nconst { data } = toRefs(props)\r\n\r\n// Fonction pour obtenir le texte du rang et de la division\r\nconst getRankDivision = (rankName, rankingPoints) => {\r\n  let rankText = \"\"\r\n  let divisionText = \"\"\r\n\r\n  // Fonction pour convertir les nombres en chiffres romains\r\n  const toRoman = (num) => {\r\n    const romanNumerals = [\"I\", \"II\", \"III\", \"IV\", \"V\", \"VI\", \"VII\", \"VIII\", \"IX\", \"X\"]\r\n    return romanNumerals[num - 1] || num\r\n  }\r\n\r\n  if (rankingPoints >= 0 && rankingPoints <= 19) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 20 && rankingPoints <= 39) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 40 && rankingPoints <= 59) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 60 && rankingPoints <= 79) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 80 && rankingPoints <= 99) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 100 && rankingPoints <= 129) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 130 && rankingPoints <= 159) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 160 && rankingPoints <= 189) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 190 && rankingPoints <= 219) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 220 && rankingPoints <= 249) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 250 && rankingPoints <= 289) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 290 && rankingPoints <= 339) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 340 && rankingPoints <= 379) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 380 && rankingPoints <= 419) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 420 && rankingPoints <= 459) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 460 && rankingPoints <= 509) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 510 && rankingPoints <= 559) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 560 && rankingPoints <= 609) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 610 && rankingPoints <= 659) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 660 && rankingPoints <= 709) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 710 && rankingPoints <= 769) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 770 && rankingPoints <= 829) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 830 && rankingPoints <= 889) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 890 && rankingPoints <= 949) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 950 && rankingPoints <= 1009) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 1010 && rankingPoints <= 1079) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 1080 && rankingPoints <= 1149) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 1150 && rankingPoints <= 1219) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 1220 && rankingPoints <= 1289) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 1290 && rankingPoints <= 1360) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"V\";\r\n  } else {\r\n    rankText = \"Unranked\";\r\n    divisionText = \"\";\r\n  }\r\n\r\n  // Ajoutez la classe pour l'opacité aux points RP\r\n  const rankDivision = `${rankText} ${divisionText} <span style=\"opacity:15%\">[ ${rankingPoints} RP ]</span>`;\r\n  return rankDivision;\r\n}\r\n\r\n// Fonction pour obtenir l'image du rang\r\nconst getRankImage = (rankingPoints) => {\r\n  if (rankingPoints >= 0 && rankingPoints <= 99) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Bronze.png\";\r\n  } else if (rankingPoints >= 100 && rankingPoints <= 249) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Silver.png\";\r\n  } else if (rankingPoints >= 250 && rankingPoints <= 459) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Gold.png\";\r\n  } else if (rankingPoints >= 460 && rankingPoints <= 709) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Platinum.png\";\r\n  } else if (rankingPoints >= 710 && rankingPoints <= 1009) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Diamond.png\";\r\n  } else if (rankingPoints >= 1010 && rankingPoints <= 1360) {\r\n    return \"https://cdn.nightriderz.world/images/website/ranked/Riderz.png\";\r\n  }\r\n}\r\n</script>\r\n<template>\r\n  <v-container>\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet :class=\"data.role\" class=\"pa-2 ma-2\">\r\n          <svg :class=\"data.role\" v-html=\"levelIcon(data.level)\"></svg>\r\n          <br>\r\n          LEVEL {{ data.level }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Prestige<br>{{ data.prestige }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Driver Score<br>{{ data.score }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          CASH<br>{{ data.cash }} $\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          SPEEDBOOST<br>{{ data.boost }} SB\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          <img :src=\"getRankImage(data.rankingPoints)\" style=\"height:75px;width:75px\" :alt=\"data.role\">\r\n          <br>\r\n          <span v-html=\"getRankDivision(data.role, data.rankingPoints)\"></span>\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          CARS owned<br>{{ data.cars }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          EVENTS completed<br>{{ data.races }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Challenges completed<br>{{ data.challenges }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Treasure Hunt<br>{{ data.streak }} days\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <!--\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          FAVORITE RACE<br>AGATHE STREET\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          FAVORITE GAMEMODE<br>CIRCUIT\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          RACES WON<br>42\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          RACES LOST<br>42\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Win %<br>50%\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Average Finishing Place<br>2nd\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n-->\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Created<br>{{ data.created }}\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          Last login<br>{{ data.last_login }}\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<style scoped>\r\n.v-sheet {\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 200px;\r\n  background: #11141c;\r\n  background: var(--primary-color);\r\n  font-size: 20px;\r\n  font-weight: 400;\r\n  text-transform: uppercase;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  border-bottom: 4px solid white;\r\n  border-radius: 6px;\r\n}\r\n\r\n/* Style pour l'opacité des points RP */\r\n\r\nsvg {\r\n  height: 75px;\r\n  fill: white;\r\n}\r\n\r\n.PREMIUM {\r\n  color: #d9be00;\r\n  fill: #d9be00;\r\n}\r\n\r\nsvg,\r\n.FREEMIUM {\r\n  color: #0054a5;\r\n  fill: #0054a5;\r\n}\r\n\r\n.STAFF {\r\n  color: rgb(173 74 255);\r\n  fill: rgb(173 74 255);\r\n}\r\n\r\n.DEVELOPER {\r\n  color: rgb(17, 252, 74);\r\n  fill: rgb(17, 252, 74);\r\n}\r\n\r\n.CONTENT_CREATOR {\r\n  color: rgb(255 5 33);\r\n  fill: rgb(255 5 33);\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n    import { ref, toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object\r\n    })\r\n    const {data} = toRefs(props)\r\n\r\n    const emit = defineEmits(['dialogData'])\r\n    const dialogData = () => emit('dialogData', data.value.id)\r\n\r\n</script>\r\n\r\n<template>\r\n  <v-card\r\n    class=\"card\"\r\n    width=\"310\"\r\n    @click=\"dialogData\"\r\n  >\r\n\r\n  <v-btn\r\n      class=\"carsettings\"\r\n      variant=\"outlined\"\r\n      icon\r\n    >\r\n      <v-icon>mdi-car-cog</v-icon>\r\n    </v-btn>\r\n\r\n    <v-img\r\n      :src=\"'https://cdn.nightriderz.world/images/website/moonset/cars/' + data.name + '.png'\"\r\n      height=\"135\" style=\"margin-top: 6px;margin-left: 6px;margin-right: 6px;border-radius: 4px;\"\r\n    ></v-img>\r\n\r\n\r\n    <v-card-subtitle style=\"background: #1f2430;margin-left: 6px;margin-right: 6px;margin-top: 6px;border-radius:4px\">\r\n      {{ data.manufactor }} {{ data.model }}\r\n    </v-card-subtitle>\r\n\r\n  </v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.carsettings {\r\n  opacity: 0;\r\n  position: absolute;\r\n  width: 100%!important;\r\n  height: 136px!important;\r\n  background: #00000020!important;\r\n  border-radius: initial;\r\n  z-index: 1;\r\n  transition: 0.2s;\r\n}\r\n\r\n.carsettings:hover {\r\n  opacity: 1;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 136px;\r\n  background: #00000020!important;\r\n  border-radius: initial;\r\n  z-index: 1;\r\n}\r\n\r\n.v-card-subtitle {\r\n    background: var(--primary-color);\r\n    opacity: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 10px 0;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    margin-bottom: 6px;\r\n}\r\n    .card {\r\n        background: var(--primary-color);\r\n        margin: 25px;\r\n    }\r\n\r\n    .v-card-actions {\r\n        margin: 10px 10px 0 10px;\r\n    }\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    toRefs,\r\n    computed,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport { copyText } from 'vue3-clipboard'\r\nimport CarDetails from './CarDetails.vue';\r\n\r\nconst props = defineProps({\r\n    id: Number,\r\n    dialog: Boolean,\r\n    hash: String,\r\n    race: Object\r\n})\r\nconst {\r\n    id,\r\n    dialog,\r\n    hash,\r\n    race\r\n} = toRefs(props)\r\n\r\nconst {proxy} = getCurrentInstance()\r\nconst data = ref([])\r\n\r\ngetCarsInfo()\r\n\r\nasync function getCarsInfo() {\r\n  const res = await proxy.$api({\"serviceName\":\"players\",\"methodName\":\"getCarsInfo\",\"parameters\": [id.value] })\r\n  data.value = res\r\n}\r\n\r\nconst emit = defineEmits(['closeDialog'])\r\nconst closeDialog = () => emit('closeDialog')\r\n\r\nfunction copyLink() {\r\n  const container = ref('https://nightriderz.world/car/' + id.value)\r\n  copyText('ok', container.value, () => {})\r\n}\r\n</script>\r\n\r\n<template>\r\n\r\n<div class=\"text-center\">\r\n    <v-dialog transition=\"dialog-bottom-transition\" v-model=\"dialog\" @click:outside=\"closeDialog\" :width=\"1100\" :height=\"550\">\r\n\r\n        <v-toolbar dark color=\"primary\">\r\n            <v-icon>mdi-car-cog</v-icon>\r\n            <v-toolbar-title class=\"test\">{{ data.manufactor + ' ' + data.model }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            \r\n        </v-toolbar>\r\n        <v-card class=\"card\" :style=\"'background: url(' + 'https://cdn.nightriderz.world/images/website/moonset/cars/' + data.name + '.png' + ') center center;background-size:cover;'\">\r\n            <div class=\"parts d-flex\">\r\n              <div class=\"d-flex flex-column\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.SKILLMODPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.longDescription }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/skill/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/SKILLMOD.png\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex flex-column\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.VISUALPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.entitlementTag.replaceAll('_', ' ') }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/visual/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/AFTERMARKETPART.png\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex flex-column\">\r\n                    <v-spacer></v-spacer>\r\n                    <div v-for=\"perf in data.PERFORMANCEPART\">\r\n                      <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"end\"\r\n                      >{{ perf.longDescription }}</v-tooltip>\r\n                        <img class=\"icon\" :src=\"'https://cdn.nightriderz.world/images/website/moonset/parts/perf/' + perf.icon + '.png'\">\r\n                    </div>\r\n                    <div class=\"cat\">\r\n                      <img src=\"https://cdn.nightriderz.world/images/website/moonset/parts/PERFORMANCEPART.png\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <v-spacer></v-spacer>\r\n\r\n            <div class=\"d-flex flex-column\">\r\n              <v-spacer></v-spacer>\r\n              <div class=\"class\">\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + data.carClassHash + '.png'\" height=\"45\" width=\"45\">\r\n                <v-tooltip\r\n                        activator=\"parent\"\r\n                        location=\"start\"\r\n                      >Class {{ data.carClassHash }}</v-tooltip>\r\n                <v-spacer></v-spacer>\r\n                <span>{{ data.rating }}</span>\r\n                <v-spacer></v-spacer>\r\n              </div>\r\n            </div>\r\n            \r\n\r\n        </v-card>\r\n\r\n    </v-dialog>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.v-card {\r\n  flex-direction: row!important;\r\n}\r\n.card {\r\n    height: 550px;\r\n}\r\n\r\n.parts {\r\n    margin-left: 8px;\r\n    height: 100%;\r\n}\r\n\r\n.parts .icon {\r\n    height: 45px;\r\n    padding: 2px;\r\n    margin: 0 5px;\r\n    background: var(--primary-color);\r\n    border-radius: 0.250rem;\r\n}\r\n\r\n.cat {\r\n  padding: 2px;\r\n  margin: 5px;\r\n  background: var(--primary-color);\r\n  border-radius: 0.250rem;\r\n  height: 45px;\r\n  width: 45px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.class {\r\n  background: var(--primary-color);\r\n    border-top-left-radius: 0.25rem;\r\n    border-bottom-left-radius: 0.25rem;\r\n    padding: 2px;\r\n    margin: 5px 0px 5px 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 115px;\r\n    font-size: 22px;\r\n}\r\n\r\n</style>\r\n","<script setup>\r\n    import { toRefs } from 'vue'\r\n\r\n    const props = defineProps({\r\n    data: Object\r\n    })\r\n    const {data} = toRefs(props)\r\n</script>\r\n\r\n<template>\r\n\r\n<div class=\"achievement_card\">\r\n    <div :style=\"'background:url(https://cdn.nightriderz.world/images/website/icon-achievement/' + data.border +'.png) center no-repeat,url(https://cdn.nightriderz.world/images/website/icon-achievement/' + data.background + '.png) center no-repeat;width:80px;'\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/icon-achievement/' + data.icon + '.png'\" style=\"margin: 17px;width: 45px;\">\r\n    </div>\r\n    <div>\r\n        <h4>{{data.title}}</h4>\r\n        <p style=\"margin: -1px 0 5px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 280px;\">{{data.text}}</p>\r\n        <span style=\"width:initial;margin-right: 5px;\">\r\n            <v-icon>mdi-alpha-d-circle-outline</v-icon> {{data.points}}\r\n        </span>\r\n        <span style=\"width:initial;\">\r\n            <v-icon>mdi-clock-outline</v-icon> {{data.date}}\r\n        </span>\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n        h4 {\r\n            margin: 3px 0px 0px;\r\n            font-size: 20px;\r\n            font-weight: initial;\r\n        }\r\n\r\n        .achievement_card {\r\n            overflow: hidden;\r\n            background: white;\r\n            width: 378px;\r\n            margin: 5px;\r\n            background-color: #0b131e;\r\n            display:flex;\r\n            border-radius: 6px;\r\n        }\r\n\r\n        div {\r\n            height: 80px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            color: white;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        span {\r\n            width: 70px;\r\n            display: inline-block;\r\n            margin-bottom: 2px;\r\n            zoom: 0.8;\r\n        }\r\n\r\n        p {\r\n            zoom: 0.8;\r\n            line-height: 15px;\r\n            margin-top: 5px;\r\n        }\r\n</style>\r\n","<script setup>\r\nimport { toRefs, computed } from 'vue'\r\n\r\n// Define the component's props\r\nconst props = defineProps({\r\n    activity: Array // Assuming activity is an array based on your loop in the template\r\n})\r\n\r\n// Destructure activity from props and convert it into a reactive reference\r\nconst { activity } = toRefs(props)\r\n\r\n// Create a computed property that processes each item in the activity array\r\n// It removes content inside parentheses from act.t3\r\nconst removeParentheses = computed(() => {\r\n  return activity.value.map(act => ({\r\n    ...act,\r\n    t3: act.t3.replace(/\\(.*?\\)/g, '') // Use a regular expression to remove text within parentheses\r\n  }));\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <v-row>\r\n      <v-col cols=\"2\" md=\"2\" v-for=\"act in removeParentheses\" :key=\"act.id\" style=\"width: 100px!important;\">\r\n        <!-- Conditionally apply the href only if act.t4 is 'race' -->\r\n        <v-card :style=\"{ background: '#11141c' }\" :href=\"act.t4 === 'race' ? '/leaderboard/' + act.t5 : undefined\">\r\n          <v-card-title>\r\n            <v-icon style=\"margin-top: -5px;\">\r\n              mdi-car\r\n            </v-icon>\r\n            <span style=\"margin-left: 8px; margin-top: 20px;font-size: 18px;\"><timeago :datetime=\"act.t2\" /></span>\r\n          </v-card-title>\r\n          <v-card-text>\r\n            <div class=\"d-flex justify-start align-center\">\r\n              <strong class=\"me-2\"></strong>\r\n              <div style=\"font-size: 12px;\">\r\n                <!-- Use act.t3 from removeParentheses which has the parentheses content removed -->\r\n                <span v-if=\"act.t4 == 'race'\">Finished <b>{{ act.t3 }}</b></span>\r\n                <span v-else>Bought the car <b>{{ act.t1 }}</b></span>\r\n              </div>\r\n            </div>\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n</style>\r\n","<script>\r\nimport {\r\n    loadScript\r\n} from '@paypal/paypal-js'\r\n\r\nexport default {\r\n    name: 'Checkout-Payment',\r\n    beforeCreate: function () {\r\n        loadScript({\r\n            'client-id': CLIENT_ID,\r\n            'disable-funding': \"credit,card,venmo,sepa,bancontact,eps,giropay,ideal,mercadopago,mybank,p24,sofort\",\r\n            'currency': \"EUR\",\r\n            'components': \"buttons\"\r\n        }).then((paypal) => {\r\n            paypal\r\n                .Buttons({\r\n                    createOrder: this.createOrder,\r\n                    onApprove: this.onApprove,\r\n                    style: {\r\n                        color: \"black\"\r\n                    }\r\n                }).render('#paypal-button-container');\r\n        });\r\n    },\r\n    data() {\r\n        return {\r\n            paid: false\r\n        };\r\n    },\r\n    props: {\r\n        cartTotal: {\r\n            type: Number,\r\n            default: 5.99,\r\n        },\r\n    },\r\n    methods: {\r\n        createOrder: function (data, actions) {\r\n            return actions.order.create({\r\n                purchase_units: [{\r\n                    amount: {\r\n                        value: this.cartTotal,\r\n                    },\r\n                    description: 'NIGHTRIDERZ / PREMIUM',\r\n                    soft_descriptor: 'NIGHTRIDERZ / PREMIUM'\r\n                }],\r\n                application_context: {\r\n                    \"shipping_preference\": \"NO_SHIPPING\"\r\n                }\r\n            });\r\n        },\r\n        onApprove: function (data, actions) {\r\n            return actions.order.capture().then(() => {\r\n                this.$emit('capture', data)\r\n            });\r\n        },\r\n    },\r\n};\r\nconst CLIENT_ID = 'ASW5Xo3DdqlQpGgX0Is_tdsfnB2nbL5xxW-kuJkdcJjN1f9lKBkH1SNKxGapUwdKfuxbnovjSW-1Z3hX';\r\n</script>\r\n\r\n<template>\r\n<div v-if=\"!paid\" id=\"paypal-button-container\"></div>\r\n<div v-else id=\"confirmation\">Order complete!</div>\r\n</template>\r\n\r\n<style>\r\n\r\n</style>","<script setup>\r\nimport leaderboardCard from \"../components/leaderboardCard.vue\"\r\nimport SKleaderboardCard from \"../components/skeletons/SKleaderboardCard.vue\"\r\nimport {\r\n    getCurrentInstance,\r\n    ref,\r\n    computed,\r\n    watch,\r\n    toRefs\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nconst props = defineProps({\r\n    data: String\r\n    })\r\n    const {data} = toRefs(props)\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst inputsearch = ref(\"\")\r\nvar races = ref([])\r\n\r\nfunction search(e) {\r\n    inputsearch.value = e\r\n}\r\n\r\ncallCards()\r\n\r\nasync function callCards() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"GetCardsDriver\",\r\n        parameters: [data.value]\r\n    })\r\n    races.value = res\r\n    document.querySelector('.skeleton').style.display = \"none\"\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n<div class=\"leaderboards\">\r\n    <div class=\"grid skeleton\">\r\n        <SKleaderboardCard v-for=\"i in 40\" />\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n        <leaderboardCard :key=\"race.id\" :data=\"race\" v-for=\"race in races\" v-if=\"races.length\" :hidename=\"false\"/>\r\n        <div v-else>Sorry, no matching race.</div>\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n\r\n.button {\r\n    box-shadow: none;\r\n    background: 0 0;\r\n    border: none;\r\n    border-radius: 6px;\r\n    position: relative;\r\n    height: 36px;\r\n    padding: 0 16px;\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0;\r\n    overflow: hidden;\r\n    will-change: box-shadow;\r\n    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);\r\n    outline: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    line-height: 36px;\r\n}\r\n\r\n.nav {\r\n    background-color: var(--secondary-color);\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 10px 10px 10px;\r\n    padding: 5px;\r\n}\r\n\r\n.containernav {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.button:hover {\r\n    background: var(--quaternary-color);\r\n    color: #f1f2f3;\r\n}\r\n\r\n.button.router-link-active {\r\n    color: white !important;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color);\r\n}\r\n\r\n.header {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--primary-color);\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    watch,\r\n    toRefs\r\n} from 'vue'\r\n\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\nimport LeaderboardRow from './leaderboardRow.vue'\r\nimport CarDialog from '../pages/CarDialogHash.vue'\r\nimport {\r\n    ServerStore\r\n} from \"../pinia/Server.js\"\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst Server = ServerStore()\r\nconst race = ref([])\r\nconst raceDispay = ref(false)\r\nconst rows = ref([])\r\nconst page = ref(1)\r\nconst nbHits = ref(0)\r\nconst paginationdisplay = ref(false)\r\nconst perPage = ref(0)\r\nconst cars = ref([])\r\nconst classes = ref([])\r\nconst chips_class = ref(0)\r\nconst dialog = ref(false)\r\nconst hash = ref('')\r\nconst hashrace = ref('')\r\nconst carfiltre = ref('')\r\nconst ordertime = ref('asc')\r\n\r\nconst props = defineProps({\r\n    data: String,\r\n    race_id: String\r\n    })\r\n    const {data, race_id} = toRefs(props)\r\n\r\nfunction dialogData(e, f) {\r\n\r\n    hash.value = e\r\n    hashrace.value = f\r\n    dialog.value = true\r\n}\r\n\r\ncallRace()\r\n\r\n\r\nasync function callRace() {\r\n    var res = await proxy.$api({\r\n        serviceName: \"ranking\",\r\n        methodName: \"GetRace\",\r\n        parameters: [race_id.value]\r\n    })\r\n    race.value = res\r\n    raceDispay.value = true\r\n    callRows()\r\n}\r\n\r\nasync function callRows(newPage = 0) {\r\n    try {\r\n    const res = await proxy.$api({serviceName: \"leaderboard\",methodName: \"getDataDriver\",parameters: [race_id.value, 1, data.value]})\r\n    \r\n    rows.value = res.event.hits\r\n    perPage.value = res.event.request_params.per_page\r\n    nbHits.value = res.event.found\r\n    paginationdisplay.value = true\r\n\r\n    } catch (e) {\r\n        rows.value = []\r\n    }\r\n    \r\n}\r\n\r\nasync function deleteRow() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"leaderboard\",\r\n        methodName: \"deleteRow\",\r\n        parameters: [data.value.race.id, route.params.id]\r\n    })\r\n    refresh()\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n    <v-app-bar-title style=\"display: flex;background: var(--primary-color);padding: 15px;align-items: center;\">\r\n        <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(race.carClassHash) + '.png'\" height=\"26\"><div>{{ race.name }}</div>\r\n    </v-app-bar-title>\r\n\r\n<CarDialog v-if=\"dialog\" :dialog=\"dialog\" :hash=\"hash\" :race=\"hashrace\" @close-dialog=\"dialog = false\" />\r\n\r\n<v-table theme=\"dark\"  density=\"compact\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"text-left\">RANK</th>\r\n            <th>CAR</th>\r\n            <th class=\"text-left\">DETAILS</th>\r\n            <th class=\"text-left\">TIME <!--<v-icon @click=\"filterTime\" icon=\"mdi-chevron-up\" size=\"x-small\"></v-icon>--></th>\r\n            <th class=\"text-left\" v-if=\"race.eventModeId == 4\">BEST LAP</th>\r\n            <th class=\"text-left\">TOP SPEED</th>\r\n            <th class=\"text-left\">DATE</th>\r\n            <th class=\"action\" v-if=\"Driver.user.isAdmin == '1'\"></th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <LeaderboardRow :showDriver=\"false\" v-for=\"(row, position) in rows\" :key=\"row.race.id\" :data=\"row\" \r\n        :position=\"ordertime == 'asc' ? (position + 1) + (page == 1 ? 0 : 100 * (page - 1)) : (nbHits - position) - (page == 1 ? 0 : 100 * (page - 1))\"\r\n        @dialogData=\"dialogData\" @refresh=\"callRows(route.params.page)\" @delete-row=\"deleteRow\" />\r\n    </tbody>\r\n</v-table>\r\n</template>\r\n\r\n<style>\r\n.leaderdialog .v-overlay__scrim {\r\n    display: none;\r\n}\r\n\r\n.v-toolbar-title__placeholder {\r\n    display: flex !important;\r\n}\r\n\r\n.v-toolbar-title__placeholder img {\r\n    margin-right: 10px;\r\n}\r\n\r\n.v-toolbar-title div:nth-child(2) {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.v-pagination {\r\n    margin: 0 !important;\r\n}\r\n\r\n.v-pagination__item,\r\n.v-pagination__first,\r\n.v-pagination__prev,\r\n.v-pagination__next,\r\n.v-pagination__last {\r\n    margin: 0 5px !important;\r\n}\r\n</style><style scoped>\r\n.action {\r\n    width: 25px;\r\n}\r\n\r\n.search {\r\n    width: 450px;\r\n    background: rgb(var(--v-theme-surface));\r\n    border-radius: 6px;\r\n    padding-right: 3px;\r\n}\r\n\r\n.v-toolbar::v-deep(.v-toolbar-title__placeholder) {\r\n    flex-direction: column;\r\n}\r\n\r\n.v-select::v-deep(li) {\r\n    margin: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.v-select::v-deep(v-chip) {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.v-select::v-deep(button) {\r\n    background: transparent;\r\n}\r\n\r\n.v-main {\r\n    --v-layout-top: initial !important;\r\n    padding-top: 115px !important;\r\n}\r\n\r\nhtml {\r\n    overflow: hidden !important;\r\n}\r\n\r\n.v-table::v-deep(th) {\r\n    background: var(--primary-color) !important;\r\n}\r\n\r\n.v-table::v-deep(.v-table__wrapper) {\r\n    background: #1f242f;\r\n}\r\n\r\n.type {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n}\r\n\r\nnav {\r\n    font-size: 14px;\r\n}\r\n\r\n.col {\r\n    flex: 1;\r\n}\r\n\r\n.size {\r\n    width: 150px;\r\n}\r\n\r\n.title {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.title h1 {\r\n    margin: 0 15px;\r\n}\r\n\r\n.rank {\r\n    width: 50px;\r\n    text-align: center;\r\n}\r\n\r\n.router-link-active button,\r\n.v-pagination::v-deep(.v-pagination__item--is-active button),\r\n.v-pagination::v-deep(button:hover),\r\n.v-chip--selected,\r\n.v-chip:hover {\r\n    color: white !important;\r\n    background: var(--tertiary-color);\r\n}\r\n</style><style>\r\n* {\r\n    --vs-controls-color: white;\r\n    --vs-border-color: transparent;\r\n    --vs-dropdown-bg: var(--primary-color);\r\n    --vs-dropdown-color: white;\r\n    --vs-dropdown-option-color: white;\r\n    --vs-selected-bg: rgb(38, 107, 173);\r\n    --vs-selected-color: #eeeeee;\r\n    --vs-search-input-color: #eeeeee;\r\n    --vs-dropdown-option--active-bg: var(--tertiary-color);\r\n    --vs-dropdown-option--active-color: #eeeeee;\r\n}\r\n\r\n::-webkit-calendar-picker-indicator {\r\n    filter: invert(1);\r\n}\r\n\r\n.select {\r\n    background: var(--secondary-color);\r\n    width: 250px;\r\n    padding: 8px 10px;\r\n    overflow: initial;\r\n    border: none;\r\n    height: 46px;\r\n    border-radius: 6px;\r\n}\r\n\r\n.select button {\r\n    background: transparent;\r\n}\r\n\r\ntextarea:focus,\r\ninput:focus {\r\n    outline: none;\r\n}\r\n\r\n.vs__actions {\r\n    height: 27px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport { toRefs } from 'vue'\r\n\r\nconst props = defineProps({\r\n  data: Object\r\n})\r\nconst { data } = toRefs(props)\r\n// Fonction pour obtenir le texte du rang et de la division\r\nconst getRankDivision = (rankName, rankingPoints) => {\r\n  let rankText = \"\"\r\n  let divisionText = \"\"\r\n\r\n  // Fonction pour convertir les nombres en chiffres romains\r\n  const toRoman = (num) => {\r\n    const romanNumerals = [\"I\", \"II\", \"III\", \"IV\", \"V\", \"V\"]\r\n    return romanNumerals[num - 1] || num\r\n  }\r\n\r\n  if (rankingPoints >= 0 && rankingPoints <= 19) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 20 && rankingPoints <= 39) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 40 && rankingPoints <= 59) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 60 && rankingPoints <= 79) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 80 && rankingPoints <= 99) {\r\n    rankText = \"Bronze\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 100 && rankingPoints <= 129) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 130 && rankingPoints <= 159) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 160 && rankingPoints <= 189) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 190 && rankingPoints <= 219) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 220 && rankingPoints <= 249) {\r\n    rankText = \"Silver\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 250 && rankingPoints <= 289) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 290 && rankingPoints <= 339) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 340 && rankingPoints <= 379) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 380 && rankingPoints <= 419) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 420 && rankingPoints <= 459) {\r\n    rankText = \"Gold\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 460 && rankingPoints <= 509) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 510 && rankingPoints <= 559) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 560 && rankingPoints <= 609) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 610 && rankingPoints <= 659) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 660 && rankingPoints <= 709) {\r\n    rankText = \"Platinum\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 710 && rankingPoints <= 769) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 770 && rankingPoints <= 829) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 830 && rankingPoints <= 889) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 890 && rankingPoints <= 949) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 950 && rankingPoints <= 1009) {\r\n    rankText = \"Diamond\";\r\n    divisionText = \"V\";\r\n  } else if (rankingPoints >= 1010 && rankingPoints <= 1079) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"I\";\r\n  } else if (rankingPoints >= 1080 && rankingPoints <= 1149) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"II\";\r\n  } else if (rankingPoints >= 1150 && rankingPoints <= 1219) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"III\";\r\n  } else if (rankingPoints >= 1220 && rankingPoints <= 1289) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"IV\";\r\n  } else if (rankingPoints >= 1290 && rankingPoints <= 1360) {\r\n    rankText = \"Riderz\";\r\n    divisionText = \"V\";\r\n  } else {\r\n    rankText = \"Unranked\";\r\n    divisionText = \"\";\r\n  }\r\n\r\n  // Ajoutez la classe pour l'opacité aux points RP\r\n  const rankDivision = `${rankText} ${divisionText} <span style=\"opacity:15%\">[ ${rankingPoints} RP ]</span>`;\r\n  return rankDivision;\r\n}\r\n\r\n// Fonction pour obtenir l'image du rang\r\nconst getRankImage = (rankingPoints, nextRank) => {\r\n  const rankImages = {\r\n    Bronze: \"https://cdn.nightriderz.world/images/website/ranked/Bronze.png\",\r\n    Silver: \"https://cdn.nightriderz.world/images/website/ranked/Silver.png\",\r\n    Gold: \"https://cdn.nightriderz.world/images/website/ranked/Gold.png\",\r\n    Platinum: \"https://cdn.nightriderz.world/images/website/ranked/Platinum.png\",\r\n    Diamond: \"https://cdn.nightriderz.world/images/website/ranked/Diamond.png\",\r\n    Riderz: \"https://cdn.nightriderz.world/images/website/ranked/Riderz.png\"\r\n  };\r\n\r\n  // Si le prochain rang est disponible, utilisez l'image de ce rang\r\n  if (nextRank && rankImages[nextRank]) {\r\n    return rankImages[nextRank];\r\n  }\r\n\r\n  // Sinon, utilisez l'image du rang actuel\r\n  if (rankingPoints >= 0 && rankingPoints <= 99) {\r\n    return rankImages[\"Bronze\"];\r\n  } else if (rankingPoints >= 100 && rankingPoints <= 249) {\r\n    return rankImages[\"Silver\"];\r\n  } else if (rankingPoints >= 250 && rankingPoints <= 459) {\r\n    return rankImages[\"Gold\"];\r\n  } else if (rankingPoints >= 460 && rankingPoints <= 709) {\r\n    return rankImages[\"Platinum\"];\r\n  } else if (rankingPoints >= 710 && rankingPoints <= 1009) {\r\n    return rankImages[\"Diamond\"];\r\n  } else if (rankingPoints >= 1010 && rankingPoints <= 1360) {\r\n    return rankImages[\"Riderz\"];\r\n  }\r\n}\r\n\r\nconst getNextRankInfo = (rankingPoints) => {\r\n  // Helper function to map ranking points to rank, division, and next division start points\r\n  const determineRankAndDivision = (points) => {\r\n    if (points <= 19) return { rank: 'Bronze', division: 'I', nextStart: 20 };\r\n    else if (points <= 39) return { rank: 'Bronze', division: 'II', nextStart: 40 };\r\n    else if (points <= 59) return { rank: 'Bronze', division: 'III', nextStart: 60 };\r\n    else if (points <= 79) return { rank: 'Bronze', division: 'IV', nextStart: 80 };\r\n    else if (points <= 99) return { rank: 'Bronze', division: 'V', nextStart: 100 };\r\n    else if (points <= 129) return { rank: 'Silver', division: 'I', nextStart: 130 };\r\n    else if (points <= 159) return { rank: 'Silver', division: 'II', nextStart: 160 };\r\n    else if (points <= 189) return { rank: 'Silver', division: 'III', nextStart: 190 };\r\n    else if (points <= 219) return { rank: 'Silver', division: 'IV', nextStart: 220 };\r\n    else if (points <= 249) return { rank: 'Silver', division: 'V', nextStart: 250 };\r\n    else if (points <= 289) return { rank: 'Gold', division: 'I', nextStart: 290 };\r\n    else if (points <= 339) return { rank: 'Gold', division: 'II', nextStart: 340 };\r\n    else if (points <= 379) return { rank: 'Gold', division: 'III', nextStart: 380 };\r\n    else if (points <= 419) return { rank: 'Gold', division: 'IV', nextStart: 420 };\r\n    else if (points <= 459) return { rank: 'Gold', division: 'V', nextStart: 460 };\r\n    else if (points <= 509) return { rank: 'Platinum', division: 'I', nextStart: 510 };\r\n    else if (points <= 559) return { rank: 'Platinum', division: 'II', nextStart: 560 };\r\n    else if (points <= 609) return { rank: 'Platinum', division: 'III', nextStart: 610 };\r\n    else if (points <= 659) return { rank: 'Platinum', division: 'IV', nextStart: 660 };\r\n    else if (points <= 709) return { rank: 'Platinum', division: 'V', nextStart: 710 };\r\n    else if (points <= 769) return { rank: 'Diamond', division: 'I', nextStart: 770 };\r\n    else if (points <= 829) return { rank: 'Diamond', division: 'II', nextStart: 830 };\r\n    else if (points <= 889) return { rank: 'Diamond', division: 'III', nextStart: 890 };\r\n    else if (points <= 949) return { rank: 'Diamond', division: 'IV', nextStart: 950 };\r\n    else if (points <= 1009) return { rank: 'Diamond', division: 'V', nextStart: 1010 };\r\n    else if (points <= 1079) return { rank: 'Riderz', division: 'I', nextStart: 1080 };\r\n    else if (points <= 1149) return { rank: 'Riderz', division: 'II', nextStart: 1150 };\r\n    else if (points <= 1219) return { rank: 'Riderz', division: 'III', nextStart: 1220 };\r\n    else if (points <= 1289) return { rank: 'Riderz', division: 'IV', nextStart: 1290 };\r\n    else if (points <= 1360) return { rank: 'Riderz', division: 'V', nextStart: null }; // Last division has no next start\r\n    else return null; // Points are outside of defined ranges\r\n  };\r\n\r\n  const current = determineRankAndDivision(rankingPoints);\r\n  if (!current) return { nextRank: 'Out of Range', nextDivision: '', pointsToNextRank: 'N/A' };\r\n\r\n  const pointsToNext = current.nextStart !== null ? current.nextStart - rankingPoints : 'N/A';\r\n\r\n  if (current.nextStart === null) {\r\n    // Maximum rank and division achieved\r\n    return {\r\n      nextRank: 'Maximum Rank Achieved',\r\n      nextDivision: '',\r\n      pointsToNextRank: 'N/A'\r\n    };\r\n  } else {\r\n    // Determine the next rank and division\r\n    const next = determineRankAndDivision(current.nextStart);\r\n    return {\r\n      nextRank: next ? next.rank : 'Maximum Rank Achieved',\r\n      nextDivision: next ? next.division : '',\r\n      pointsToNextRank: pointsToNext\r\n    };\r\n  }\r\n};\r\n</script>\r\n<template>\r\n  <v-container>\r\n    <v-row no-gutters>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          <img :src=\"getRankImage(data.rankingPoints)\" style=\"height:75px;width:75px\" :alt=\"data.role\">\r\n          <br>\r\n          <span>CURRENT RANK</span>\r\n          <span v-html=\"getRankDivision(data.role, data.rankingPoints)\"></span>\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          <span>WINS</span>\r\n          <span>{{ data.victories }}</span>\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          <span>LOSSES</span>\r\n          <span>{{ data.defeats }}</span>\r\n        </v-sheet>\r\n      </v-col>\r\n      <v-col>\r\n        <v-sheet class=\"pa-2 ma-2\">\r\n          <img :src=\"getRankImage(data.rankingPoints, getNextRankInfo(data.rankingPoints).nextRank)\"\r\n            style=\"height:75px;width:75px\" :alt=\"data.role\">\r\n          <br>\r\n          <span>NEXT RANK</span>\r\n          <span>{{ getNextRankInfo(data.rankingPoints).nextRank + \" \" + getNextRankInfo(data.rankingPoints).nextDivision\r\n          }}<span style='opacity:15%' v-if=\"data.rankingPoints < 1290\"> {{ \" [ IN \" +\r\n  getNextRankInfo(data.rankingPoints).pointsToNextRank + \" RP ]\" }}</span></span>\r\n        </v-sheet>\r\n      </v-col>\r\n    </v-row>\r\n    <br>\r\n    <v-row no-gutters>\r\n      <v-col class=\"pa-2 ma-2\">\r\n        <h2>History</h2>\r\n        <!-- Utilisation de v-for pour parcourir chaque match dans l'historique -->\r\n        <!-- Utilisation de v-card pour afficher chaque résultat dans une carte -->\r\n        <div v-for=\"(match, index) in data.rankedActivity\" :key=\"index\">\r\n          <v-card v-if=\"match.pointsWon > 0\" class=\"mb-3\" style=\"background: linear-gradient(275deg, rgba(18,20,28,1) 20%, rgb(0, 159, 56) 100%);border-radius: 6px;\">\r\n  <v-card-text class=\"d-flex justify-space-between\">\r\n    <div>\r\n      <h2>MATCH WON</h2>\r\n      <!--Match {{ index + 1 }}:-->\r\n      {{ match.date }}\r\n    </div>\r\n    <div class=\"d-flex align-center\">\r\n      <h2 class=\"align-center\" style=\"font-weight: 600;margin-right:16px;\">\r\n        + {{ match.pointsWon }} RP\r\n      </h2>\r\n    </div>\r\n  </v-card-text>\r\n</v-card>\r\n\r\n<v-card v-if=\"match.pointsLost > 0\" class=\"mb-3\" style=\"background: linear-gradient(275deg, rgba(18,20,28,1) 20%, rgb(146, 0, 17) 100%);border-radius: 6px;\">\r\n  <v-card-text class=\"d-flex justify-space-between\">\r\n    <div>\r\n      <h2>MATCH LOST</h2>\r\n      <!--Match {{ index + 1 }}:-->\r\n      {{ match.date }}\r\n    </div>\r\n    <div class=\"d-flex align-center\">\r\n      <h2 class=\"align-center\" style=\"font-weight: 600;margin-right:16px;\">\r\n        - {{ Math.abs(match.pointsLost) }} RP\r\n      </h2>\r\n    </div>\r\n  </v-card-text>\r\n</v-card>\r\n        </div>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<style scoped>\r\n.v-sheet {\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 200px;\r\n  background: #11141c;\r\n  background: var(--primary-color);\r\n  font-size: 20px;\r\n  font-weight: 400;\r\n  text-transform: uppercase;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  border-bottom: 4px solid white;\r\n  border-radius: 6px;\r\n}\r\n\r\n/* Style pour l'opacité des points RP */\r\n\r\nsvg {\r\n  height: 75px;\r\n  fill: white;\r\n}\r\n\r\n.PREMIUM {\r\n  color: #d9be00;\r\n  fill: #d9be00;\r\n}\r\n\r\nsvg,\r\n.FREEMIUM {\r\n  color: #0054a5;\r\n  fill: #0054a5;\r\n}\r\n\r\n.STAFF {\r\n  color: rgb(173 74 255);\r\n  fill: rgb(173 74 255);\r\n}\r\n\r\n.DEVELOPER {\r\n  color: rgb(17, 252, 74);\r\n  fill: rgb(17, 252, 74);\r\n}\r\n\r\n.CONTENT_CREATOR {\r\n  color: rgb(255 5 33);\r\n  fill: rgb(255 5 33);\r\n}</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    watch\r\n} from 'vue'\r\n\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\nimport statsDriver from \"../components/statsDriver.vue\"\r\nimport carCardDrive from \"../components/carCardDriver.vue\"\r\nimport CarDialog from \"../pages/CarDialog.vue\"\r\nimport AchievementDriver from '../components/AchievementDriver.vue'\r\nimport ActivityDriver from '../components/ActivityDriver.vue'\r\nimport DriverCard from '../components/driverCard.vue'\r\nimport SKcarCard from '../components/skeletons/SKcarCard.vue'\r\nimport PayPalOffer from '../components/PayPalOffer.vue'\r\nimport { DriverStore } from '../pinia/Driver.js'\r\nimport LeaderboardDriver from '../components/LeaderboardDriver.vue'\r\nimport LeaderboardRaceDriver from '../components/LeaderboardRaceDriver.vue'\r\nimport rankedDriver from '../components/rankedDriver.vue'\r\n\r\nconst Driver = DriverStore()\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst driver = ref([])\r\nconst activity = ref([])\r\nconst cars = ref([])\r\nconst friends = ref([])\r\nconst achievements = ref([])\r\nconst car_id = ref(0)\r\nconst tab = ref(route.params.tab ? route.params.tab : '')\r\nconst dialog = ref(false)\r\nconst paypal = ref(false)\r\nconst driverid = ref()\r\n\r\nwatch(route, (newValue, oldValue) => {\r\n    if (newValue.params.name != driver.value.name) {\r\n        getPlayer()\r\n        tab.value = 'stats'\r\n    }\r\n})\r\ngetPlayer()\r\n\r\nasync function getPlayer() {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"GetPlayerNext\",\r\n        \"parameters\": [route.params.name]\r\n    })\r\n    driver.value = res\r\n    driverid.value = res.ID\r\n    getActivity(res.ID)\r\n    getCars(res.ID)\r\n    getAchievements(res.ID)\r\n    getFriends(res.ID)\r\n}\r\n\r\nasync function getActivity(id) {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"GetActivityNext\",\r\n        \"parameters\": [id]\r\n    })\r\n    activity.value = res\r\n}\r\n\r\nasync function getFriends(id) {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"getFriends\",\r\n        \"parameters\": [id]\r\n    })\r\n    friends.value = res\r\n}\r\n\r\nasync function getCars(id) {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"GetCarsNext\",\r\n        \"parameters\": [id]\r\n    })\r\n    cars.value = res\r\n}\r\n\r\nasync function getAchievements(id) {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"players\",\r\n        \"methodName\": \"GetAchievements\",\r\n        \"parameters\": [id]\r\n    })\r\n    achievements.value = res\r\n}\r\n\r\nfunction goback() {\r\n    router.push('/drivers')\r\n}\r\n\r\nfunction dialogData(e) {\r\n    car_id.value = parseInt(e)\r\n    dialog.value = true\r\n}\r\n\r\nfunction tabChanged() {\r\n    router.push('/driver/' + driver.value.name + '/' + tab.value)\r\n}\r\n\r\nasync function capture(data) {\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"paypal\",\r\n        methodName: \"verifyOffer\",\r\n        parameters: [data.orderID, driver.value.ID]\r\n    })\r\n    if (res == \"ok\") {\r\n        paypal.value = false\r\n        getPlayer()\r\n    }\r\n\r\n}\r\nasync function deleteall() {\r\n    if (confirm(\"Confirm delete all times?\")) {\r\n        const res = await proxy.$api({\r\n            serviceName: \"players\",\r\n            methodName: \"DeleteTimes\",\r\n            parameters: [driver.value.ID]\r\n        })\r\n        callCards()\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\">\r\n    <v-avatar :image=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + driver.iconIndex + '.jpg'\"></v-avatar>\r\n    <v-app-bar-title>                            {{ driver.tag !== null ? '[' + driver.tag + '] ' : '' }}\r\n                            {{ driver.name }}</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <td class=\"align-end\" style=\"margin-right:1%\" v-if=\"Driver.user.isAdmin == '1'\"><v-btn variant=\"tonal\" color=\"error\" @click=\"deleteall()\">DELETE ALL TIMES</v-btn></td>\r\n    <router-link :to=\"'/driver/' + other.name\" v-for=\"other in driver.otherpersona\">\r\n        <v-btn class=\"other\" variant=\"tonal\">\r\n            {{ other.name }}\r\n        </v-btn>\r\n    </router-link>\r\n    <template v-slot:extension>\r\n        <v-tabs v-model=\"tab\" @click=\"tabChanged\">\r\n            <v-tab value=\"stats\">Statistics</v-tab>\r\n            <v-tab value=\"times\">Times</v-tab>\r\n            <v-tab value=\"ranked\">Ranked</v-tab>\r\n            <v-tab value=\"activity\">Activity</v-tab>\r\n            <v-tab value=\"friends\">Friends ({{ friends.length }})</v-tab>\r\n            <v-tab value=\"cars\">Cars ({{ driver.cars }})</v-tab>\r\n            <v-tab value=\"achievements\">Achievements ({{ achievements.length }})</v-tab>\r\n        </v-tabs>\r\n        <v-spacer></v-spacer>\r\n        <v-btn v-if=\"driver.premium == '0' && Driver.logged\" @click=\"paypal = true\" prepend-icon=\"mdi-gift-outline\" id=\"menu\">Gift Premium\r\n        </v-btn>\r\n        \r\n        <v-dialog transition=\"dialog-bottom-transition\" :width=\"500\" v-model=\"paypal\" scrollable>\r\n            <v-card><v-card-text>\r\n                <PayPalOffer @capture=\"capture\" />\r\n        </v-card-text>\r\n            </v-card>\r\n        </v-dialog>\r\n    </template>\r\n</v-app-bar>\r\n\r\n<CarDialog v-if=\"dialog\" :dialog=\"dialog\" :id=\"car_id\" @close-dialog=\"dialog = false\" />\r\n\r\n<div class=\"driver\">\r\n\r\n    <div class=\"right\">\r\n\r\n        <v-window v-model=\"tab\">\r\n            <v-window-item value=\"stats\">\r\n                <statsDriver :data=\"driver\" />\r\n            </v-window-item>\r\n            <v-window-item value=\"times\">\r\n                <LeaderboardRaceDriver v-if=\"driverid && route.params.race_id\" :data=\"driverid\" :race_id=\"route.params.race_id\"/>\r\n                <span v-else><LeaderboardDriver v-if=\"driverid\" :data=\"driverid\"/></span>\r\n                \r\n                \r\n            </v-window-item>\r\n            <v-window-item value=\"ranked\">\r\n                <rankedDriver :data=\"driver\"/>\r\n            </v-window-item>\r\n            <v-window-item value=\"activity\">\r\n                <ActivityDriver v-if=\"activity.length > 0\" :activity=\"activity\" style=\"padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;\"/>\r\n            </v-window-item>\r\n            <v-window-item value=\"friends\">\r\n                <div class=\"grid\" style=\"max-width: initial;margin-top: 20px;\">\r\n                    <DriverCard v-for=\"friend in friends\" :data=\"friend\" />\r\n                </div>\r\n            </v-window-item>\r\n            <v-window-item value=\"cars\">\r\n                <transition name=\"fade\" mode=\"out-in\">\r\n                    <div key=1 class=\"grid\" v-if=\"!cars.length\">\r\n                        <SKcarCard v-for=\"i in 15\" />\r\n                    </div>\r\n\r\n                    <div key=2 class=\"grid\" v-else>\r\n                        <carCardDrive v-for=\"car in cars\" :data=\"car\" @dialogData=\"dialogData\" />\r\n                    </div>\r\n                </transition>\r\n            </v-window-item>\r\n\r\n            <v-window-item value=\"achievements\">\r\n                <div v-if=\"cars.length > 0\" class=\"grid\" style=\"max-width: initial;margin-top: 20px;\">\r\n                    <AchievementDriver v-for=\"achievement in achievements\" :data=\"achievement\" />\r\n                </div>\r\n            </v-window-item>\r\n        </v-window>\r\n\r\n    </div>\r\n\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n#menu {\r\n    background: linear-gradient(90deg, rgb(255 165 0) 0%, rgb(255 235 0) 100%) !important;\r\n}\r\n.other {\r\n    margin-left: 5px;\r\n}\r\n\r\n.back {\r\n    margin-right: 10px;\r\n}\r\n\r\n.driver {\r\n    display: flex;\r\n}\r\n\r\n.v-card {\r\n    background-color: var(--primary-color);\r\n}\r\n\r\n.v-timeline::v-deep(.v-timeline-divider__before),\r\n.v-timeline::v-deep(.v-timeline-divider__after) {\r\n    background: white;\r\n}\r\n\r\n.align-right {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.v-timeline {\r\n    justify-content: left;\r\n}\r\n\r\n.left {\r\n    width: 300px;\r\n}\r\n\r\n.right {\r\n    flex: 1;\r\n}\r\n\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    margin: 0 auto;\r\n}\r\n</style>","<script setup>\r\nimport { toRefs, ref } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { ServerStore } from '../pinia/Server.js'\r\nconst route = useRoute()\r\nconst Server = ServerStore()\r\nconst props = defineProps({\r\n  data: Object\r\n})\r\nconst {data} = toRefs(props)\r\n\r\nfunction getBackground() {\r\n    if(data.value.thumb_version == 0)\r\n        return \"https://cdn.nightriderz.world/images/website/district-thumb/\" + data.value.districtid + \".jpg\"\r\n    else\r\n        return 'https://cdn.nightriderz.world/images/website/crew/' + data.value.crewid + '-thumb-v' + data.value.thumb_version + '.png'\r\n}\r\n</script>\r\n\r\n<template>\r\n    <RouterLink :to=\"'/crew/headquarters/' + data.crewid\" tag=\"div\" class=\"crewcard\" style=\"background-color: #11141c;\" :style=\"{background: data.color}\">\r\n            <div class=\"crewcover\" :style=\"'background-image: url(' + getBackground() + ');background-size:350px auto;'\"></div>\r\n            <v-spacer></v-spacer>\r\n            <div :style=\"{background: data.color}\">\r\n                <v-spacer></v-spacer>\r\n                <v-card style=\"margin-bottom: 6px;margin-left: 7px;margin-right: 7px;padding-left: 6px;box-shadow: none;margin-bottom: 7px;\">\r\n                    <div style=\"text-transform: uppercase;\"><b>[{{data.tag}}] {{data.name}}</b></div>\r\n                    <div class=\"district\">{{data.city}} - {{data.district}}</div>\r\n                    <div class=\"level\">LEVEL {{data.level}} - {{number_format(data.nb_member)}} MEMBERS - {{number_format(data.nb_points)}} POINTS</div>\r\n                </v-card>\r\n            </div>\r\n    </RouterLink>\r\n</template>\r\n\r\n<style scoped>\r\n    .crewcover {\r\n        width: 350px; /* Largeur du conteneur */\r\n        height: 180px; /* Hauteur du conteneur */\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        margin-top: 7px;\r\n        border-radius:4px;\r\n        background-repeat: repeat;\r\n    }\r\n\r\n    .crewcard {\r\n        border-radius: 6px;\r\n        overflow: hidden;\r\n        width: 364px;\r\n        flex-direction: column;\r\n        display: flex;\r\n        margin: 20px;\r\n        height: 264px;\r\n    }\r\n    .textcard {\r\n        height: 76px;\r\n        padding-left:15px;\r\n        padding-top:8px;\r\n        text-shadow: 0px 0px 6px rgb(0 0 0);\r\n    }\r\n\r\n    .district,\r\n    .level {\r\n        font-size: 13px;\r\n    }\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport districts from '../configs/districts.json'\r\n\r\nconst dialog = ref(false)\r\nconst model = ref()\r\nconst form_district = ref(\"\")\r\nconst form_tag = ref()\r\nconst form_name = ref()\r\nconst form_motto = ref()\r\nconst color = ref(\"#8E43AD\")\r\nconst valid = ref()\r\nconst error = ref(\"\")\r\nconst router = useRouter()\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst tagRules = [\r\n    v => !!v || 'required',\r\n    v => (v && v.length >= 2 && v.length <= 4) || '2-4 characters',\r\n    v => (v && v.length >= 2 && v.length <= 4 && /^[a-zA-Z]+$/.test(v)) || 'Only letters'\r\n]\r\n\r\nconst nameRules = [\r\n    v => !!v || 'required',\r\n    v => (v && v.length >= 3 && v.length <= 25) || 'Name must be 3-20 characters',\r\n]\r\n\r\nconst mottoRules = [\r\n    v => !!v || 'required'\r\n]\r\n\r\nconst ColorRules = [\r\n    v => !!v || 'required'\r\n]\r\n\r\nasync function save() {\r\n\r\n    if (!!form_district.value && !!form_tag.value && !!form_name.value && !!form_motto.value && !!color.value && valid.value) {\r\n\r\n        const res = await proxy.$api({\r\n            serviceName: \"crew\",\r\n            methodName: \"create\",\r\n            parameters: [form_tag.value, form_name.value, form_motto.value, color.value, form_district.value]\r\n        })\r\n\r\n        if(res == \"name\") \r\n            error.value = \"Name is already used.\"\r\n\r\n        if(res.state == \"ok\")\r\n            router.push(\"/crew/headquarters/\" + res.crew_id)\r\n\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-btn prepend-icon=\"mdi-plus-box-multiple\" variant=\"tonal\" @click=\"dialog = true\">Create a crew</v-btn>\r\n\r\n<v-dialog transition=\"dialog-bottom-transition\" :width=\"500\" v-model=\"dialog\" scrollable>\r\n    <v-card>\r\n        <v-toolbar dark color=\"primary\">\r\n            <v-icon>mdi-plus-box-multiple</v-icon>\r\n            <v-toolbar-title>Create a crew</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n\r\n            <template v-slot:extension>\r\n                <v-tabs v-model=\"model\" centered>\r\n                    <v-tab value=\"1\">\r\n                        Rules\r\n                    </v-tab>\r\n                    <v-tab value=\"2\">\r\n                        Create\r\n                    </v-tab>\r\n                </v-tabs>\r\n            </template>\r\n\r\n        </v-toolbar>\r\n\r\n        <v-window v-model=\"model\">\r\n            <v-window-item value=\"1\">\r\n                <v-card>\r\n                    <v-card-text style=\"padding: 25px;\">\r\n                        <p>From here you will be able to personalize your crew like you want.</p><br>\r\n\r\n                        <p>Make sure that your crew respect the following rules :</p>\r\n                        <ul>\r\n                            <li>Do not create a crew with an offensive name</li>\r\n                            <li>Do not create a crew with an offensive tag</li>\r\n                            <li>Do not create a crew with an offensive motto</li>\r\n                            <li>Do not upload a custom crew banner that shows NSFW stuff</li>\r\n                        </ul>\r\n                        <br>\r\n                        <p>Our crew system is here to give you the ability to group up with team-mates in order to build a good crew.<br>\r\n                            The crew system will keep evolving in the time, instead of just letting you the ability to create groups, we will provide crew battles, with rewards for the winners.<br>\r\n                            You will get more informations about it later on NightRiderz's Discord server.\r\n                        </p>\r\n                        <br>\r\n                        <p>If your crew isn't approved by our moderation you might be banned from the crew section.<br>\r\n                            Based on the gravity of the infractions regarding crews, we can see the problem with you, the owner.<br>\r\n                            Your crew will be DESTROYED if it doesn't respect the rules and if we cannot get in a agreement with the owner.<br>\r\n                            Every bans from this system are DEFINITIVE and not appealable.</p>\r\n                        <br>\r\n                        <div>By creating a crew, you automatically accept the rules.</div>\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"2\">\r\n                <v-card>\r\n                    <v-card-text>\r\n\r\n                        <v-alert icon=\"mdi-alert-circle\" type=\"error\" v-if=\"error\">\r\n                            {{ error }}\r\n                        </v-alert>\r\n                        <br>\r\n\r\n                        <v-form v-model=\"valid\">\r\n                            <div class=\"d-flex\" style=\"margin-top: 5px;\">\r\n                                <v-text-field v-model=\"form_tag\" :rules=\"tagRules\" label=\"Tag\" variant=\"outlined\" style=\"width: 100px;flex: initial;margin-right: 10px;\"></v-text-field>\r\n                                <v-text-field v-model=\"form_name\" :rules=\"nameRules\" label=\"Name\" variant=\"outlined\"></v-text-field>\r\n\r\n                                <v-swatches class=\"color\" row-length=\"8\" v-model=\"color\" popover-x=\"left\" show-fallback></v-swatches>\r\n                            </div>\r\n\r\n                            <v-text-field v-model=\"form_motto\" :rules=\"mottoRules\" label=\"Motto\" variant=\"outlined\"></v-text-field>\r\n\r\n                            <select v-model=\"form_district\" class=\"v-field__input\">\r\n                                <option value=\"\" disabled selected>Select your district</option>\r\n                                <template v-for=\"district in districts\">\r\n                                    <option class=\"hr\" disabled>{{ district.city }}</option>\r\n                                    <option :value=\"quartier.id\" v-for=\"quartier in district.loop\">{{ quartier.name.replace(/ *\\([^)]*\\) */g, \"\")  }}</option>\r\n\r\n                                </template>\r\n\r\n                            </select>\r\n\r\n                            <v-alert class=\"d-flex\" color=\"primary\" style=\"align-items: center;\">\r\n                                <div>\r\n                                    <img src=\"https://cdn.nightriderz.world/images/website/boost.png\">\r\n                                    <span>40,000</span>\r\n                                </div>\r\n                                <v-spacer></v-spacer>\r\n                                <div>\r\n                                    <v-btn @click=\"save\">Create</v-btn>\r\n                                </div>\r\n                            </v-alert>\r\n                        </v-form>\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n        </v-window>\r\n\r\n    </v-card>\r\n</v-dialog>\r\n</template>\r\n\r\n<style>\r\nli {\r\n    margin-left: 40px;\r\n    padding: 2px;\r\n}\r\n\r\n.v-list-item__prepend {\r\n    font-size: 30px !important;\r\n    margin-top: 10px;\r\n}\r\n</style><style scoped>\r\n.hr {\r\n    background: var(--primary-color);\r\n    color: white;\r\n    padding-left: 10px !important;\r\n}\r\n\r\noption {\r\n    background: var(--secondary-color);\r\n    padding-left: 5px;\r\n}\r\n\r\nselect {\r\n    border: 1px solid #686c73;\r\n    padding: 12px;\r\n    border-radius: 4px;\r\n}\r\n\r\nselect:hover {\r\n    border: 1px solid white;\r\n}\r\n\r\n.v-alert {\r\n    margin-top: 20px !important;\r\n}\r\n\r\n.v-alert::v-deep(.v-alert__content) {\r\n    display: flex !important;\r\n    align-items: center;\r\n    padding: 0;\r\n}\r\n\r\n.color {\r\n    margin: 8px 0px 0px 10px;\r\n}\r\n\r\nbutton {\r\n    margin: initial !important;\r\n}\r\n\r\n.v-text-field {\r\n    margin-bottom: 10px;\r\n}\r\n</style><style>\r\n.v-list-item-title {\r\n    margin: 10px 0 !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n  getCurrentInstance,\r\n  ref,\r\n  computed\r\n} from 'vue'\r\nimport crewCard from '../components/crewCard.vue'\r\nimport CreateCrew from './CreateCrew.vue'\r\nimport { DriverStore } from '../pinia/Driver.js'\r\n\r\nconst Driver = DriverStore()\r\nconst {\r\n  proxy\r\n} = getCurrentInstance()\r\n\r\nconst inputsearch = ref(\"\")\r\nvar crews = ref([])\r\n\r\nfunction search(e) {\r\n  inputsearch.value = e\r\n}\r\n\r\ncallCards()\r\n\r\nasync function callCards() {\r\n  const res = await proxy.$api({\r\n    serviceName: \"crew\",\r\n    methodName: \"GetCards\",\r\n    parameters: []\r\n  })\r\n  crews.value = res\r\n}\r\n\r\nconst computedCrews = computed(() => {\r\n  var tempCrew = crews.value\r\n\r\n  if (inputsearch.value)\r\n    return tempCrew.filter(i => i.name.toLowerCase().includes(inputsearch.value.toLowerCase()))\r\n  else\r\n    return crews.value\r\n})\r\n\r\nconst showingMoulaPopup = ref(false)\r\n\r\nfunction showMoulaPopup() {\r\n  showingMoulaPopup.value = true\r\n}\r\n</script>\r\n<template>\r\n  <v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-account-group\"></v-icon>\r\n    <v-app-bar-title>Crews</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n    <CreateCrew\r\n      v-if=\"Driver.persona.boost >= 40000 && Driver.crew.can_join && Driver.persona.level >= 30 && Driver.persona.personaAge >= 30\" />\r\n    <v-btn prepend-icon=\"mdi-help-circle\" variant=\"tonal\"\r\n      v-if=\"(Driver.persona.boost < 40000 || Driver.persona.level < 30 || Driver.persona.personaAge < 30) && Driver.crew.can_join\"\r\n      @click=\"showMoulaPopup\">\r\n      HOW TO CREATE A CREW\r\n    </v-btn>\r\n    <v-btn :to=\"'/crew/headquarters/' + Driver.crew.current.id\" prepend-icon=\"mdi-account-group\" variant=\"tonal\" v-if=\"(Driver.crew.can_join == false)\">\r\n      {{Driver.crew.current.name}}'s CREW PAGE\r\n    </v-btn>\r\n  </v-app-bar>\r\n\r\n  <div class=\"d-flex\" style=\"margin: 30px 30px 0px 30px; justify-content: center;align-items: center;\">\r\n    <v-text-field @update:model-value=\"search\" style=\"flex:1;margin-right: 20px;\" label=\"Search a crew\"\r\n      prepend-icon=\"mdi-magnify\" variant=\"underlined\"></v-text-field>\r\n  </div>\r\n\r\n  <div class=\"grid\">\r\n    <crewCard :key=\"crew.crewid\" :data=\"crew\" v-for=\"crew in computedCrews\" />\r\n  </div>\r\n\r\n  <v-dialog v-model=\"showingMoulaPopup\" transition=\"dialog-bottom-transition\" :width=\"500\">\r\n    <v-card>\r\n      <v-toolbar dark color=\"primary\">\r\n        <v-icon>mdi-help-circle</v-icon>\r\n        <v-toolbar-title>How to create a crew ?</v-toolbar-title>\r\n      </v-toolbar>\r\n      <v-card-text style=\"font-size: 14px;\">\r\n        In order to create a crew you have to fill all the conditions below.\r\n      </v-card-text>\r\n      <v-card-text style=\"font-size: 14px;\">\r\n        <v-icon v-if=\"Driver.persona.boost >= 40000\" style=\"color:green\">mdi-check-circle</v-icon><v-icon v-if=\"Driver.persona.boost < 40000\" style=\"color:red\">mdi-close-circle</v-icon> - Have minimum <b>40,000 SB</b> on your current driver wallet.\r\n        <br>\r\n        <v-icon v-if=\"Driver.persona.level >= 30\" style=\"color:green\">mdi-check-circle</v-icon><v-icon v-if=\"Driver.persona.level < 30\" style=\"color:red\">mdi-close-circle</v-icon> - Be at least <b>level 30</b> on your current driver.\r\n        <br>\r\n        <v-icon v-if=\"Driver.persona.personaAge >= 30\" style=\"color:green\">mdi-check-circle</v-icon><v-icon v-if=\"Driver.persona.personaAge < 30\" style=\"color:red\">mdi-close-circle</v-icon> - Your current driver profile must exist since at least <b>30 days</b>.\r\n        <br>\r\n        <br>\r\n        <br>\r\n        Once all these requirements are validated, you will see the button <b>CREATE CREW</b> in the top right corner of\r\n        this page.\r\n      </v-card-text>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<style scoped>\r\n.grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  background: var(--secondary-color);\r\n  margin-top: 20px;\r\n}\r\n</style>\r\n  ","<script setup>\r\nimport {\r\n    toRefs\r\n} from 'vue'\r\n\r\nconst props = defineProps({\r\n    activity: Object\r\n})\r\nconst {\r\n    activity\r\n} = toRefs(props)\r\n</script>\r\n\r\n<template>\r\n<!--\r\n    <v-timeline class=\"timeline\" side=\"end\" align=\"start\">\r\n        <v-timeline-item\r\n        dot-color=\"white\"\r\n        icon=\"mdi-car\"\r\n        size=\"x-small\"\r\n        v-for=\"(act, index) in activity\"\r\n        >\r\n        <v-card>\r\n        <strong class=\"me-4\"><Timeago :datetime=\"act.date\" /></strong>\r\n                <div><b>{{ act.pseudo}} </b> {{ act.value}} <b>{{ act.racename }}</b></div>\r\n                <v-spacer></v-spacer>\r\n                <div>{{ act.points }}</div>\r\n        </v-card>\r\n        </v-timeline-item>\r\n\r\n    </v-timeline>-->\r\n\r\n<div v-for=\"(act, index) in activity\" size=\"small\" class=\"activity\">\r\n    <v-alert>\r\n        <div class=\"body\">\r\n            <div class=\"time\" :title=\"act.date\"><strong class=\"me-4\">\r\n                    <timeago :datetime=\"act.date\" /></strong></div>\r\n            <div><b>{{ act.pseudo}} </b> {{ act.value}} <b>{{ act.racename }}</b></div>\r\n            <v-spacer></v-spacer>\r\n            <div>{{ act.points }}</div>\r\n        </div>\r\n    </v-alert>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.v-timeline::v-deep(.v-timeline-divider__before),\r\n.v-timeline::v-deep(.v-timeline-divider__after) {\r\n    background: white;\r\n}\r\n\r\n.v-timeline {\r\n    justify-content: left;\r\n}\r\n\r\n.time {\r\n    width: 150px;\r\n}\r\n\r\n.v-alert {\r\n    background: var(--primary-color);\r\n    color: white;\r\n    padding: 20px;\r\n}\r\n\r\n.body {\r\n    display: flex;\r\n}\r\n\r\n.activity {\r\n    margin: 8px !important;\r\n}\r\n</style><style>\r\n.v-alert__content {\r\n    width: 100% !important;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n<v-card class=\"card\">\r\n\r\n    <Skeletor width=\"100%\" height=\"75\" />\r\n\r\n</v-card>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.card {\r\n    background: var(--primary-color);\r\n    overflow: hidden;\r\n    flex: 1;\r\n    background-color: var(--primary-color);\r\n    margin: 10px;\r\n    height: 60px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    useRoute, useRouter\r\n} from 'vue-router'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\n\r\nimport driverCard from '../components/driverCard.vue'\r\nimport ActivityCrew from '../components/ActivityCrew.vue'\r\nimport SKactivityCrew from '../components/skeletons/SKactivityCrew.vue'\r\nimport SKdriverCard from '../components/skeletons/SKdriverCard.vue'\r\nimport crewSettings from '../components/crewSettings.vue'\r\nimport crewCard from '../components/crewCard.vue'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst Driver = DriverStore()\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst crew = ref([])\r\nconst tab = ref(0)\r\nconst members = ref([])\r\nconst admins = ref([])\r\nconst requests = ref([])\r\nconst activity = ref([])\r\nconst loading = ref(false)\r\nconst dialog = ref(false)\r\nconst model = ref(0)\r\nconst tag = ref(\"\")\r\nconst name = ref(\"\")\r\nconst motto = ref(\"\")\r\nconst color = ref(\"\")\r\nconst discord = ref(\"\")\r\nconst levels = ref([])\r\nconst succes = ref(false)\r\nconst errors = ref([])\r\nconst open = ref(crew.open)\r\nconst discordPublic = ref(crew.discordVisibility)\r\n\r\nconst tagRules = [\r\n    v => !!v || 'Tag is required',\r\n    v => (v && v.length >= 2 && v.length <= 4) || 'Tag must be 2-4 characters in length.',\r\n    v => (v && v.length >= 2 && v.length <= 4 && /^[a-zA-Z]+$/.test(v)) || 'Tag must be contain only letters.'\r\n]\r\n\r\nconst nameRules = [\r\n    v => !!v || 'Name is required',\r\n    v => (v && v.length >= 3 && v.length <= 25) || 'Name must be 3-20 characters.',\r\n]\r\n\r\nconst mottoRules = [\r\n    v => !!v || 'Motto is required'\r\n]\r\n\r\nconst ColorRules = [\r\n    v => !!v || 'Color is required'\r\n]\r\n\r\ncallcrew()\r\n\r\nasync function callcrew() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"GetInfo\",\r\n        parameters: [route.params.id]\r\n    })\r\n    crew.value = res\r\n    crew.value.crewid = route.params.id\r\n    tag.value = res.tag\r\n    name.value = res.name\r\n    motto.value = res.motto\r\n    color.value = res.color\r\n    discord.value = res.discord\r\n    open.value = res.open\r\n    discordPublic.value = res.discordVisibility\r\n    callactivity()\r\n}\r\n\r\nasync function callmembers() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"GetMembers\",\r\n        parameters: [route.params.id]\r\n    })\r\n    members.value = res.filter(i => crew.value.ownerUserId != i.personaid && i.canManage == \"0\")\r\n    admins.value = res.filter(i => i.canManage == \"1\" || crew.value.ownerUserId == i.personaid)\r\n\r\n}\r\n\r\nasync function callactivity() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"GetActivity\",\r\n        parameters: [route.params.id, \"all\"]\r\n    })\r\n    activity.value = res\r\n    callmembers()\r\n    getRequest()\r\n}\r\n\r\nasync function openSettings() {\r\n    dialog.value = true\r\n    getLevel()\r\n}\r\n\r\nasync function getLevel() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"GetLevel\",\r\n        parameters: [route.params.id]\r\n    })\r\n    levels.value = res\r\n}\r\n\r\nasync function buyLevel() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"LevelUp\",\r\n        parameters: [route.params.id]\r\n    })\r\n    getLevel()\r\n}\r\n\r\nasync function getRequest() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"GetAsk\",\r\n        parameters: [route.params.id]\r\n    })\r\n    requests.value = res\r\n}\r\n\r\nfunction uploadCover(e) {\r\n\r\n    var fd = new FormData()\r\n    fd.append(\"file\", fileupload.files[0])\r\n    fd.append('easharpptr-u', localStorage.getItem('easharpptr_u'))\r\n    fd.append('easharpptr-p', localStorage.getItem('easharpptr_p'))\r\n    fd.append('crew_id', route.params.id)\r\n    fd.append('type', 'thumb')\r\n\r\n    var XHR = new XMLHttpRequest()\r\n    XHR.onreadystatechange = function () {\r\n        if (this.readyState == 4 && this.status == 200) {\r\n            crew.value.thumb_version = parseInt(crew.value.thumb_version) + 1\r\n        }\r\n    };\r\n    XHR.open('POST', 'https://api.nightriderz.world/upload.php')\r\n    XHR.send(fd)\r\n\r\n}\r\n\r\nfunction openFile() {\r\n    document.querySelector('.file').click()\r\n}\r\n\r\nfunction convertToBoolean(value) {\r\n  return value === 1;\r\n}\r\n\r\nasync function save() {\r\n\r\n    var req = []\r\n\r\n    if (!!tag.value && tag.value != crew.value.tag) {\r\n        req.push(tag.value)\r\n    } else {\r\n        req.push(null)\r\n    }\r\n\r\n    if (!!name.value && name.value != crew.value.name) {\r\n        req.push(name.value)\r\n    } else {\r\n        req.push(null)\r\n    }\r\n\r\n    if (!!motto.value && motto.value != crew.value.motto) {\r\n        req.push(motto.value)\r\n    } else {\r\n        req.push(null)\r\n    }\r\n\r\n    if (!!color.value && color.value != crew.value.color) {\r\n        req.push(color.value)\r\n    } else {\r\n        req.push(null)\r\n    }\r\n\r\n    if (!!discord.value && discord.value != crew.value.discord) {\r\n        req.push(discord.value)\r\n    } else {\r\n        req.push(null)\r\n    }\r\n\r\n    if (!req.every(i => i === null)) {\r\n\r\n        req.push(route.params.id)\r\n\r\n        try {\r\n            const res = await proxy.$api({\r\n                serviceName: \"crew\",\r\n                methodName: \"edit_moonset\",\r\n                parameters: req\r\n            })\r\n            errors.value = []\r\n            succes.value = true\r\n        } catch (error) {\r\n            errors.value = error.response.data.errors\r\n        }\r\n\r\n    }\r\n}\r\n\r\nasync function join() {\r\n\r\n    loading.value = true\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"join\",\r\n        parameters: [route.params.id]\r\n    })\r\n\r\n    Driver.setCrew({\r\n        \"have\": true,\r\n        \"can_join\": false\r\n    })\r\n    Driver.setCurrentCrew({\r\n        \"canManage\": \"0\",\r\n        \"id\": route.params.id\r\n    })\r\n    loading.value = false\r\n    callactivity()\r\n}\r\n\r\nasync function leave() {\r\n\r\n    loading.value = true\r\n\r\n    if (confirm(\"Are you sure? All your points will be lost.\")) {\r\n\r\n        const res = await proxy.$api({\r\n            serviceName: \"crew\",\r\n            methodName: \"leave\",\r\n            parameters: [route.params.id]\r\n        })\r\n\r\n        Driver.setCrew({\r\n            \"have\": false,\r\n            \"can_join\": true\r\n        })\r\n        Driver.setCurrentCrew({})\r\n        loading.value = false\r\n        callactivity()\r\n    }\r\n\r\n    loading.value = false\r\n\r\n}\r\n\r\nasync function requestjoin() {\r\n    loading.value = true\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"askjoin\",\r\n        parameters: [route.params.id]\r\n    })\r\n\r\n    Driver.setCrew({\r\n        \"have\": false,\r\n        \"can_join\": false,\r\n        \"ask\": route.params.id\r\n    })\r\n    Driver.setCurrentCrew({})\r\n    loading.value = false\r\n}\r\n\r\nasync function canceljoin() {\r\n    loading.value = true\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"removeaskjoin\",\r\n        parameters: [route.params.id]\r\n    })\r\n\r\n    Driver.setCrew({\r\n        \"have\": false,\r\n        \"can_join\": true\r\n    })\r\n    Driver.setCurrentCrew({})\r\n    loading.value = false\r\n}\r\n\r\nasync function OpenSwitch(e) {\r\n\r\n    var value = false\r\n\r\n    if (open.value) {\r\n        value = false\r\n        open.value = false\r\n    } else {\r\n        open.value = true\r\n        value = true\r\n    }\r\n\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"crew\",\r\n        methodName: \"open\",\r\n        parameters: [value, route.params.id]\r\n    })\r\n\r\n\r\n}\r\n\r\nasync function discordVisibility(e) {\r\n\r\nvar value = false\r\n\r\n\r\nif (discordPublic.value) {\r\n    value = false\r\n    discordPublic.value = false\r\n} else {\r\n    discordPublic.value = true\r\n    value = true\r\n}\r\n\r\n\r\n\r\n\r\nconst res = await proxy.$api({\r\n    serviceName: \"crew\",\r\n    methodName: \"discordVisibility\",\r\n    parameters: [value, route.params.id]\r\n})\r\n\r\n\r\n}\r\n\r\nasync function deleteforever() {\r\n    if (confirm(\"Are you sure?\")) {\r\n        const res = await proxy.$api({\r\n            serviceName: \"crew\",\r\n            methodName: \"delete\",\r\n            parameters: [route.params.id]\r\n\r\n        })\r\n        router.push(\"/crews\")\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <v-app-bar :elevation=\"0\" :style=\"'background:' + crew.color + '!important;border-radius:6px;margin-left:18px;width: calc(100% - 96px);margin-top:18px;position:fixed'\">\r\n        <v-icon icon=\"mdi-account-group\"></v-icon>\r\n        <v-app-bar-title><b>[{{ crew.tag }}] {{ crew.name }}</b></v-app-bar-title>\r\n        <v-spacer></v-spacer>\r\n        <span v-if=\"admins.length > 0\">\r\n            <v-btn variant=\"flat\" :loading=\"loading\" size=\"small\" @click=\"join\"\r\n                v-if=\"Driver.crew.can_join && crew.open == '1' && (members.length + admins.length) < (crew.level * 100)\" style=\"background:#11141c\">Join</v-btn>\r\n            <v-btn variant=\"flat\" :loading=\"loading\" disabled\r\n                v-if=\"(members.length + admins.length) >= (crew.level * 100)\" style=\"background:#11141c\">Crew full</v-btn>\r\n            <v-btn variant=\"flat\" :loading=\"loading\" size=\"small\" v-if=\"crew.discord !== undefined\" :href=\"crew.discord\"\r\n                prepend-icon=\"mdi-discord\" style=\"margin-left:8px;background:#11141c\">DISCORD SERVER</v-btn>\r\n            <v-btn variant=\"flat\" :loading=\"loading\" size=\"small\" style=\"margin-left:8px;background:#11141c\" @click=\"requestjoin\"\r\n                v-if=\"Driver.crew.can_join && crew.open == '0'\">JOIN REQUEST</v-btn>\r\n            <v-btn variant=\"flat\" :loading=\"loading\" size=\"small\" style=\"margin-left:8px;background:#11141c\" @click=\"canceljoin\"\r\n                v-if=\"route.params.id == Driver.crew.ask\">CANCEL REQUEST</v-btn>\r\n            <span v-if=\"Driver.currentCrew\">\r\n                <v-btn variant=\"flat\" style=\"margin-left:8px;background:#11141c\" :loading=\"loading\" size=\"small\"\r\n                    prepend-icon=\"mdi-exitrun\" @click=\"leave\"\r\n                    v-if=\"route.params.id == Driver.currentCrew.id && Driver.persona.ID != crew.ownerUserId\">Leave\r\n                    {{ Driver.currentCrew.name }}</v-btn>\r\n                <v-btn variant=\"flat\" style=\"margin-left:8px;;background:#11141c\" size=\"small\" @click=\"openSettings()\"\r\n                    v-if=\"(Driver.persona.ID == crew.ownerUserId || Driver.currentCrew.canManage == '1') && Driver.currentCrew.id == route.params.id\"><v-icon>mdi-cog</v-icon></v-btn>\r\n            </span>\r\n        </span>\r\n        <template v-slot:extension>\r\n            <div class=\"motto\">\r\n                <div>{{ crew.motto }}</div>\r\n                <v-spacer></v-spacer>\r\n                <div>\r\n                    <v-dialog v-model=\"dialog\" :width=\"545\" transition=\"none\">\r\n                        <v-card>\r\n                            <v-toolbar color=\"primary\">\r\n                                <v-icon>mdi-cog</v-icon>\r\n                                <v-toolbar-title>Settings</v-toolbar-title>\r\n                                <v-spacer></v-spacer>\r\n\r\n                                <template v-slot:extension>\r\n                                    <v-tabs v-model=\"model\" centered>\r\n                                        <v-tab value=\"1\">\r\n                                            Crew\r\n                                        </v-tab>\r\n                                        <v-tab value=\"2\">\r\n                                            Cover\r\n                                        </v-tab>\r\n                                        <v-tab value=\"3\">\r\n                                            Level\r\n                                        </v-tab>\r\n                                        <v-tab value=\"4\" v-if=\"Driver.persona.ID == crew.ownerUserId\">\r\n                                            Delete\r\n                                        </v-tab>\r\n                                    </v-tabs>\r\n                                </template>\r\n\r\n                            </v-toolbar>\r\n                            <v-card-text>\r\n                                <v-window v-model=\"model\">\r\n                                    <v-window-item value=\"1\">\r\n                                        <v-card>\r\n                                            <v-card-text>\r\n\r\n                                                <div v-if=\"errors.length > 0\">\r\n                                                    <v-alert icon=\"mdi-alert-circle\" type=\"error\">\r\n                                                        <ul>\r\n                                                            <li v-for=\"error in errors\">• {{ error }}</li>\r\n                                                        </ul>\r\n                                                    </v-alert>\r\n                                                    <br>\r\n                                                </div>\r\n\r\n                                                <div v-if=\"succes\">\r\n                                                    <v-alert icon=\"mdi-check-circle\" type=\"success\">\r\n                                                        Changes successfully saved.\r\n                                                    </v-alert>\r\n                                                    <br>\r\n                                                </div>\r\n\r\n                                                <v-text-field v-model=\"tag\" :rules=\"tagRules\" label=\"Tag\"\r\n                                                    variant=\"outlined\"></v-text-field>\r\n                                                <v-text-field v-model=\"name\" :rules=\"nameRules\" label=\"Name\"\r\n                                                    variant=\"outlined\"></v-text-field>\r\n                                                <v-text-field v-model=\"motto\" :rules=\"mottoRules\" label=\"Motto\"\r\n                                                    variant=\"outlined\"></v-text-field>\r\n                                                <v-text-field v-model=\"color\" :rules=\"ColorRules\" label=\"Color\"\r\n                                                    variant=\"outlined\"></v-text-field>\r\n                                                <v-text-field v-model=\"discord\" label=\"Discord server invitation\"\r\n                                                    variant=\"outlined\"></v-text-field>\r\n                                                <div>\r\n                                                    <v-switch @change=\"discordVisibility\" color=\"primary\" :model-value=\"crew.discordVisibility\"\r\n                                                        label=\"Allow non-members to see the Discord invitation.\"></v-switch>\r\n                                                    <v-switch @change=\"OpenSwitch\" color=\"primary\" :model-value=\"crew.open\"\r\n                                                        label=\"Accept new members without confirmation.\"></v-switch>\r\n                                                    <v-spacer></v-spacer>\r\n                                                </div>\r\n                                                <div class=\"d-flex justify-end\">\r\n                                                    <v-btn block variant=\"tonal\" @click=\"save\">SAVE</v-btn>\r\n                                                </div>\r\n                                            </v-card-text>\r\n                                        </v-card>\r\n                                    </v-window-item>\r\n                                    <v-window-item value=\"2\">\r\n                                        <v-card>\r\n                                            <v-card-text>\r\n                                                <div class=\"d-flex justify-center preview\">\r\n                                                    <crewCard :data=\"crew\" />\r\n                                                </div>\r\n                                                <div class=\"d-flex justify-center\">\r\n                                                    <v-btn variant=\"tonal\" @click=\"openFile\">Change</v-btn>\r\n\r\n                                                    <input type=\"file\" id=\"fileupload\" class=\"file\" @change=\"uploadCover\"\r\n                                                        hidden>\r\n                                                </div>\r\n                                            </v-card-text>\r\n                                        </v-card>\r\n                                    </v-window-item>\r\n                                    <v-window-item value=\"3\">\r\n                                        <v-card>\r\n                                            <v-card-text>\r\n                                                <v-alert class=\"level\" v-for=\"level in levels\">\r\n                                                    <img src=\"https://cdn.nightriderz.world/images/website/boost.png\">\r\n                                                    <span>{{ level.price }}</span>\r\n                                                    <v-spacer></v-spacer>\r\n                                                    <span>Level {{ level.level }}</span>\r\n                                                    <v-btn @click=\"buyLevel\" :icon=\"'mdi-' + level.icon\" :class=\"level.icon\"\r\n                                                        :disabled=\"level.icon != 'payment'\"></v-btn>\r\n                                                </v-alert>\r\n                                            </v-card-text>\r\n                                        </v-card>\r\n                                    </v-window-item>\r\n                                    <v-window-item value=\"4\">\r\n                                        <v-card>\r\n                                            <v-card-text>\r\n                                                <v-btn color=\"error\" @click=\"deleteforever\">DELETE THE CREW</v-btn>\r\n                                            </v-card-text>\r\n                                        </v-card>\r\n                                    </v-window-item>\r\n                                </v-window>\r\n                            </v-card-text>\r\n                        </v-card>\r\n                    </v-dialog>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </template>\r\n    </v-app-bar>\r\n    <div class=\"crew\" style=\"padding-top: 10px;\">\r\n        <v-row no-gutters>\r\n            <v-col>\r\n                <v-sheet class=\"pa-2 ma-2\" :style=\"'border-bottom: 4px solid ' + crew.color\">\r\n                    LEVEL<br>{{ crew.level }}\r\n                </v-sheet>\r\n            </v-col>\r\n            <v-col>\r\n                <v-sheet class=\"pa-2 ma-2\" :style=\"'border-bottom: 4px solid ' + crew.color\">\r\n                    POINTS<br>{{ number_format(crew.maxPoints) }}\r\n                </v-sheet>\r\n            </v-col>\r\n            <v-col>\r\n                <v-sheet class=\"pa-2 ma-2\" :style=\"'border-bottom: 4px solid ' + crew.color\">\r\n                    LOCATION<br>{{ crew.city }}<br>{{ crew.district }}\r\n                </v-sheet>\r\n            </v-col>\r\n            <v-col>\r\n                <v-sheet class=\"pa-2 ma-2\" :style=\"'border-bottom: 4px solid ' + crew.color\">\r\n                    CREATED THE<br>\r\n                    <timeago :datetime=\"crew.create_date\" :title=\"crew.create_date\" />\r\n                </v-sheet>\r\n            </v-col>\r\n            <v-col>\r\n                <v-sheet class=\"pa-2 ma-2\" :style=\"'border-bottom: 4px solid ' + crew.color\">\r\n                    OWNER<br>{{ crew.ownername }}\r\n                </v-sheet>\r\n            </v-col>\r\n        </v-row>\r\n\r\n        <div style=\"display:flex\">\r\n            <div style=\"flex:1\">\r\n                <h5>CREW ACTIVITY</h5>\r\n                <transition name=\"fade\" mode=\"out-in\">\r\n                    <div key=1 v-if=\"activity.length == 0\">\r\n                        <SKactivityCrew v-for=\"i in 10\" />\r\n                    </div>\r\n\r\n                    <div key=2 v-else>\r\n                        <ActivityCrew :activity=\"activity\" />\r\n                    </div>\r\n                </transition>\r\n\r\n            </div>\r\n            <div style=\"width: 460px;\">\r\n\r\n                <span v-if=\"Driver.currentCrew\">\r\n\r\n                    <div\r\n                        v-if=\"(Driver.persona.ID == crew.ownerUserId || Driver.crew.current.canManage == '1') && crew.open == '0' && requests.length > 0 && Driver.crew.current.id === crew.crewid\">\r\n                        <h5>Pending requests ‒ {{ requests.length }}</h5>\r\n\r\n                        <driverCard @refreshmembers=\"callmembers\" v-for=\"driver in requests\" :request=\"true\"\r\n                            :key=\"driver.id\" :data=\"driver\" />\r\n                    </div>\r\n                </span>\r\n\r\n                <h5>{{ admins.length < 2 ? \"Admin\" : \"Admins\" }} {{ admins.length ? ' ‒ ' + admins.length : '' }}</h5>\r\n                        <transition name=\"fade\" mode=\"out-in\">\r\n                            <div key=1 v-if=\"admins.length == 0\">\r\n                                <SKdriverCard v-for=\"i in 3\" />\r\n                            </div>\r\n\r\n                            <div key=2 v-else>\r\n\r\n                                <span v-if=\"Driver.currentCrew\">\r\n                                    <driverCard @refreshmembers=\"callmembers\" v-for=\"driver in admins\"\r\n                                        :crewmanage=\"(Driver.crew.current.canManage == '1' || Driver.persona.ID == crew.ownerUserId) && Driver.crew.current.id === crew.crewid\"\r\n                                        :key=\"driver.id\" :data=\"driver\" />\r\n                                </span>\r\n                                <span v-else>\r\n                                    <driverCard @refreshmembers=\"callmembers\" v-for=\"driver in admins\" :key=\"driver.id\"\r\n                                        :data=\"driver\" />\r\n                                </span>\r\n\r\n                            </div>\r\n                        </transition>\r\n                        <h5 v-if=\"crew.nb_member > 1\">{{ members.length < 2 ? \"Member\" : \"Members\" }} {{ members.length\r\n                            ? ' ‒ ' + members.length + '' : '' }}</h5>\r\n                                <transition name=\"fade\" mode=\"out-in\">\r\n                                    <div key=1 v-if=\"members.length == 0 && crew.nb_member > 1\">\r\n                                        <SKdriverCard v-for=\"i in 10\" />\r\n                                    </div>\r\n\r\n                                    <div key=2 v-else>\r\n                                        <span v-if=\"Driver.currentCrew\">\r\n                                            <driverCard @refreshmembers=\"callmembers\" v-for=\"driver in members\"\r\n                                                :crewmanage=\"(Driver.crew.current.canManage == '1' || Driver.persona.ID == crew.ownerUserId) && Driver.crew.current.id === crew.crewid\"\r\n                                                :key=\"driver.id\" :data=\"driver\" />\r\n                                        </span>\r\n                                        <span v-else>\r\n                                            <driverCard @refreshmembers=\"callmembers\" v-for=\"driver in members\"\r\n                                                :crewmanage=\"false\" :key=\"driver.id\" :data=\"driver\" />\r\n                                        </span>\r\n                                    </div>\r\n                                </transition>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n\r\n.motto {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n}\r\n\r\n.v-sheet {\r\n    color: white;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 120px;\r\n    background: #11141c;\r\n    background: var(--primary-color);\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    border-radius: 6px;\r\n    border-bottom: 4px solid white;\r\n}\r\n\r\nh5 {\r\n    margin-left: 10px;\r\n}\r\n\r\n.v-row {\r\n    margin: 5px 0 !important;\r\n}\r\n\r\n.crew {\r\n    margin: 10px;\r\n}\r\n\r\n.level {\r\n    background-color: var(--primary-color);\r\n    padding: 8px;\r\n}\r\n\r\n.v-alert::v-deep(.v-alert__content) {\r\n    display: flex !important;\r\n    align-items: center;\r\n    padding: 0;\r\n}\r\n\r\n.preview {\r\n    pointer-events: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.level .v-btn {\r\n    margin-left: 10px;\r\n}\r\n\r\n.payment {\r\n    background: var(--tertiary-color);\r\n}\r\n\r\n.v-text-field {\r\n    margin-bottom: 10px;\r\n}</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance,\r\n    watch\r\n} from 'vue'\r\nimport carCard from '../components/carCard.vue'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst cars = ref([])\r\n\r\ngetNewCars()\r\n\r\nasync function getNewCars() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"server\",\r\n        methodName: \"showcase_cars_all\"\r\n    })\r\n    cars.value = res\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"grid\">\r\n        <carCard v-for=\"car in cars.loop\" :id=\"car.store_name\" :test=\"true\" :data=\"car\" />\r\n    </div>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    background: var(--secondary-color);\r\n    margin-top: 20px;\r\n}\r\n</style>\r\n","<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n<div class=\"discord\">\r\n    <img src=\"https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0b5493894cf60b300587_full_logo_white_RGB.svg\" height=\"50\">\r\n    <br>\r\n    <br>\r\n    <h2>account successfully linked</h2>\r\n    <br>\r\n    <br>\r\n    <span>You can close this page</span></div>\r\n</template>\r\n\r\n<style scoped>\r\nspan {\r\n    font-size: 14px;\r\n}\r\nh2 {\r\n    text-transform: uppercase;\r\n}\r\n.discord {\r\n    background: #2b2d31;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    getCurrentInstance,\r\n    ref\r\n} from 'vue'\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst route = useRoute()\r\nconst Password1 = ref('')\r\nconst Password2 = ref('')\r\nconst error = ref('')\r\n\r\nasync function save() {\r\n    if(Password1.value == Password2.value) {\r\n        const res = await proxy.$api({\"serviceName\":\"session\",\"methodName\":\"update_password\",\"parameters\": [route.params.token, Password1.value] })\r\n        error.value = res\r\n    } else {\r\n        error.value = \"Passwords not match\"\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n<div class=\"p404\">\r\n    <v-card width=\"500px\" variant=\"tonal\" style=\"padding: 20px;\">\r\n\r\n        <v-alert class=\"error\" :text=\"error\" v-if=\"error\" type=\"info\"></v-alert>\r\n\r\n        <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"Password1\" name=\"new-password\" label=\"Password\" variant=\"outlined\"></v-text-field>\r\n\r\n        <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"Password2\" name=\"new-password\" label=\"Password\" variant=\"outlined\"></v-text-field>\r\n\r\n        <div class=\"d-flex\">\r\n            <v-spacer></v-spacer>\r\n            <v-btn variant=\"tonal\" @click=\"save\">Change</v-btn>\r\n        </div>\r\n\r\n    </v-card>\r\n\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n    .p404 {\r\n        display: flex;\r\n        justify-content: center;\r\n        padding: 40px;\r\n    }\r\n</style>\r\n","<script setup>\r\nimport {\r\n    getCurrentInstance,\r\n    ref\r\n} from 'vue'\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst route = useRoute()\r\nconst error = ref('')\r\n\r\nasync function activate() {\r\n        const res = await proxy.$api({\"serviceName\":\"session\",\"methodName\":\"confirmAccount\",\"parameters\": [route.params.token] })\r\n        if (res == \"true\"){\r\n            error.value = \"Your account have been activated.\"\r\n        } else if (res == \"false\") {\r\n            error.value = \"This activation token is invalid.\"\r\n        }\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"d-flex justify-center align-center\" style=\"height: 100vh;\">\r\n        <v-card width=\"400px\" variant=\"tonal\" style=\"padding: 10px 20px 20px 20px;\">\r\n            <v-alert v-if=\"error\" class=\"error d-flex justify-center\" :text=\"error\" type=\"info\"></v-alert>\r\n    <h4>In order to access our website and server you have to activate your account. Click below.</h4>\r\n        <br>\r\n      <div class=\"d-flex justify-center\">\r\n        <v-btn variant=\"flat\" color=\"green\" @click=\"activate\" style=\"width:500px;\">Activate my account</v-btn>\r\n      </div>\r\n\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n\r\n<style scoped>\r\n    .p404 {\r\n        display: flex;\r\n        justify-content: center;\r\n        padding: 40px;\r\n    }\r\n    button:hover {\r\n    background: #4caf50b8!important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport { ref } from 'vue'\r\nconst data = ref([])\r\n\r\noui()\r\n\r\nfunction oui() {\r\n    data.value.push({'websiteVersion': document.querySelectorAll('meta')[1].getAttribute('version')})\r\n    data.value.push({'userAgent': navigator.userAgent})\r\n    data.value.push({'lang': navigator.language})\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n<div>\r\n    <br>\r\n    {{ JSON.stringify(data) }}\r\n</div>\r\n\r\n\r\n</template>\r\n\r\n<style scoped>\r\n    div {\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n</style>","<script setup>\r\nimport {\r\n    getCurrentInstance,\r\n    ref\r\n} from 'vue'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst rotations = ref([])\r\n\r\ngetRotation()\r\n\r\nasync function getRotation() {\r\n    const res = await proxy.$api({\r\n        \"serviceName\": \"leaderboard\",\r\n        \"methodName\": \"rotation\"\r\n    })\r\n    rotations.value = res\r\n}\r\n\r\nfunction getCurrentWeek() {\r\n    var currentDate = new Date();\r\n    var startDate = new Date(currentDate.getFullYear(), 0, 1);\r\n    var days = Math.floor((currentDate - startDate) / (24 * 60 * 60 * 1000));\r\n         \r\n    return Math.ceil(days / 7);\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-go-kart-track\"></v-icon>\r\n    <v-app-bar-title>Rotations</v-app-bar-title>\r\n    <v-spacer></v-spacer>\r\n</v-app-bar>\r\n\r\n<div class=\"grid\">\r\n    <v-card v-for=\"rotation in rotations\" :style=\"'Week ' + getCurrentWeek() == rotation.rotation.name ? 'background: var(--tertiary-color)' : ''\">\r\n        <v-card-title>\r\n            {{ rotation.rotation.name }}\r\n        </v-card-title>\r\n        <v-card-text>\r\n            <div class=\"row\" v-for=\"race in rotation.races\">\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/modes/' + race.eventModeId + '.png'\" width=\"20\">\r\n                {{ race.name }}\r\n                <v-spacer></v-spacer>\r\n                <img :src=\"'https://cdn.nightriderz.world/images/website/moonset/classes/' + carClasshHash(race.carClassHash) + '.png'\" height=\"20\">\r\n            </div>\r\n        </v-card-text>\r\n    </v-card>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.row {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 25px;\r\n}\r\n\r\n.row img {\r\n    margin-right: 10px;\r\n}\r\n\r\n.v-card {\r\n    background: var(--primary-color);\r\n    margin: 10px;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n  getCurrentInstance,\r\n  ref, watch\r\n} from 'vue'\r\nimport {\r\n  DriverStore\r\n} from '../pinia/Driver.js'\r\nimport {\r\n  useRoute,\r\n  useRouter\r\n} from 'vue-router'\r\n\r\nconst {\r\n  proxy\r\n} = getCurrentInstance()\r\nconst Driver = DriverStore()\r\n\r\nvar Mail = ref(\"\")\r\nvar RMail = ref(\"\")\r\nconst MailF = ref(\"\")\r\nconst tab = ref()\r\nvar Password = ref(\"\")\r\nvar RPassword = ref(\"\")\r\nvar RPassword2 = ref(\"\")\r\nvar RNickname = ref(\"\")\r\nconst resetp = ref(\"\")\r\nconst registeracc = ref(\"\")\r\nconst errorLogin = ref('') // Nouvelle variable d'erreur pour le composant \"Login\"\r\nconst errorRegister = ref('') // Nouvelle variable d'erreur pour le composant \"Register\"\r\nconst router = useRouter()\r\n\r\nasync function reset() {\r\n  const res = await proxy.$api({ \"serviceName\": \"session\", \"methodName\": \"forgot\", \"parameters\": [MailF.value] })\r\n  resetp.value = true\r\n}\r\n\r\nwatch(() => Driver.logged, (newVal) => {\r\n  if (newVal === true) {\r\n    const rootUrl = window.location.origin;\r\n    // Redirige vers l'URL de la racine\r\n    window.location.href = rootUrl;\r\n  }\r\n})\r\n\r\nfunction login() {\r\n\r\n  proxy.$http.post(\"\", JSON.stringify({\r\n    serviceName: \"session\",\r\n    methodName: \"login\",\r\n    parameters: [Mail.value, Password.value, \"\"]\r\n  })).then(response => {\r\n\r\n    Driver.setEasharpptr_p(response.data.easharpptr_p)\r\n    Driver.setEasharpptr_u(response.data.easharpptr_u)\r\n    Driver.setPersona(response.data.persona)\r\n    Driver.setLogged(true)\r\n    Driver.showDrawer(false)\r\n\r\n    GetUserInfo()\r\n    errorLogin.value = \"\" // Mettre à jour la variable d'erreur du composant \"Login\"\r\n\r\n  }).catch(function (e) {\r\n    errorLogin.value = e.response.data // Mettre à jour la variable d'erreur du composant \"Login\"\r\n  })\r\n\r\n}\r\n\r\nasync function register() {\r\n  // Check if passwords are identical\r\n  if (RPassword.value !== RPassword2.value) {\r\n    errorRegister.value = 'Passwords do not match.';\r\n    return; // Stop execution if the passwords do not match\r\n  }\r\n\r\n  // Regular expression to validate the password format\r\n  const passwordRegex = new RegExp(\"^(?=.*[A-Z])(?=.*\\\\d)(?=.*[!@#$%^&*()\\\\-_=+{};:,<.>]).{8,}$\");\r\n\r\n  // Check if the password meets the required format\r\n  if (!passwordRegex.test(RPassword.value)) {\r\n    errorRegister.value = 'Password must contain at least 8 characters, including 1 uppercase letter, 1 digit, and 1 special character.';\r\n    return; // Stop execution if the password format is incorrect\r\n  }\r\n\r\n  // If everything is correct, proceed with the API call\r\n  try {\r\n    const res = await proxy.$api({ \"serviceName\": \"session\", \"methodName\": \"registerUser\", \"parameters\": [RMail.value, RPassword.value, \"\"] });\r\n    errorRegister.value = res; // Update the component's error variable with the API response\r\n  } catch (e) {\r\n    errorRegister.value = 'An error occurred during registration.';\r\n  }\r\n}\r\n\r\nasync function GetUserInfo() {\r\n  const res = await proxy.$api({\r\n    serviceName: \"session\",\r\n    methodName: \"GetUserInfo\"\r\n  })\r\n\r\n  Driver.setPersona(res.persona)\r\n  Driver.setUser(res.user)\r\n  Driver.setCrew(res.crew)\r\n  Driver.setCurrentCrew(res.crew.current)\r\n  Driver.setOthers(res.others)\r\n  Driver.setLogged(true)\r\n\r\n  if (Driver.drawerTo) {\r\n    router.push(Driver.drawerTo)\r\n    Driver.drawerTo = \"\"\r\n  }\r\n\r\n}\r\n\r\nfunction disconnect() {\r\n  Driver.setUser({\r\n    'premium': \"0\"\r\n  })\r\n}\r\n</script>\r\n\r\n<template>\r\n  <v-container fluid>\r\n    <v-row align=\"center\" justify=\"center\" style=\"height: 100vh\">\r\n      <v-col cols=\"12\" sm=\"8\" md=\"6\">\r\n        <v-card v-if=\"!Driver.logged\" class=\"mx-auto\" style=\"width: auto; max-width: 600px;\">\r\n          <v-toolbar v-if=\"Driver.drawerTo\" color=\"primary\">\r\n            <v-icon>mdi-login</v-icon>\r\n            <v-toolbar-title>You must be connected</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <template v-slot:extension>\r\n              <v-tabs v-model=\"tab\" centered>\r\n                <v-tab value=\"1\">\r\n                  Sign in\r\n                </v-tab>\r\n                <v-tab value=\"2\">\r\n                  Register\r\n                </v-tab>\r\n                <v-tab value=\"3\">\r\n                  Forgot Password\r\n                </v-tab>\r\n              </v-tabs>\r\n            </template>\r\n          </v-toolbar>\r\n          <v-toolbar v-else dark color=\"primary\">\r\n            <v-icon>mdi-login</v-icon>\r\n            <v-toolbar-title>Sign in</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <template v-slot:extension>\r\n              <v-tabs v-model=\"tab\" centered>\r\n                <v-tab value=\"1\">\r\n                  Sign in\r\n                </v-tab>\r\n                <v-tab value=\"2\">\r\n                  Register\r\n                </v-tab>\r\n                <v-tab value=\"3\">\r\n                  Forgot Password\r\n                </v-tab>\r\n              </v-tabs>\r\n            </template>\r\n          </v-toolbar>\r\n          <v-card-text>\r\n            <v-window v-model=\"tab\">\r\n              <v-window-item value=\"1\">\r\n                <v-card>\r\n                  <v-card-text>\r\n                    <p>In order to sign-in to our website you have to register an account via the register tab.</p>\r\n                    <br>\r\n                    <v-alert class=\"error\" v-if=\"errorLogin\" :text=\"errorLogin\" type=\"error\"></v-alert>\r\n                    <v-text-field prepend-icon=\"mdi-email\" v-model=\"Mail\" label=\"E-Mail\"\r\n                      variant=\"outlined\"></v-text-field>\r\n\r\n                    <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"Password\" label=\"Password\"\r\n                      variant=\"outlined\"></v-text-field>\r\n\r\n                    <div class=\"d-flex save\">\r\n                      <v-spacer />\r\n                      <v-btn variant=\"tonal\" @click=\"login\">SIGN IN</v-btn>\r\n                    </div>\r\n                  </v-card-text>\r\n                </v-card>\r\n              </v-window-item>\r\n              <v-window-item value=\"2\">\r\n                <v-card>\r\n                  <v-alert class=\"error\" :text=\"errorRegister\" v-if=\"errorRegister\" type=\"info\"></v-alert>\r\n                  <v-card-text>\r\n                    <v-text-field prepend-icon=\"mdi-email\" v-model=\"RMail\" label=\"E-Mail\"\r\n                      variant=\"outlined\"></v-text-field>\r\n                    <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"RPassword\" label=\"Password\"\r\n                      variant=\"outlined\"></v-text-field>\r\n                    <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"RPassword2\" label=\"Confirm password\"\r\n                      variant=\"outlined\"></v-text-field>\r\n                    <div class=\"d-flex save\">\r\n                      <v-spacer />\r\n                      <v-btn variant=\"tonal\" @click=\"register\">REGISTER</v-btn>\r\n                    </div>\r\n                  </v-card-text>\r\n                </v-card>\r\n              </v-window-item>\r\n              <v-window-item value=\"3\">\r\n                <v-card>\r\n                  <v-card-text>\r\n                    <v-alert class=\"error\" v-if=\"resetp\"\r\n                      text=\"If this account exists in our database, you will receive an email to reset your password very soon. Check your inbox and spams.\"\r\n                      type=\"success\"></v-alert>\r\n\r\n                    <v-text-field prepend-icon=\"mdi-email\" v-model=\"MailF\" label=\"E-Mail\"\r\n                      variant=\"outlined\"></v-text-field>\r\n\r\n                    <div class=\"d-flex save\">\r\n                      <v-spacer />\r\n                      <v-btn variant=\"tonal\" @click=\"reset\">RESET</v-btn>\r\n                    </div>\r\n                  </v-card-text>\r\n                </v-card>\r\n              </v-window-item>\r\n            </v-window>\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n\r\n\r\n<style>\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:focus {\r\n  transition: background-color 600000s 0s, color 600000s 0s !important\r\n}\r\n\r\n#menu {\r\n  margin-bottom: 10px !important;\r\n}\r\n\r\n.save {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.error {\r\n  margin-bottom: 30px !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\nimport DriverCard from '../components/driverCard.vue';\r\n\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst contributors = ref([])\r\nconst event = ref([])\r\nconst pourcent = ref(0)\r\nconst tab = ref(1)\r\nconst prize = ref([])\r\n\r\ngetEvent()\r\ngetContributors()\r\n\r\nasync function getEvent() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"events\",\r\n        methodName: \"getEvent\",\r\n        parameters: [route.params.name]\r\n    })\r\n    event.value = res\r\n    event.value.nb_prize = parseInt(res.nb_prize)\r\n    event.value.nb_conditions = parseInt(res.nb_conditions)\r\n\r\n    prize.value = JSON.parse(res.prize)\r\n\r\n    pourcent.value = (res.nb_conditions) / res.nb_goal * 100\r\n\r\n}\r\nasync function getContributors() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"events\",\r\n        methodName: \"getContributors\",\r\n        parameters: [route.params.name]\r\n    })\r\n    contributors.value = res\r\n}\r\n\r\nfunction refresh() {\r\n    getEvent()\r\n    getContributors()\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-app-bar :elevation=\"2\">\r\n    <v-icon icon=\"mdi-fire\"></v-icon>\r\n    <v-app-bar-title>{{event.title}}<v-spacer></v-spacer><v-btn variant=\"tonal\" @click=\"refresh\">REFRESH</v-btn></v-app-bar-title>\r\n    <template v-slot:extension>\r\n        {{ event.date }}\r\n    </template>\r\n</v-app-bar>\r\n\r\n<v-window v-model=\"tab\">\r\n    <v-window-item value=\"0\">\r\n\r\n        <div class=\"grid\" style=\"margin-top: 20px;text-align: justify; padding-left: 14%; padding-right: 14%\" v-html=\"event.description\">\r\n        </div>\r\n\r\n        <div class=\"grid\" style=\"margin-top: 20px;\">\r\n            <v-progress-linear v-model=\"pourcent\" color=\"blue-darken-3\" height=\"50\" striped class=\"prize\" style=\"border-radius:10px;\">\r\n                <template v-slot:default=\"{ value }\" style=\"display: grid\">\r\n                    <span style=\"font-size:18px\"><b>{{ number_format(event.nb_conditions) }}</b> OF <b>{{ number_format(event.nb_goal) }}</b> {{ event.name_condition }}</span>\r\n                </template>\r\n            </v-progress-linear>\r\n        </div>\r\n        <div class=\"grid\" v-if=\"event.nb_prize\" style=\"margin-top: 20px;padding-left: 12%; padding-right: 12%;\">\r\n            \r\n            <v-card class=\"prize\" width=\"250\" height=\"250\" style=\"display: flex;flex-direction: column;margin: 10px 20px;text-align: center; border-radius: 10px;\" v-for=\"index in event.nb_prize\">\r\n                <v-card-title>REWARD #{{ index }}</v-card-title>\r\n                <v-card-text style=\"padding:0.6rem;display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\">\r\n                    <div>{{ prize[index - 1].text }}</div>\r\n                    <img :src=\"prize[index - 1].image\" style=\"width: 100%;border-radius: 6px\">\r\n                </v-card-text>\r\n                <v-card-actions>\r\n                    <v-btn style=\"width: 100%; background: #FF3333; opacity: 1\" v-if=\"(Math.floor(event.nb_goal / event.nb_prize) * index) >= (event.nb_conditions + 1)\" variant=\"tonal\" prepend-icon=\"mdi-lock\" disabled>UNLOCKED AT {{ number_format(Math.floor(Math.floor(event.nb_goal) / event.nb_prize) * index) }}</v-btn>\r\n                    <v-btn style=\"width: 100%; background: #01B636\" v-else variant=\"tonal\" prepend-icon=\"mdi-lock-open\">REWARD UNLOCKED</v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </div>\r\n\r\n        <div class=\"d-flex text-h4 justify-left\" style=\"margin-top: 100px;margin-bottom: -35px; font-size: 24px!important; padding-left: 12%\" v-if=\"contributors.length > 0\">\r\n            Contributors\r\n        </div>\r\n\r\n        <div class=\"grid\" style=\"margin-top: 30px;max-width: 1500px;\">\r\n\r\n<DriverCard v-for=\"contributor in contributors\" :data=\"contributor\" :event=\"event.name_condition_driver\" />\r\n</div>\r\n       \r\n    </v-window-item>\r\n</v-window>\r\n</template>\r\n\r\n<style scoped>\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 40px;\r\n    margin-bottom: 20px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.prize {\r\n    background: var(--primary-color);\r\n    justify-content: space-between;\r\n    max-width: 1400px;\r\n}\r\n</style>","import { createWebHistory, createRouter } from \"vue-router\"\r\nimport Home from \"../pages/Home.vue\"\r\nimport Download from \"../pages/Download.vue\"\r\nimport Leaderboards from \"../pages/Leaderboards.vue\"\r\nimport LeaderboardsRace from \"../pages/Leaderboard.vue\"\r\nimport Store from \"../pages/Store.vue\"\r\nimport LiveMap from \"../pages/LiveMap.vue\"\r\nimport Guide from \"../pages/Guide.vue\"\r\nimport PageNotFound from \"../pages/404.vue\"\r\nimport Challenges from \"../pages/Challenges.vue\"\r\nimport Additional from \"../pages/Additional.vue\"\r\nimport CarDetails from \"../pages/CarDetails.vue\"\r\nimport Drivers from \"../pages/Drivers.vue\"\r\nimport Driver from \"../pages/Driver.vue\"\r\nimport Crews from \"../pages/Crews.vue\"\r\nimport Crew from \"../pages/Crew.vue\"\r\nimport Carlist from \"../pages/Carlist.vue\"\r\nimport Discord from \"../pages/Discord.vue\"\r\nimport Reset from \"../pages/Reset.vue\"\r\nimport Confirm from \"../pages/Confirm.vue\"\r\nimport bugReport from \"../pages/bugReport.vue\"\r\nimport Rotation from \"../pages/Rotation.vue\"\r\nimport Login from \"../pages/Login.vue\"\r\nimport Event from \"../pages/Event.vue\"\r\n\r\n\r\nconst routes = [\r\n  {\r\n    path: \"/carlist\",\r\n    name: \"Carlist\",\r\n    component: Carlist,\r\n    meta: {\r\n      requireAuth: true\r\n    }\r\n  },\r\n  {\r\n    path: \"/login\",\r\n    name: \"Login\",\r\n    component: Login,\r\n    meta: {\r\n      requireAuth: false\r\n    }\r\n  },\r\n  {\r\n    path: \"/discord\",\r\n    name: \"Discord\",\r\n    component: Discord,\r\n    meta: {\r\n      requireAuth: true\r\n    }\r\n  },\r\n  {\r\n    path: \"/rotations\",\r\n    name: \"Rotations\",\r\n    component: Rotation,\r\n    meta: {\r\n      requireAuth: true\r\n    }\r\n  },\r\n  {\r\n    path: \"/car/:hash\",\r\n    name: \"Car Dialog\",\r\n    component: CarDetails,\r\n    meta: {\r\n      requireAuth: true\r\n    }\r\n  },\r\n    {\r\n      path: \"/\",\r\n      name: \"Home\",\r\n      component: Home,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: \"/challenges/:year?/:week?\",\r\n      name: \"Challenges\",\r\n      component: Challenges,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/download\",\r\n      name: \"Download\",\r\n      component: Download,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: \"/leaderboards/:type/:active?/:class?\",\r\n      name: \"Leaderboards\",\r\n      component: Leaderboards,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/leaderboards\",\r\n      name: \"Leaderboards \",\r\n      component: Leaderboards,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/leaderboard/:id/:page/:pu/:class?\",\r\n      name: \"Leaderboards race\",\r\n      component: LeaderboardsRace,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: '/leaderboard/:id/',\r\n      meta: {\r\n        requireAuth: true\r\n      },\r\n      redirect: to => {\r\n        return to.path + \"/1/nopu\"\r\n      }\r\n    },\r\n    {\r\n      path: \"/drivers\",\r\n      name: \"Drivers\",\r\n      component: Drivers,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/driver/:name/:tab?/:race_id?\",\r\n      name: \"Driver\",\r\n      component: Driver,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/crews\",\r\n      name: \"Crews\",\r\n      component: Crews,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: \"/crew/headquarters/:id\",\r\n      name: \"Crew\",\r\n      component: Crew,\r\n      meta: {\r\n        requireAuth: true\r\n      }\r\n    },\r\n    {\r\n      path: '/livemap',\r\n      name: \"Live Map\",\r\n      component: LiveMap,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path : '/store',\r\n      name: \"Store\",\r\n      component: Store,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path : '/guide',\r\n      name: \"Guide\",\r\n      component: Guide,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: '/additional',\r\n      name: \"Additional Content\",\r\n      component: Additional,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: '/reset/:token',\r\n      name: \"Reset\",\r\n      component: Reset,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: '/confirm/:token',\r\n      name: \"Confirm\",\r\n      component: Confirm,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: '/bugreport',\r\n      name: \"Bug Report\",\r\n      component: bugReport,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    {\r\n      path: '/event/:name',\r\n      name: \"Community Event\",\r\n      component: Event,\r\n      meta: {\r\n        requireAuth: false\r\n      }\r\n    },\r\n    { path: \"/404\", name: \"Page Not Found\", component: PageNotFound },\r\n    {\r\n      path: \"/:pathMatch(.*)*\", name: \"PageNotFound2\",\r\n      redirect: to => {\r\n        return \"/404\"\r\n      }\r\n    }\r\n  ]\r\n  \r\n  const router = createRouter({\r\n    history: createWebHistory(),\r\n    routes,\r\n  })\r\n  \r\n  export default router","import { defineStore } from 'pinia'\r\nimport router from '../router/index.js'\r\n\r\nexport const DriverStore = defineStore('DriverStore', {\r\n    state: () => ({\r\n        // État initialisé directement dans la fonction pour assurer la réactivité\r\n        persona: [],\r\n        user: [],\r\n        logged: false,\r\n        others: [],\r\n        crew: [],\r\n        drawer: false,\r\n        drawerTo: \"\",\r\n        currentCrew: []\r\n    }),\r\n\r\n    actions: {\r\n        // Actions pour manipuler le localStorage\r\n        setEasharpptr_u(e) {\r\n            localStorage.setItem('easharpptr_u', e);\r\n        },\r\n        setEasharpptr_p(e) {\r\n            localStorage.setItem('easharpptr_p', e);\r\n        },\r\n        getEasharpptr_u() {\r\n            return localStorage.getItem('easharpptr_u');\r\n        },\r\n        getEasharpptr_p() {\r\n            return localStorage.getItem('easharpptr_p');\r\n        },\r\n\r\n        // Actions pour modifier l'état\r\n        setPersona(e) {\r\n            this.persona = e;\r\n        },\r\n        setUser(e) {\r\n            this.user = e;\r\n        },\r\n        setCrew(e) {\r\n            this.crew = e;\r\n        },\r\n        setCurrentCrew(e) {\r\n            this.currentCrew = e;\r\n        },\r\n        setOthers(e) {\r\n            this.others = e;\r\n        },\r\n        setLogged(e) {\r\n            this.logged = e;\r\n        },\r\n        showDrawer(e) {\r\n            this.drawer = e;\r\n        },\r\n        showDrawerAuth(e, f) {\r\n            this.drawer = e;\r\n            this.drawerTo = f;\r\n        },\r\n        \r\n        // Déconnexion et réinitialisation de l'état\r\n        disconnect() {\r\n            localStorage.clear(); // Effacer le localStorage\r\n            this.$reset(); // Réinitialiser l'état du store\r\n            router.push('/'); // Rediriger vers la page d'accueil\r\n        }\r\n    }\r\n});\r\n","<script setup>\r\nimport {\r\n    getCurrentInstance,\r\n    ref\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nimport {\r\n    useRoute,\r\n    useRouter\r\n} from 'vue-router'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst Driver = DriverStore()\r\n\r\nvar Mail = ref(\"\")\r\nvar RMail = ref(\"\")\r\nconst MailF = ref(\"\")\r\nconst tab = ref()\r\nvar Password = ref(\"\")\r\nvar RPassword = ref(\"\")\r\nvar RPassword2 = ref(\"\")\r\nvar RNickname = ref(\"\")\r\nconst resetp = ref(\"\")\r\nconst registeracc = ref(\"\")\r\nconst errorLogin = ref('') // Nouvelle variable d'erreur pour le composant \"Login\"\r\nconst errorRegister = ref('') // Nouvelle variable d'erreur pour le composant \"Register\"\r\nconst router = useRouter()\r\nconst registerClicked = ref(false)\r\n\r\nasync function reset() {\r\n    const res = await proxy.$api({ \"serviceName\": \"session\", \"methodName\": \"forgot\", \"parameters\": [MailF.value] })\r\n    resetp.value = true\r\n}\r\n\r\nfunction login() {\r\n\r\n    proxy.$http.post(\"\", JSON.stringify({\r\n        serviceName: \"session\",\r\n        methodName: \"login\",\r\n        parameters: [Mail.value, Password.value, \"\"]\r\n    })).then(response => {\r\n\r\n        Driver.setEasharpptr_p(response.data.easharpptr_p)\r\n        Driver.setEasharpptr_u(response.data.easharpptr_u)\r\n        Driver.setPersona(response.data.persona)\r\n        Driver.setLogged(true)\r\n        Driver.showDrawer(false)\r\n\r\n        GetUserInfo()\r\n        errorLogin.value = \"\" // Mettre à jour la variable d'erreur du composant \"Login\"\r\n\r\n    }).catch(function (e) {\r\n        errorLogin.value = e.response.data // Mettre à jour la variable d'erreur du composant \"Login\"\r\n    })\r\n\r\n}\r\n\r\nasync function register() {\r\n    if (registerClicked.value) return; // Prevent function execution if already clicked\r\n\r\n    registerClicked.value = true; // Disable the button immediately when clicked\r\n\r\n    // Timer to re-enable the button after 30 seconds\r\n    setTimeout(() => {\r\n        registerClicked.value = false;\r\n    }, 30000); // 30 seconds delay\r\n\r\n    // Check if passwords are identical\r\n    if (RPassword.value !== RPassword2.value) {\r\n        errorRegister.value = 'Passwords do not match.';\r\n        return;\r\n    }\r\n\r\n    // Regular expression to validate the password format\r\n    const passwordRegex = new RegExp(\"^(?=.*[A-Z])(?=.*\\\\d)(?=.*[!@#$%^&*()\\\\-_=+{};:,<.>]).{8,}$\");\r\n\r\n    // Check if the password meets the required format\r\n    if (!passwordRegex.test(RPassword.value)) {\r\n        errorRegister.value = 'Password must contain at least 8 characters, including 1 uppercase letter, 1 digit, and 1 special character.';\r\n        return;\r\n    }\r\n\r\n    // If everything is correct, proceed with the API call\r\n    try {\r\n        const res = await proxy.$api({ \"serviceName\": \"session\", \"methodName\": \"registerUser\", \"parameters\": [RMail.value, RPassword.value, \"\"] });\r\n        errorRegister.value = res;\r\n    } catch (e) {\r\n        errorRegister.value = 'An error occurred during registration.';\r\n        setTimeout(() => {\r\n            registerClicked.value = false; // Ensure button is re-enabled if an error occurs\r\n        }, 30000);\r\n    }\r\n}\r\n\r\n\r\nasync function GetUserInfo() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"session\",\r\n        methodName: \"GetUserInfo\"\r\n    })\r\n\r\n    Driver.setPersona(res.persona)\r\n    Driver.setUser(res.user)\r\n    Driver.setCrew(res.crew)\r\n    Driver.setCurrentCrew(res.crew.current)\r\n    Driver.setOthers(res.others)\r\n    Driver.setLogged(true)\r\n\r\n    if (Driver.drawerTo) {\r\n        router.push(Driver.drawerTo)\r\n        Driver.drawerTo = \"\"\r\n    }\r\n\r\n}\r\n\r\nfunction disconnect() {\r\n    Driver.setUser({\r\n        'premium': \"0\"\r\n    })\r\n}\r\n</script>\r\n\r\n<template>\r\n    <v-btn v-if=\"Driver.logged\" id=\"menu\" style=\"color:red\" @click=\"Driver.disconnect(); disconnect()\"\r\n        icon=\"mdi-logout\"></v-btn>\r\n\r\n    <v-btn v-if=\"!Driver.logged\" id=\"menu\" @click=\"Driver.showDrawer(true)\" icon=\"mdi-login\"></v-btn>\r\n\r\n    <v-dialog transition=\"dialog-bottom-transition\" :width=\"545\" v-model=\"Driver.drawer\">\r\n        <v-card>\r\n\r\n            <v-toolbar v-if=\"Driver.drawerTo\" color=\"primary\">\r\n                <v-icon>mdi-login</v-icon>\r\n                <v-toolbar-title>You must be connected</v-toolbar-title>\r\n                <v-spacer></v-spacer>\r\n                <template v-slot:extension>\r\n                    <v-tabs v-model=\"tab\" centered>\r\n                        <v-tab value=\"1\">\r\n                            Sign in\r\n                        </v-tab>\r\n                        <v-tab value=\"2\">\r\n                            Register\r\n                        </v-tab>\r\n                        <v-tab value=\"3\">\r\n                            Forgot Password\r\n                        </v-tab>\r\n                    </v-tabs>\r\n                </template>\r\n            </v-toolbar>\r\n            <v-toolbar v-else dark color=\"primary\">\r\n                <v-icon>mdi-login</v-icon>\r\n                <v-toolbar-title>Sign in</v-toolbar-title>\r\n                <v-spacer></v-spacer>\r\n                <template v-slot:extension>\r\n                    <v-tabs v-model=\"tab\" centered>\r\n                        <v-tab value=\"1\">\r\n                            Sign in\r\n                        </v-tab>\r\n                        <v-tab value=\"2\">\r\n                            Register\r\n                        </v-tab>\r\n                        <v-tab value=\"3\">\r\n                            Forgot Password\r\n                        </v-tab>\r\n                    </v-tabs>\r\n                </template>\r\n            </v-toolbar>\r\n            <v-card-text>\r\n\r\n                <v-window v-model=\"tab\">\r\n                    <v-window-item value=\"1\">\r\n                        <v-card>\r\n                            <v-card-text>\r\n                                <p>In order to sign-in to our website you have to register an account via the regiter\r\n                                    tab.</p>\r\n                                <br>\r\n                                <v-alert class=\"error\" v-if=\"errorLogin\" :text=\"errorLogin\" type=\"error\"></v-alert>\r\n                                <v-text-field prepend-icon=\"mdi-email\" v-model=\"Mail\" label=\"E-Mail\"\r\n                                    variant=\"outlined\"></v-text-field>\r\n\r\n                                <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"Password\"\r\n                                    label=\"Password\" variant=\"outlined\"></v-text-field>\r\n\r\n                                <div class=\"d-flex save\">\r\n                                    <v-spacer />\r\n                                    <v-btn variant=\"tonal\" @click=\"login\">SIGN IN</v-btn>\r\n                                </div>\r\n                            </v-card-text>\r\n                        </v-card>\r\n                    </v-window-item>\r\n                    <v-window-item value=\"2\">\r\n                        <v-card>\r\n                            <v-alert class=\"error\" :text=\"errorRegister\" v-if=\"errorRegister\" type=\"info\"></v-alert>\r\n                            <v-card-text>\r\n                                <v-text-field prepend-icon=\"mdi-email\" v-model=\"RMail\" label=\"E-Mail\"\r\n                                    variant=\"outlined\"></v-text-field>\r\n                                <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"RPassword\"\r\n                                    label=\"Password\" variant=\"outlined\"></v-text-field>\r\n                                <v-text-field prepend-icon=\"mdi-lock\" type=\"password\" v-model=\"RPassword2\"\r\n                                    label=\"Confirm password\" variant=\"outlined\"></v-text-field>\r\n                                <!--<v-text-field prepend-icon=\"mdi-racing-helmet\" v-model=\"RNickname\"\r\n                                    label=\"Nickname\" variant=\"outlined\"></v-text-field>-->\r\n\r\n                                <div class=\"d-flex save\">\r\n                                    <v-spacer />\r\n                                    <v-btn variant=\"tonal\" @click=\"register\" :disabled=\"registerClicked\">REGISTER</v-btn>\r\n                                </div>\r\n                            </v-card-text>\r\n                        </v-card>\r\n                    </v-window-item>\r\n                    <v-window-item value=\"3\">\r\n                        <v-card>\r\n                            <v-card-text>\r\n\r\n                                <v-alert class=\"error\" v-if=\"resetp\"\r\n                                    text=\"If this account exists in our database, you will receive an email to reset your password very soon. Check your inbox and spams.\"\r\n                                    type=\"success\"></v-alert>\r\n\r\n                                <v-text-field prepend-icon=\"mdi-email\" v-model=\"MailF\" label=\"E-Mail\"\r\n                                    variant=\"outlined\"></v-text-field>\r\n\r\n                                <div class=\"d-flex save\">\r\n                                    <v-spacer />\r\n                                    <v-btn variant=\"tonal\" @click=\"reset\">RESET</v-btn>\r\n                                </div>\r\n                            </v-card-text>\r\n                        </v-card>\r\n                    </v-window-item>\r\n                </v-window>\r\n\r\n            </v-card-text>\r\n        </v-card>\r\n    </v-dialog>\r\n</template>\r\n\r\n<style>\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:focus {\r\n    transition: background-color 600000s 0s, color 600000s 0s !important\r\n}\r\n\r\n#menu {\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.save {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.error {\r\n    margin-bottom: 30px !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport { ref, getCurrentInstance } from 'vue'\r\nimport { DriverStore } from '../pinia/Driver.js'\r\n\r\nconst Driver = DriverStore()\r\nconst { proxy } = getCurrentInstance()\r\n\r\nconst mail = ref(\"\" + Driver.user.EMAIL)\r\nconst password = ref('')\r\nconst snackbar = ref(false)\r\nconst error = ref('')\r\n\r\nfunction save() {\r\n    if(mail.value != Driver.user.EMAIL) {\r\n        proxy.$http.post(\"\", JSON.stringify({ serviceName: \"account\", methodName: \"UpdateMail\", parameters: [mail.value] })\r\n        ).then(response => {\r\n\r\n            error.value = ''\r\n            Driver.user.EMAIL = mail.value\r\n            snackbar.value = true\r\n\r\n        }).catch(function (response) {\r\n            error.value = response.response.data.error\r\n        })\r\n    }\r\n\r\n    if(password.value.length > 0) {\r\n\r\n        proxy.$http.post(\"\", JSON.stringify({ serviceName: \"account\", methodName: \"UpdatePass\", parameters: [password.value] })\r\n        ).then(response => {\r\n\r\n            error.value = ''\r\n            password.value = ''\r\n\r\n        }).catch(function (response) {\r\n            error.value = response.response.data.error\r\n        })\r\n\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n<div class=\"accountForm\">\r\n<v-snackbar\r\n      :timeout=\"2000\"\r\n      color=\"deep-purple-accent-4\"\r\n      elevation=\"24\"\r\n      v-model=\"snackbar\"\r\n    >\r\n      Your informations is saved.\r\n    </v-snackbar>\r\n\r\n    <v-alert class=\"error\" v-if=\"error\" :text=\"error\" type=\"error\"></v-alert>\r\n\r\n    <v-form>\r\n        <v-container>\r\n            <v-row>\r\n                <div class=\"flexform\">\r\n                    <v-text-field prepend-icon=\"mdi-email\" v-model=\"mail\" label=\"E-Mail\" variant=\"outlined\"></v-text-field>\r\n\r\n                    <v-text-field prepend-icon=\"mdi-lock\" v-model=\"password\" label=\"New password\" variant=\"outlined\" hint=\"Password must contain at least 8 characters and must contain at least one capital letter and one numeric character.\"\r\n                    persistent-hint type=\"password\" autocomplete=\"new-password\"></v-text-field>\r\n\r\n                    <v-btn class=\"save\" variant=\"tonal\" @click=\"save\">Save</v-btn>\r\n                </div>\r\n            </v-row>\r\n        </v-container>\r\n    </v-form>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.flexform {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n}\r\n.save {\r\n    margin: 20px 0 0 0;\r\n}\r\n\r\n.accountForm {\r\n    margin: 10px 0;\r\n}\r\n\r\n.error {\r\n    margin-bottom: 25px!important;\r\n}\r\n</style>\r\n<style>\r\n.v-input__details {\r\n    padding-inline-start: 2px!important;\r\n}\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst premium = ref(false)\r\nconst crew = ref(false)\r\n\r\nasync function unlinkdiscord() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"account\",\r\n        methodName: \"unlinkdiscord\"\r\n    })\r\n    Driver.user.discord = null\r\n}\r\n\r\nasync function getRolePremium() {\r\n    premium.value = true\r\n    premium.value = await getRole('premium')\r\n}\r\n\r\nasync function getRoleCrew() {\r\n    crew.value = true\r\n    crew.value = await getRole('crew')\r\n}\r\n\r\nasync function getRole(role) {\r\n    const res = proxy.$api({\r\n        serviceName: \"account\",\r\n        methodName: \"getRole\",\r\n        parameters: [role]\r\n    })\r\n    return false\r\n}\r\n</script>\r\n\r\n<template>\r\n<div class=\"discord\">\r\n    <div v-if=\"Driver.user.discord == null\">\r\n        <a onclick=\"open('https://api.nightriderz.world/discord-moonset.php?key=' + localStorage.getItem('easharpptr_u'), 'Discord', 'scrollbars=1,resizable=1,height=700,width=500')\">\r\n            <v-btn variant=\"tonal\">Login with Discord</v-btn>\r\n        </a>\r\n    </div>\r\n\r\n    <div v-else>\r\n\r\n        <div v-if=\"Driver.user.discord != null\">\r\n            <v-text-field prepend-icon=\"mdi-discord\" v-model=\"Driver.user.discord_name\" label=\"Discord\" variant=\"outlined\" disabled></v-text-field>\r\n\r\n            <h5>Roles</h5>\r\n            <div class=\"roles d-flex\">\r\n                <v-btn v-if=\"Driver.user.premium\" :loading=\"premium\" :disabled=\"premium\" @click=\"getRolePremium\" variant=\"tonal\">\r\n                    <p style=\"font-size:1.7rem;margin-top: -0.2vh;color:#f0ab00\">●</p> Premium\r\n                </v-btn>\r\n                <span v-if=\"Driver.currentCrew\">\r\n                    <v-btn v-if=\"Driver.currentCrew.ownerUserId == Driver.persona.ID\" :loading=\"crew\" :disabled=\"crew\" @click=\"getRoleCrew\" variant=\"tonal\">\r\n                    <p style=\"font-size:1.7rem;margin-top: -0.2vh;color:#3ba370\">●</p> Crew Owner\r\n                    </v-btn>\r\n                </span>\r\n            </div>\r\n            <span style=\"opacity:0.15;font-size:0.65rem\">Click on the roles to enable them on Discord.</span>\r\n\r\n            <h5>Manage connection</h5>\r\n            <div class=\"d-flex\">\r\n                <v-btn @click=\"unlinkdiscord\" variant=\"tonal\">unlink my account</v-btn>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n.discord {\r\n    margin: 10px 0;\r\n}\r\n\r\n.roles button {\r\n    margin-right: 10px;\r\n}\r\n\r\n@keyframes loader {\r\n    from {\r\n        transform: rotate(0);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n</style>\r\n","<script>\r\nimport {\r\n    loadScript\r\n} from '@paypal/paypal-js'\r\n\r\nexport default {\r\n    name: 'Checkout-Payment',\r\n    beforeCreate: function () {\r\n        loadScript({\r\n            'client-id': CLIENT_ID,\r\n            'disable-funding': \"credit,card,venmo,sepa,bancontact,eps,giropay,ideal,mercadopago,mybank,p24,sofort\",\r\n            'currency': \"EUR\",\r\n            'components': \"buttons\"\r\n        }).then((paypal) => {\r\n            paypal\r\n                .Buttons({\r\n                    createOrder: this.createOrder,\r\n                    onApprove: this.onApprove,\r\n                    style: {\r\n                        color: \"black\"\r\n                    }\r\n                }).render('#paypal-button-container');\r\n        });\r\n    },\r\n    data() {\r\n        return {\r\n            paid: false\r\n        };\r\n    },\r\n    props: {\r\n        cartTotal: {\r\n            type: Number,\r\n            default: 5.99,\r\n        },\r\n    },\r\n    methods: {\r\n        createOrder: function (data, actions) {\r\n            return actions.order.create({\r\n                purchase_units: [{\r\n                    amount: {\r\n                        value: this.cartTotal,\r\n                    },\r\n                    description: 'NIGHTRIDERZ / PREMIUM',\r\n                    soft_descriptor: 'NIGHTRIDERZ / PREMIUM'\r\n                }],\r\n                application_context: {\r\n                    \"shipping_preference\": \"NO_SHIPPING\"\r\n                }\r\n            });\r\n        },\r\n        onApprove: function (data, actions) {\r\n            return actions.order.capture().then(() => {\r\n                this.$emit('capture', data)\r\n            });\r\n        },\r\n    },\r\n};\r\nconst CLIENT_ID = 'ASW5Xo3DdqlQpGgX0Is_tdsfnB2nbL5xxW-kuJkdcJjN1f9lKBkH1SNKxGapUwdKfuxbnovjSW-1Z3hX';\r\n</script>\r\n\r\n<template>\r\n<div v-if=\"!paid\" id=\"paypal-button-container\"></div>\r\n<div v-else id=\"confirmation\">Order complete!</div>\r\n</template>\r\n\r\n<style>\r\n\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nimport PayPal from './PayPal.vue'\r\nconst Driver = DriverStore()\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nasync function capture(data) {\r\n\r\n    const res = await proxy.$api({\r\n        serviceName: \"paypal\",\r\n        methodName: \"verify\",\r\n        parameters: [data.orderID]\r\n    })\r\n    if (res == \"ok\") {\r\n        Driver.user.premium = \"1\"\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n<div v-if=\"Driver.user.premium == '0'\">\r\n\r\n    <div v-if=\"Driver.user.discord == null\">\r\n        <p>To be able to subscribe to the premium, you must have a discord account linked to your NightRiderz account.</p>\r\n    </div>\r\n\r\n    <div v-if=\"Driver.user.discord != null\">\r\n        <p>\r\n            The Premium option is there to help us support the cost of the dedicated server, in return you profit of things that a normal player cannot have. You can only buy the Premium once per account, there will be more options available in the future. \r\n        </p>\r\n        <br>\r\n        <p>\r\n            The benefits given with Premium will automatically land on the driver currently selected on website.\r\n        </p>\r\n        <br>\r\n        <p>The price is <b>5.99€</b>, lifetime.</p>\r\n        <br>\r\n        <PayPal @capture=\"capture\" />\r\n    </div>\r\n\r\n</div>\r\n\r\n<div v-else=\"Driver.user.premium\">\r\n    <p>Your premium benefits are active, thanks you for the support.</p>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","<script setup>\r\nimport { ref } from 'vue'\r\nimport accountForm from '../components/accountForm.vue'\r\nimport DiscordForm from '../components/discordForm.vue'\r\nimport PremiumForm from '../components/premiumForm.vue'\r\nimport benefits from '../configs/premium.json'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nvar dialog = ref(false)\r\nvar model = ref()\r\n</script>\r\n\r\n<template>\r\n\r\n<v-btn\r\n    @click=\"dialog = true\"\r\n        id=\"menu\"\r\n        icon=\"mdi-cog\">\r\n    </v-btn>\r\n\r\n  <v-dialog transition=\"dialog-bottom-transition\" :width=\"500\" v-model=\"dialog\" scrollable>\r\n    <v-card>\r\n      <v-toolbar dark color=\"primary\">\r\n        <v-icon>mdi-cog</v-icon>\r\n        <v-toolbar-title>Settings</v-toolbar-title>\r\n        <v-spacer></v-spacer>\r\n\r\n        <template v-slot:extension>\r\n          <v-tabs v-model=\"model\" centered>\r\n            <v-tab value=\"1\">\r\n              Account\r\n            </v-tab>\r\n            <v-tab value=\"2\">\r\n              Discord\r\n            </v-tab>\r\n            <v-tab value=\"3\">\r\n              Premium\r\n            </v-tab>\r\n          </v-tabs>\r\n        </template>\r\n\r\n      </v-toolbar>\r\n\r\n      <v-window v-model=\"model\">\r\n        <v-window-item value=\"1\">\r\n          <v-card>\r\n            <v-card-text>\r\n              <accountForm />\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n        <v-window-item value=\"2\">\r\n          <v-card>\r\n            <v-card-text>\r\n              <DiscordForm />\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n        <v-window-item value=\"3\">\r\n          <v-card>\r\n            <v-card-text v-if=\"Driver.user.premium == '0'\" style=\"font-size:0.7rem\">\r\n              <v-list lines=\"one\">\r\n                            <v-list-item v-for=\"benefit in benefits\" :title=\"benefit.title\">\r\n                                <span v-html=\"benefit.text\"></span>\r\n                                <template v-slot:prepend>\r\n                                    <v-icon :icon=\"'mdi-' + benefit.icone\"></v-icon>\r\n                                </template>\r\n                            </v-list-item>\r\n                        </v-list>\r\n                        <br>\r\n             <PremiumForm />\r\n            </v-card-text>\r\n            <v-card-text v-else=\"Driver.user.premium == '1'\" style=\"font-size:0.7rem\">\r\n              <p>The following benefits have been applied and are active as you have Premium membership on this account.</p>\r\n              <v-list lines=\"one\">\r\n                            <v-list-item v-for=\"benefit in benefits\" :title=\"benefit.title\">\r\n                                <span v-html=\"benefit.text\"></span>\r\n                                <template v-slot:prepend>\r\n                                    <v-icon :icon=\"'mdi-' + benefit.icone\"></v-icon>\r\n                                </template>\r\n                            </v-list-item>\r\n                        </v-list>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-window-item>\r\n      </v-window>\r\n\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<style>\r\n.v-list-item__prepend {\r\n  font-size: 30px!important;\r\n  margin-top: 10px;\r\n}\r\n</style>\r\n<style scoped>\r\n\r\n#menu {\r\n  margin-bottom: 10px!important;\r\n}\r\n.downloadbtn {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 10px 0;\r\n}\r\n\r\nspan {\r\n  margin: 0 0px;\r\n}\r\n\r\nbutton {\r\n  margin: initial !important;\r\n}\r\n</style>\r\n\r\n<style>\r\n.v-list-item-title {\r\n  margin: 10px 0 !important;\r\n}\r\n</style>","<script setup>\r\nimport { ref, getCurrentInstance } from 'vue'\r\nimport { DriverStore } from '../pinia/Driver.js'\r\n\r\nconst { proxy } = getCurrentInstance()\r\nconst Driver = DriverStore()\r\n\r\nconst currency = ref('d')\r\nconst amount = ref(0)\r\nconst recipient = ref('')\r\nconst snackbar = ref(false)\r\nconst error = ref('')\r\nconst recipientRules = [\r\n  v => /^[a-zA-Z0-9]*$/.test(v) || 'Le champ ne peut contenir que des lettres et des chiffres'\r\n]\r\n\r\nfunction save() {\r\n  if (amount.value > 0 && recipient.value.length > 0 && recipientRules[0](recipient.value) === true) {\r\n    proxy.$http.post(\"\", JSON.stringify({ serviceName: \"account\", methodName: \"money\", parameters: [currency.value, amount.value, recipient.value] })\r\n    ).then(response => {\r\n\r\n      if (currency.value == \"d\")\r\n        Driver.persona.cash = Driver.persona.cash - amount.value\r\n      else\r\n        Driver.persona.boost = Driver.persona.boost - amount.value\r\n\r\n      currency.value = \"d\"\r\n      amount.value = 0\r\n      recipient.value = ''\r\n      error.value = ''\r\n      snackbar.value = true\r\n\r\n    }).catch(function (response) {\r\n      error.value = response.response.data.error\r\n    })\r\n  } else {\r\n    error.value = 'Please enter a valid amount and recipient.'\r\n  }\r\n}\r\n\r\nfunction filterRecipientInput() {\r\n  recipient.value = recipient.value.replace(/[^a-zA-Z0-9]/g, '')\r\n}\r\n</script>\r\n\r\n<template>\r\n\r\n<h4>Welcome to Konopa Bank, {{ Driver.persona.name }}.</h4>\r\n<br>\r\n<v-snackbar :timeout=\"2000\" color=\"deep-purple-accent-4\" elevation=\"24\" v-model=\"snackbar\">\r\n    Your transaction is successful.\r\n</v-snackbar>\r\n\r\n<v-alert class=\"error\" v-if=\"error\" :text=\"error\" type=\"error\"></v-alert>\r\n\r\n<v-form v-if=\"Driver.persona.level >= 15\">\r\n  <v-container>\r\n    <v-row>\r\n      <div class=\"flexform\">\r\n        <v-label>Currencies</v-label>\r\n        <v-radio-group v-model=\"currency\" inline>\r\n          <v-radio :label=\"number_format(Driver.persona.cash) + ' $'\" value=\"d\"></v-radio>\r\n          <v-radio :label=\"number_format(Driver.persona.boost) + ' SB'\" value=\"b\"></v-radio>\r\n        </v-radio-group>\r\n\r\n        <v-text-field v-model=\"amount\" type=\"number\" min=\"0\" max=\"1500000\" label=\"Amount\" variant=\"outlined\"></v-text-field>\r\n\r\n        <v-text-field \r\n          v-model=\"recipient\" \r\n          label=\"Recipient\" \r\n          variant=\"outlined\" \r\n          :rules=\"recipientRules\" \r\n          @input=\"filterRecipientInput\"\r\n        ></v-text-field>\r\n\r\n        <v-btn class=\"save\" variant=\"tonal\" @click=\"save\">SEND</v-btn>\r\n      </div>\r\n    </v-row>\r\n  </v-container>\r\n</v-form>\r\n<div class=\"level15\" v-else>\r\n  You are new in the city.<br><br>\r\n  Your bank account is currently in the process of transfer.<br><br>\r\n  Please come back later.<br><br>\r\n  (Level 15 required for the sender and recipient)\r\n</div>\r\n\r\n<br>\r\n<div class=\"center\">Any abuse for personal benefits will result by a ban.</div>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n.level15 {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 15px 0;\r\n}\r\n.center {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.flexform {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n.save {\r\n  margin: 0 0 20px 0;\r\n}\r\n.error {\r\n    margin-bottom: 25px !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance, createApp\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nimport VueColorPicker from 'vue3-colorpicker'\r\nconst Driver = DriverStore()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst app = createApp(VueColorPicker)\r\nconst pseudo = ref(\"\" + Driver.persona.name)\r\nconst snackbar = ref(false)\r\nconst error = ref('')\r\nconst avatar = ref(Driver.persona.iconIndex)\r\nconst color = ref(Driver.user.nicknameColor)\r\n\r\napp.use(VueColorPicker)\r\nfunction save() {\r\n    if (pseudo.value != Driver.persona.name) {\r\n        proxy.$http.post(\"\", JSON.stringify({\r\n            serviceName: \"account\",\r\n            methodName: \"UpdatePersonaName\",\r\n            parameters: [pseudo.value]\r\n        })).then(response => {\r\n\r\n            error.value = ''\r\n            Driver.persona.name = pseudo.value\r\n            snackbar.value = true\r\n\r\n        }).catch(function (response) {\r\n            error.value = response.response.data.error\r\n        })\r\n    } else error.value = ''\r\n\r\n    if (avatar.value != Driver.persona.iconIndex) {\r\n\r\n        proxy.$http.post(\"\", JSON.stringify({\r\n            serviceName: \"account\",\r\n            methodName: \"avatar\",\r\n            parameters: [avatar.value]\r\n        })).then(response => {\r\n\r\n            error.value = ''\r\n            Driver.persona.iconIndex = avatar.value\r\n            snackbar.value = true\r\n\r\n        }).catch(function (response) {\r\n            error.value = response.response.data.error\r\n        })\r\n\r\n    }\r\n\r\n    if(color.value != Driver.user.nicknameColor) {\r\n\r\n        proxy.$http.post(\"\", JSON.stringify({\r\n            serviceName: \"account\",\r\n            methodName: \"UpdateColor\",\r\n            parameters: [color.value]\r\n        })).then(response => {\r\n\r\n            error.value = ''\r\n            Driver.user.nicknameColor = color.value\r\n            snackbar.value = true\r\n\r\n        }).catch(function (response) {\r\n            error.value = response.response.data.error\r\n        })\r\n\r\n\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-snackbar :timeout=\"2000\" color=\"deep-purple-accent-4\" elevation=\"24\" v-model=\"snackbar\">\r\n    Your informations is saved.\r\n</v-snackbar>\r\n\r\n<v-alert class=\"error\" v-if=\"error\" :text=\"error\" type=\"error\"></v-alert>\r\n\r\n<v-form>\r\n    <v-container>\r\n        <v-row>\r\n            <div class=\"flexform\">\r\n\r\n                <span v-if=\"Driver.user.premium == '1' ? false : true\">\r\n                    <v-alert color=\"info\" icon=\"mdi-information\">You have to be a Premium member to edit your driver.</v-alert>\r\n                    <br>\r\n                </span>\r\n\r\n                <div class=\"d-flex\">\r\n                    <v-text-field prepend-icon=\"mdi-account\" v-model=\"pseudo\" label=\"Name\" variant=\"outlined\" :disabled=\"Driver.user.premium == '1' ? false : true\" style=\"margin-right: 1vh\"></v-text-field>\r\n                    <input type='color' class=\"color_input\" style=\"cursor:pointer;width:55px;height:55px;margin-left: 100px;margin-left: auto;margin-right: 4px;min-width:34px;min-height:34px;border: 10px solid transparent\" v-model=\"color\" :disabled=\"Driver.user.premium == '1' ? false : true\">\r\n                    <!--<v-color-picker v-model=\"color\" :disabled=\"Driver.user.premium == '1' ? false : true\"></v-color-picker>-->\r\n                </div>\r\n\r\n                <div class=\"grid\">\r\n    <!-- Avatar avec l'ID 0 -->\r\n    <span :class=\"'item' + 0\" style=\"position: relative\">\r\n        <label :for=\"'label' + 0\">\r\n            <img :src=\"'https://cdn.nightriderz.world/images/website/icon-persona/0.jpg'\" width=\"57\" height=\"57\" style=\"border-radius: 8px\">\r\n        </label>\r\n        <input type=\"radio\" :id=\"'label' + 0\" name=\"avatar\" @click=\"avatar = 0\" :checked=\"parseInt(Driver.persona.iconIndex) === 0\" :disabled=\"Driver.user.premium === '1' ? false : true\">\r\n    </span>\r\n\r\n    <!-- Boucle pour les autres avatars -->\r\n    <span :class=\"'item' + i\" v-for=\"i in 72\" style=\"position: relative\">\r\n        <label :for=\"'label' + i\">\r\n            <img v-if=\"i !== 26\" :src=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + i + '.jpg'\" width=\"57\" height=\"57\" style=\"border-radius: 8px\">\r\n        </label>\r\n        <input type=\"radio\" :id=\"'label' + i\" name=\"avatar\" @click=\"avatar = i\" :checked=\"parseInt(Driver.persona.iconIndex) === i\" :disabled=\"Driver.user.premium === '1' ? false : true\">\r\n    </span>\r\n</div>\r\n\r\n                <v-btn class=\"save\" variant=\"tonal\" @click=\"save\" v-if=\"Driver.user.premium == '1' ? true : false\">Save</v-btn>\r\n            </div>\r\n        </v-row>\r\n    </v-container>\r\n</v-form>\r\n</template>\r\n\r\n<style scoped>\r\n.flexform {\r\n    margin-top: 10px;\r\n}\r\n\r\n.color_input::-webkit-color-swatch,\r\n        .color_text::-webkit-color-swatch {\r\n          border: none;\r\n          border-radius: 100%;\r\n          padding: 0;\r\n        }\r\n        .color_input::-webkit-color-swatch-wrapper,\r\n        .color_text::-webkit-color-swatch-wrapper {\r\n          border: none;\r\n          border-radius: 100%;\r\n          padding: 0;\r\n        }\r\n\r\n        input[type=\"color\"] {\r\n          background: initial;\r\n          border: none;\r\n        }\r\n\r\n.error {\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\n.color {\r\n    margin: 8px 0px 0px 10px;\r\n}\r\n\r\nhr {\r\n    margin: 20px 0;\r\n}\r\n\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    height: 200px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.item26 {\r\n    display: none;\r\n}\r\n\r\n[type='radio'] {\r\n    position: absolute;\r\n    left: 2px;\r\n    top: 2px;\r\n}\r\n\r\n.grid span {\r\n    margin: 5px;\r\n}\r\n</style><style>\r\n.v-input__details {\r\n    padding-inline-start: 2px !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport { ref, getCurrentInstance } from 'vue'\r\n\r\nconst { proxy } = getCurrentInstance()\r\nconst code = ref('')\r\nconst useds = ref([])\r\nconst error = ref('')\r\n\r\ngetUsed()\r\n\r\nasync function getUsed() {\r\n    const res = await proxy.$api({ serviceName: \"account\", methodName: \"codeUsed\" })\r\n    useds.value = res\r\n}\r\n\r\nfunction save() {\r\n    proxy.$http.post(\"\", JSON.stringify({ serviceName: \"account\", methodName: \"redeemcode\", parameters: [code.value] })\r\n        ).then(response => {\r\n\r\n            if(response.data.state == \"error\") {\r\n                error.value = response.data.message\r\n            } else {\r\n                error.value = \"\"\r\n                code.value = \"\"\r\n                getUsed()\r\n            }\r\n           \r\n\r\n        }).catch(function (error) {\r\n        })\r\n}\r\n</script>\r\n\r\n<template>\r\n    <v-alert class=\"error\" v-if=\"error\" :text=\"error\" type=\"error\"></v-alert>\r\n    <v-form>\r\n        <v-container>\r\n            <v-row>\r\n                <div class=\"flexform\">\r\n                    <v-text-field prepend-icon=\"mdi-wallet-giftcard\" v-model=\"code\" label=\"TYPE YOUR CODE HERE\" variant=\"outlined\"></v-text-field>\r\n\r\n                    <v-btn class=\"save\" variant=\"tonal\" @click=\"save\">USE</v-btn>\r\n                </div>\r\n            </v-row>\r\n        </v-container>\r\n    </v-form>\r\n    <hr>\r\n\r\n    <div class=\"codes\">\r\n        <v-alert class=\"used\" v-for=\"used in useds\" variant=\"tonal\" :key=\"used.code\">\r\n            <b>{{ used.code }}</b><br>{{ used.name }}\r\n        </v-alert>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n    .flexform {\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n    .save {\r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .codes {\r\n        height: 189px;\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .used {\r\n        margin-right: 6px!important;\r\n    }\r\n\r\n    hr {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .error {\r\n        margin-bottom: 25px!important;\r\n    }\r\n</style>","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\n\r\nconst Driver = DriverStore()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nfunction PrestigeUp() {\r\n    proxy.$http.post(\"\", JSON.stringify({\r\n        serviceName: \"account\",\r\n        methodName: \"PrestigeUp\",\r\n        parameters: []\r\n    })).then(response => {\r\n\r\n        if (response.data) {\r\n        }\r\n\r\n    }).catch(function (response) {\r\n\r\n    })\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-form>\r\n    <p>Here you can see your prestige and prestige up when you can. The current maximum prestige level is <b>5</b>.</p>\r\n    <br>\r\n    <v-container>\r\n        <v-row><p></p>\r\n            <div class=\"flexform\">\r\n                <div>\r\n                    Prestige level: <b>{{ Driver.persona.prestige }}</b>\r\n                    <br>\r\n                    Next prestige level in <b>{{ 100 - Driver.persona.level }} LEVEL{{(100 - Driver.persona.level) > 1 ? 'S' : ''}}</b>\r\n                </div>\r\n                <v-spacer></v-spacer>\r\n                <div>\r\n                    <v-btn :loading=\"false\" variant=\"tonal\" :disabled=\"Driver.persona.level == 100 && Driver.persona.prestige < 5 ? false : true\" @click=\"PrestigeUp()\">PRESTIGE UP</v-btn>\r\n                </div>\r\n\r\n            </div>\r\n        </v-row>\r\n    </v-container>\r\n</v-form>\r\n</template>\r\n\r\n<style scoped>\r\n.flexform {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 1;\r\n}\r\n\r\n.error {\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\nhr {\r\n    margin: 20px 0;\r\n}\r\n\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    height: 200px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.item26 {\r\n    display: none;\r\n}\r\n\r\n[type='radio'] {\r\n    position: absolute;\r\n    left: 2px;\r\n    top: 2px;\r\n}\r\n\r\n.grid span {\r\n    margin: 5px;\r\n}\r\n</style><style>\r\n.v-input__details {\r\n    padding-inline-start: 2px !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport DriverCard from '../components/driverCard.vue'\r\nimport KonopabankForm from '../components/konopabankForm.vue'\r\nimport PersonaForm from '../components/personaForm.vue'\r\nimport RedeemcodeForm from '../components/redeemcodeForm.vue'\r\nimport prestigeForm from '../components/prestigeForm.vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\n\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\n\r\nconst Driver = DriverStore()\r\n\r\nvar dialog = ref(false)\r\nvar dialogswitch = ref(false)\r\nvar model = ref()\r\nconst modelswitch = ref()\r\nconst error = ref(\"\")\r\n\r\nconst avatar = ref(\"\")\r\nconst name = ref(\"\")\r\n\r\nasync function save() {\r\n\r\n    error.value = false\r\n\r\n    if (!!avatar.value && !!name.value) {\r\n        const res = await proxy.$api({\r\n            serviceName: \"account\",\r\n            methodName: \"create_persona\",\r\n            parameters: [name.value, avatar.value]\r\n        })\r\n\r\n        if (res == \"error\") {\r\n            error.value = true\r\n        } else {\r\n            Driver.setEasharpptr_p(res)\r\n            GetUserInfo()\r\n            dialogswitch.value = false\r\n            modelswitch.value = 1\r\n            name.value = \"\"\r\n            avatar.value = \"\"\r\n        }\r\n    }\r\n}\r\n\r\nasync function GetUserInfo() {\r\n    const res = await proxy.$api({\r\n        serviceName: \"session\",\r\n        methodName: \"GetUserInfo\"\r\n    })\r\n\r\n    Driver.setPersona(res.persona)\r\n    Driver.setUser(res.user)\r\n    Driver.setCrew(res.crew)\r\n    Driver.setCurrentCrew(res.crew.current)\r\n    Driver.setOthers(res.others)\r\n    Driver.setLogged(true)\r\n}\r\n</script>\r\n\r\n<template>\r\n<v-btn id=\"menu\" icon=\"mdi\">\r\n    <v-avatar @click=\"dialog = true\" :image=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + Driver.persona.iconIndex + '.jpg'\"></v-avatar>\r\n</v-btn>\r\n\r\n<v-btn id=\"menu\" @click=\"dialogswitch = true\" icon=\"mdi-account-switch\" title=\"Switch Driver\">\r\n</v-btn>\r\n\r\n<v-dialog v-model=\"dialogswitch\" :width=\"520\" scrollable>\r\n\r\n    <v-toolbar dark color=\"primary\">\r\n        <v-toolbar-title>My Drivers</v-toolbar-title>\r\n        <v-spacer></v-spacer>\r\n        <template v-slot:extension>\r\n            <v-tabs v-model=\"modelswitch\" centered>\r\n                <v-tab value=\"1\">\r\n                    SWITCH DRIVER\r\n                </v-tab>\r\n                <v-tab value=\"2\" v-if=\"Driver.user.premium == '1'\">\r\n                    CREATE DRIVER\r\n                </v-tab>\r\n            </v-tabs>\r\n        </template>\r\n\r\n    </v-toolbar>\r\n\r\n    <v-card>\r\n        <v-card-text>\r\n\r\n            <v-window v-model=\"modelswitch\">\r\n                <v-window-item value=\"1\">\r\n                    <v-card>\r\n                        <v-card-text>\r\n                            <DriverCard :data=\"Driver.persona\" :changebis=\"true\" />\r\n                            <DriverCard v-for=\"driver in Driver.others\" :data=\"driver\" :change=\"true\" @closeDialog=\"dialogswitch = false\" />\r\n                        </v-card-text>\r\n                    </v-card>\r\n                </v-window-item>\r\n                <v-window-item value=\"2\">\r\n                    <v-card>\r\n                        <v-card-text>\r\n\r\n                            <span v-if=\"Driver.others.length + 1 == 6\">\r\n                                <v-alert color=\"info\" icon=\"mdi-information\">You have reached the maximum number of drivers.</v-alert>\r\n                                <br>\r\n                            </span>\r\n\r\n                            <v-text-field :error-messages=\"error ? 'This name is unavailable.': ''\" v-model=\"name\" label=\"Driver Name\" variant=\"outlined\"></v-text-field>\r\n\r\n                            <div class=\"grid\">\r\n                                <span :class=\"'item' + i\" v-for=\"i in 72\" style=\"position: relative\">\r\n\r\n                                    <label :for=\"'label' + i\">\r\n                                        <img v-if=\"i != 26 || i === 0\" :src=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + i + '.jpg'\" width=\"60\" height=\"60\">\r\n                                    </label>\r\n                                    <input type=\"radio\" :ID=\"'label' + i\" name=\"avatar\" @click=\"avatar = i\">\r\n                                </span>\r\n                            </div>\r\n                            <v-btn variant=\"tonal\" @click=\"save\">Create</v-btn>\r\n\r\n                        </v-card-text>\r\n                    </v-card>\r\n                </v-window-item>\r\n            </v-window>\r\n\r\n        </v-card-text>\r\n    </v-card>\r\n</v-dialog>\r\n\r\n<v-dialog transition=\"dialog-bottom-transition\" :width=\"520\" v-model=\"dialog\" scrollable>\r\n    <v-card>\r\n        <v-toolbar dark color=\"primary\">\r\n            <v-avatar @click=\"dialog = true\" :image=\"'https://cdn.nightriderz.world/images/website/icon-persona/' + Driver.persona.iconIndex + '.jpg'\"></v-avatar>\r\n            <v-toolbar-title>{{Driver.persona.name}}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <v-btn @click=\"dialogswitch = true\" icon=\"mdi-account-switch\" title=\"Switch Driver\"></v-btn>\r\n            <template v-slot:extension>\r\n                <v-tabs v-model=\"model\" centered>\r\n                    <v-tab value=\"1\">\r\n                        Driver\r\n                    </v-tab>\r\n                    <v-tab value=\"4\">\r\n                        Prestige\r\n                    </v-tab>\r\n                    <v-tab value=\"2\">\r\n                        Redeem code\r\n                    </v-tab>\r\n                    <v-tab value=\"3\">\r\n                        Konopa Bank\r\n                    </v-tab>\r\n                </v-tabs>\r\n            </template>\r\n        </v-toolbar>\r\n\r\n        <v-window v-model=\"model\">\r\n            <v-window-item value=\"1\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <PersonaForm />\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"2\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <RedeemcodeForm />\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"3\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <KonopabankForm />\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"4\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <prestigeForm />\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n        </v-window>\r\n\r\n    </v-card>\r\n</v-dialog>\r\n</template>\r\n\r\n<style>\r\n.v-list-item__prepend {\r\n    font-size: 30px !important;\r\n    margin-top: 10px;\r\n}\r\n</style><style scoped>\r\n#menu {\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.downloadbtn {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 10px 0;\r\n}\r\n\r\nbutton {\r\n    margin: initial !important;\r\n}\r\n\r\n.grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    height: 200px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.item26 {\r\n    display: none;\r\n}\r\n\r\n[type='radio'] {\r\n    position: absolute;\r\n    left: 2px;\r\n    top: 2px;\r\n}\r\n\r\n.grid span {\r\n    margin: 5px;\r\n}\r\n</style><style>\r\n.v-list-item-title {\r\n    margin: 10px 0 !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport {\r\n    ref,\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport Rules from '../components/Rules.vue'\r\nimport benefits from '../configs/premium.json'\r\nimport Launchers from '../configs/launcher.json'\r\nimport PremiumForm from '../components/premiumForm.vue'\r\nimport {\r\n    DriverStore\r\n} from '../pinia/Driver.js'\r\nconst Driver = DriverStore()\r\n\r\nvar dialog = ref(false)\r\nvar model = ref()\r\n\r\n</script>\r\n\r\n<template>\r\n<div id=\"menu\" @click=\"dialog = true\">\r\n    <v-icon :icon=\"'mdi-star'\" v-if=\"!Driver.logged\"></v-icon>\r\n    <v-icon v-else :icon=\"Driver.user.premium == '1' ? 'mdi-star-check' : 'mdi-star'\"></v-icon>\r\n\r\n    <v-tooltip activator=\"parent\" location=\"right\">Premium</v-tooltip>\r\n</div>\r\n\r\n<v-dialog transition=\"dialog-bottom-transition\" :width=\"500\" v-model=\"dialog\" scrollable>\r\n    <v-card>\r\n        <v-toolbar dark color=\"primary\">\r\n            <v-icon>mdi-star</v-icon>\r\n            <v-toolbar-title>Premium</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n\r\n            <template v-slot:extension>\r\n                <v-tabs v-model=\"model\" centered>\r\n                    <v-tab value=\"1\">\r\n                        About\r\n                    </v-tab>\r\n                    <v-tab value=\"2\">\r\n                        Benefits\r\n                    </v-tab>\r\n                    <v-tab value=\"3\" v-if=\"Driver.logged\">\r\n                        Buy\r\n                    </v-tab>\r\n                </v-tabs>\r\n            </template>\r\n\r\n        </v-toolbar>\r\n\r\n        <v-window v-model=\"model\">\r\n            <v-window-item value=\"1\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <p>\r\n                            The Premium option is there to help us support the cost of the dedicated server, in return you profit of things that a normal player cannot have.<br><br>\r\n                            You can only buy the Premium once per account, there will be more options available in the future.<br><br>\r\n                            More things will happen in the future for Premium members.<br><br>\r\n                            Connect on Discord to stay aware about upcoming changes.<br><br>\r\n                        </p>\r\n                        <br>\r\n                        <p>The price is <b>5.99€</b>, lifetime.</p>\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"2\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <v-list lines=\"two\">\r\n                            <v-list-item v-for=\"benefit in benefits\" :title=\"benefit.title\">\r\n                                <span v-html=\"benefit.text\"></span>\r\n                                <template v-slot:prepend>\r\n                                    <v-icon :icon=\"'mdi-' + benefit.icone\"></v-icon>\r\n                                </template>\r\n                            </v-list-item>\r\n                        </v-list>\r\n\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n            <v-window-item value=\"3\" v-if=\"Driver.logged\">\r\n                <v-card>\r\n                    <v-card-text>\r\n                        <PremiumForm />\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-window-item>\r\n        </v-window>\r\n\r\n    </v-card>\r\n</v-dialog>\r\n</template>\r\n\r\n<style scoped>\r\n.paypal {\r\n    margin: 10px;\r\n}\r\n\r\n.v-list-item {\r\n    padding: 3px;\r\n}\r\n\r\n.v-list-item::v-deep(.v-list-item-title) {\r\n    margin-bottom: 2px !important;\r\n}\r\n\r\n.v-toolbar {\r\n    background: linear-gradient(90deg, rgb(255 165 0) 0%, rgb(255 235 0) 100%) !important;\r\n}\r\n\r\np {\r\n    text-align: center;\r\n}\r\n\r\n.downloadbtn {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 10px 0;\r\n}\r\n\r\nbutton {\r\n    margin: initial !important;\r\n}\r\n\r\n#menu {\r\n    font-weight: bold;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    height: 40px;\r\n    width: 40px;\r\n    background: transparent;\r\n    transition: all 0.15s ease-in-out;\r\n    display: flex;\r\n    align-items: center;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    background: linear-gradient(90deg, rgb(255 165 0) 0%, rgb(255 235 0) 100%) !important;\r\n}\r\n\r\nbutton:hover {\r\n  background: rgb(255 179 37 / 55%)!important;\r\n}\r\n\r\n#menu i {\r\n    margin: 0 7px;\r\n}\r\n\r\n.router-link-active {\r\n    font-weight: bold;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color) !important;\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n\r\n#menu:hover {\r\n    font-weight: bold;\r\n    background: var(--quaternary-color);\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n</style>\r\n","<script setup>\r\nimport { ref, getCurrentInstance} from 'vue'\r\nimport Login from \"./Login.vue\"\r\nimport menus from \"../configs/menu.json\"\r\nimport { useRoute } from 'vue-router'\r\nimport Download from '../pages/Download.vue'\r\nimport Account from '../pages/Account.vue'\r\nimport Persona from '../pages/Persona.vue'\r\nimport { DriverStore } from '../pinia/Driver.js'\r\nimport Premium from '../pages/Premium.vue'\r\n\r\nconst Driver = DriverStore()\r\n\r\nconst route = useRoute()\r\nconst showModal = ref(false)\r\n\r\nfunction subIsActive(input) {\r\n    const paths = Array.isArray(input) ? input : [input]\r\n\r\n    return paths.some(path => {\r\n        return route.path.indexOf(path) === 0\r\n    })\r\n}\r\n</script>\r\n\r\n<template>\r\n\r\n<div v-for=\"menu in menus\" :key=\"menu.name\">\r\n    <Download v-if=\"menu.icon == 'file_download'\"/>\r\n    <Premium v-else-if=\"menu.icon == 'star'\"/>\r\n    <routerLink v-else :to=\"menu.path\" id=\"menu\" :class=\"{'router-link-active': subIsActive(menu.active)}\">\r\n        <v-icon :icon=\"'mdi-' + menu.icon\"></v-icon>\r\n        <v-tooltip activator=\"parent\" location=\"right\">{{menu.name}}</v-tooltip>\r\n    </routerLink>\r\n\r\n</div>\r\n\r\n<div class=\"spacer\"></div>\r\n\r\n<Persona v-if=\"Driver.logged\" />\r\n<Account v-if=\"Driver.logged\" />\r\n<Login />\r\n</template>\r\n\r\n<style scoped>\r\n#menu {\r\n    font-weight: bold;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    height: 40px;\r\n    width: 40px;\r\n    background: transparent;\r\n    transition: all 0.15s ease-in-out;\r\n    display: flex;\r\n    align-items: center;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n}\r\n\r\n#menu i {\r\n    margin: 0 7px;\r\n}\r\n\r\n.router-link-active {\r\n    font-weight: bold;\r\n    border-left: 2px solid white;\r\n    background: var(--tertiary-color) !important;\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n\r\n#menu:hover {\r\n    font-weight: bold;\r\n    background: var(--quaternary-color);\r\n    color: white;\r\n    vertical-align: middle;\r\n}\r\n\r\n\r\n</style><style scoped>\r\n::v-deep(.modal-container) {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n::v-deep(.modal-content) {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 90%;\r\n    margin: 0 1rem;\r\n    padding: 1rem;\r\n    border-radius: 0.25rem;\r\n    background: var(--primary-color);\r\n}\r\n\r\n.modal__title {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 20px 0;\r\n    flex-direction: column;\r\n    font-size: 14px;\r\n    flex-wrap: wrap;\r\n    max-width: 500px;\r\n}\r\n\r\n.title {\r\n    font-size: 25px;\r\n}\r\n\r\n.modal__content {\r\n    flex-grow: 1;\r\n    overflow-y: auto;\r\n    margin: 10px;\r\n}\r\n\r\n.modal__action {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    padding: 1rem 0 0;\r\n}\r\n\r\n.modal__close {\r\n    position: absolute;\r\n    top: 0.5rem;\r\n    right: 0.5rem;\r\n}\r\n\r\n::v-deep(.modal-content) {\r\n    border-color: #2d3748;\r\n    background-color: #1a202c;\r\n}\r\n</style>\r\n","<script setup>\r\n    import { toRefs } from 'vue'\r\n\r\nconst props = defineProps({\r\nisHome: Boolean\r\n})\r\nconst {isHome} = toRefs(props)\r\n\r\n</script>\r\n\r\n<template>\r\n<div v-if=\"isHome\" style=\"background: #34275e;\">\r\n    <v-footer class=\"text-center d-flex flex-column\" :home=\"isHome\" style=\"margin-left: 24px;margin-right: 24px;margin-bottom: 24px;border-radius: 6px;margin-top: 24px;\">\r\n\r\n<img src=\"https://cdn.nightriderz.world/images/website/logo/NRZ_Wide.svg\" height=\"30\"><br>\r\n  <div class=\"pt-0\">© NIGHTRIDERZ {{ new Date().getFullYear() }}. All Rights Reserved.<br>\r\n    This project is not affiliated with <b>Electronic Arts</b> or the <b>Need for Speed™</b> brand in any way, shape or form. <b>Need for Speed</b> is a trademark of <b>Electronic Arts</b>.\r\n  </div>\r\n\r\n</v-footer>\r\n</div>\r\n<div v-else>\r\n    <v-footer class=\"text-center d-flex flex-column\" :home=\"isHome\" style=\"margin-left: 24px;margin-right: 24px;margin-bottom: 24px;border-radius: 6px;margin-top: 24px;\">\r\n\r\n<img src=\"https://cdn.nightriderz.world/images/website/logo/NRZ_Wide.svg\" height=\"30\"><br>\r\n  <div class=\"pt-0\">© NIGHTRIDERZ {{ new Date().getFullYear() }}. All Rights Reserved.<br>\r\n    This project is not affiliated with <b>Electronic Arts</b> or the <b>Need for Speed™</b> brand in any way, shape or form. <b>Need for Speed</b> is a trademark of <b>Electronic Arts</b>.\r\n  </div>\r\n\r\n</v-footer>\r\n</div>\r\n</template>\r\n\r\n<style scoped>\r\nfooter {\r\n    background: var(--primary-color);\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    margin-top: 40px;\r\n}\r\n\r\n[home='true'] {\r\n    margin-top: 0;\r\n}\r\n\r\nbutton {\r\n    margin: 20px 10px;\r\n}\r\n</style>","<template>\r\n    <v-snackbar\r\n      v-model=\"snackbar\"\r\n      location=\"top\"\r\n      transition=\"v-snackbar-transition\"\r\n      :centered=\"true\"\r\n      color=\"deep-purple-accent-4\"\r\n      elevation=\"3\"\r\n      timeout=\"-1\" style=\"margin-left: 60px;\">\r\n      <v-icon style=\"margin-right: 10px;\">mdi-information</v-icon><span><b>CAR MEET</b> tonight starting at <b>21H00 (CEST)</b>, wait at <b>ZONE 1</b>, all details in the game map.</span>\r\n    </v-snackbar>\r\n  </template>\r\n  \r\n  <script setup>\r\n  import { ref } from 'vue';\r\n  \r\n  const snackbar = ref(false);  // Contrôle de la visibilité du snackbar\r\n  </script>\r\n<style scoped>\r\n</style>\r\n  ","<script setup>\r\nimport drawerMenu from \"./components/drawer.vue\"\r\nimport Footer from \"./components/Footer.vue\"\r\nimport Notification from \"./components/notification.vue\"\r\nimport { useRoute } from 'vue-router'\r\nimport router from './router/index.js'\r\n\r\nimport {\r\n    getCurrentInstance\r\n} from 'vue'\r\nimport {\r\n    DriverStore\r\n} from './pinia/Driver.js'\r\nimport {\r\n    ServerStore\r\n} from './pinia/Server.js'\r\n\r\nconst route = useRoute()\r\nconst Driver = DriverStore()\r\nconst Server = ServerStore()\r\nconst {\r\n    proxy\r\n} = getCurrentInstance()\r\nconst dialog = true\r\n\r\n/*\r\nGetUserInfo()\r\n\r\nasync function GetUserInfo() {\r\n    const res = await proxy.$api({serviceName: \"session\",methodName: \"GetUserInfo\"})\r\n\r\n    Driver.setPersona(res.persona)\r\n    Driver.setUser(res.user)\r\n    Driver.setCrew(res.crew)\r\n    Driver.setCurrentCrew(res.crew.current)\r\n    Driver.setOthers(res.others)\r\n    Driver.setLogged(true)\r\n}*/\r\n</script>\r\n\r\n<template>\r\n<v-card style=\"flex:1;\">\r\n    <v-layout style=\"display: flex;\">\r\n        <v-navigation-drawer mini rail rail-width=\"60\" permanent v-if=\"route.path != '/discord'\">\r\n            <RouterLink to=\"/\" style=\"height: 55px;\">\r\n                <img src=\"https://cdn.nightriderz.world/images/website/logo/NRZ_Normal.svg\" style=\"padding: 5px;width: 55px;margin-top:10px\" alt=\"NIGHTRIDERZ small logo\">\r\n            </RouterLink>\r\n            <v-divider></v-divider>\r\n\r\n            <drawerMenu />\r\n        </v-navigation-drawer>\r\n\r\n        <v-main>\r\n            <Notification />\r\n            <routerView style=\"top:0!important\"/>\r\n            <v-spacer></v-spacer>\r\n            <Footer :isHome=\"route.path == '/'\" v-if=\"route.path != '/livemap' && route.path != '/404' && !route.path.includes('leaderboard/') && route.path != '/discord'\" />\r\n        </v-main>\r\n\r\n    </v-layout>\r\n\r\n</v-card>\r\n</template>\r\n\r\n<style>\r\n\r\n.v-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100vh;\r\n    flex:1;\r\n}\r\n\r\nfooter {\r\n    flex: initial!important;\r\n}\r\n\r\n\r\na {\r\n    color: white !important;\r\n}\r\n\r\n.v-divider {\r\n    border-color: white !important;\r\n}\r\n\r\ncode {\r\n    background: black;\r\n    padding: 3px;\r\n}\r\n\r\n.v-overlay__scrim {\r\n    background: black !important;\r\n    opacity: 50% !important;\r\n}\r\n\r\n.v-app-bar,\r\n.v-toolbar {\r\n    background: var(--primary-color) !important;\r\n    padding-left: 20px;\r\n    padding-right: 20px !important;\r\n}\r\n\r\n.v-navigation-drawer {\r\n    border-right: solid 1px rgba(255, 255, 255, 0.2) !important;\r\n    background: var(--primary-color) !important;\r\n}\r\n\r\n.v-navigation-drawer__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n#app {\r\n    display: flex;\r\n    min-height: 100vh;\r\n}\r\n\r\n.routerview {\r\n    background: var(--secondary-color);\r\n    flex: 1;\r\n}\r\n\r\n* {\r\n    font-family: \"Arial\";\r\n    line-height: 1.5;\r\n    --primary-color: #11141c;\r\n    --secondary-color: #1f2430;\r\n    --tertiary-color: linear-gradient(90deg, rgba(136, 0, 255, 1) 0%, rgba(0, 65, 255, 1) 100%);\r\n    --quaternary-color: linear-gradient(90deg, rgba(63, 0, 116, 1) 0%, rgba(0, 30, 116, 1) 100%);\r\n    text-decoration: none;\r\n}\r\n\r\n*::-webkit-scrollbar {\r\n    -webkit-appearance: none;\r\n    width: 7px;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb {\r\n    border-radius: 5px;\r\n    background-color: rgba(178, 178, 178, 0.5);\r\n    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);\r\n}\r\n\r\n*::-webkit-scrollbar-track {\r\n    background: black;\r\n}\r\n\r\nbody {\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: #090b0d;\r\n}\r\n\r\n.container {\r\n    display: flex;\r\n    flex: 1;\r\n}\r\n\r\n.spacer {\r\n    flex: 1;\r\n}\r\n\r\nbutton {\r\n    background: var(--tertiary-color);\r\n    font-size: 18px;\r\n    border-radius: 6px;\r\n    padding: 4px 16px;\r\n    color: white;\r\n    text-align: center;\r\n    border: none;\r\n    font-weight: 500;\r\n    letter-spacing: 0;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    line-height: 36px;\r\n    vertical-align: middle;\r\n}\r\n\r\ntable {\r\n    background: var(--secondary-color) !important;\r\n}\r\n\r\nbutton:hover {\r\n    background: var(--quaternary-color);\r\n    color: #f1f2f3;\r\n}\r\n\r\nh5 {\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: .02em;\r\n    margin: 16px 0;\r\n}\r\n\r\n.v-popper__popper {\r\n    z-index: 10000;\r\n    top: 0;\r\n    left: 0;\r\n    outline: none;\r\n    margin-top: 2px;\r\n}\r\n\r\n.v-popper__popper.v-popper__popper--hidden {\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: opacity .15s, visibility .15s;\r\n    pointer-events: none\r\n}\r\n\r\n.v-popper__popper.v-popper__popper--shown {\r\n    visibility: visible;\r\n    opacity: 1;\r\n    transition: opacity .15s\r\n}\r\n\r\n.v-popper__popper.v-popper__popper--skip-transition,\r\n.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {\r\n    transition: none !important\r\n}\r\n\r\n.v-popper__backdrop {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: none\r\n}\r\n\r\n.v-popper__inner {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow-y: auto\r\n}\r\n\r\n.v-popper__inner>div {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: inherit;\r\n    max-height: inherit\r\n}\r\n\r\n.v-popper__arrow-container {\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px\r\n}\r\n\r\n.v-popper__popper--arrow-overflow .v-popper__arrow-container,\r\n.v-popper__popper--no-positioning .v-popper__arrow-container {\r\n    display: none\r\n}\r\n\r\n.v-popper__arrow-inner,\r\n.v-popper__arrow-outer {\r\n    border-style: solid;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 0\r\n}\r\n\r\n.v-popper__arrow-inner {\r\n    visibility: hidden;\r\n    border-width: 7px\r\n}\r\n\r\n.v-popper__arrow-outer {\r\n    border-width: 6px\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {\r\n    left: -2px\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {\r\n    left: -1px\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {\r\n    top: 0\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {\r\n    border-top-width: 0;\r\n    border-left-color: transparent !important;\r\n    border-right-color: transparent !important;\r\n    border-top-color: transparent !important\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {\r\n    top: -4px\r\n}\r\n\r\n.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {\r\n    top: -6px\r\n}\r\n\r\n.v-popper--theme-dropdown .v-popper__inner {\r\n    background: #fff;\r\n    color: #000;\r\n    border-radius: 6px;\r\n    border: 1px solid #ddd;\r\n    box-shadow: 0 6px 30px #0000001a\r\n}\r\n\r\n.v-popper--theme-dropdown .v-popper__arrow-inner {\r\n    visibility: visible;\r\n    border-color: #fff\r\n}\r\n\r\n.v-popper--theme-dropdown .v-popper__arrow-outer {\r\n    border-color: #ddd\r\n}\r\n\r\n.v-popper--theme-tooltip .v-popper__inner {\r\n    background: black;\r\n    color: #fff;\r\n    border-radius: 6px;\r\n    padding: 7px 12px 6px;\r\n    font-size: 12px;\r\n}\r\n\r\n.v-popper--theme-tooltip .v-popper__arrow-outer {\r\n    border-color: #000c\r\n}\r\n\r\n.VuePagination__pagination {\r\n    display: inline-flex;\r\n}\r\n\r\n.VuePagination__pagination button.active {\r\n    background: pink;\r\n}\r\n\r\n.v-alert {\r\n    margin: 10px;\r\n    display: flex !important;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.v-alert__prepend {\r\n    align-self: center !important;\r\n}\r\n\r\n.v-list-item-title {\r\n    font-size: 18px !important;\r\n    font-weight: bold !important;\r\n    margin-bottom: 20px;\r\n}\r\n</style>\r\n","import { createApp } from 'vue'\r\nimport Axios from 'axios'\r\nimport vSelect from 'vue-select'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport { createPinia } from 'pinia'\r\nimport { PiniaSharedState } from 'pinia-shared-state'\r\nimport { Timeago } from 'vue2-timeago'\r\nimport VueGtag from \"vue-gtag\"\r\nimport VSwatches from 'vue3-swatches'\r\nimport 'vue3-swatches/dist/style.css'\r\nimport '../public/assets/css/mdi.css'\r\nimport 'vuetify/styles'\r\nimport 'vue-skeletor/dist/vue-skeletor.css'\r\nimport { createVuetify } from 'vuetify'\r\nimport * as components from 'vuetify/components'\r\nimport * as directives from 'vuetify/directives'\r\nimport { Skeletor } from 'vue-skeletor'\r\nimport { DriverStore } from './pinia/Driver.js'\r\n\r\nconst vuetify = createVuetify({\r\n  components,\r\n  directives,\r\n  theme: {\r\n    defaultTheme: 'NightRiderz',\r\n    themes: {\r\n        NightRiderz: {\r\n        dark: false,\r\n        colors: {\r\n          surface: \"#1f2430\"\r\n        }\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nimport \"vue-select/dist/vue-select.css\"\r\n\r\nconst pinia = createPinia()\r\npinia.use(\r\n    PiniaSharedState({\r\n        enable: true,\r\n        initialize: true,\r\n        type: 'localstorage',\r\n      })\r\n)\r\n\r\nvar AxiosCreate = Axios.create({baseURL: 'https://api.nightriderz.world/gateway.php?contentType=application/json'})\r\n\r\nAxiosCreate.interceptors.request.use(function (config) {\r\n\r\n    if(config.url == \"\") {\r\n        config.headers['easharpptr-u'] = localStorage.getItem('easharpptr_u')\r\n        config.headers['easharpptr-p'] = localStorage.getItem('easharpptr_p')\r\n    }\r\n\r\n    return config\r\n  })\r\n\r\n  if (import.meta.hot) {\r\n    import.meta.hot.on(\r\n      \"vite:beforeUpdate\",\r\n      () => console.clear()\r\n    );\r\n  }\r\n\r\n\r\n  function carClasshHash(rating) {\r\n    switch (\"\"+rating) {\r\n        case \"869393278\" : return \"F\"\r\n        case \"872416321\" : return \"E\"\r\n        case \"415909161\" : return \"D\"\r\n        case \"1866825865\" : return \"C\"\r\n        case \"-406473455\" : return \"B\"\r\n        case \"-405837480\" : return \"A\"\r\n        case \"-2142411446\" : return \"S\"\r\n        case \"86241155\": return \"S1\"\r\n        case \"221915816\": return \"S2\"\r\n        case \"-543091316\": return \"X\"\r\n        default: return \"O\"\r\n      }\r\n  }\r\n\r\n  GetUserInfo()\r\n\r\nasync function GetUserInfo() {\r\n    try {\r\n    const res = await AxiosCreate.post(\"\", JSON.stringify({serviceName: \"session\",methodName: \"GetUserInfo\"}))\r\n    const Driver = DriverStore()\r\n\r\n    Driver.setPersona(res.data.persona)\r\n    Driver.setUser(res.data.user)\r\n    Driver.setCrew(res.data.crew)\r\n    Driver.setCurrentCrew(res.data.crew.current)\r\n    Driver.setOthers(res.data.others)\r\n    Driver.setLogged(true)\r\n    } catch(error) {\r\n\r\n    }\r\n    addrouterbefore()\r\n}\r\n\r\nfunction addrouterbefore() {\r\n   router.beforeEach((to, from, next) => {\r\n\r\n    const Driver = DriverStore()\r\n    if(to.meta.requireAuth && !Driver.logged) {\r\n      Driver.showDrawerAuth(true, to.fullPath)\r\n    } else {\r\n      if(to.path != \"/\")\r\n        document.querySelector('title').innerText = to.name + \" - NightRiderz\"\r\n      else\r\n        document.querySelector('title').innerText = \"NightRiderz\"\r\n    \r\n      window.scrollTo({ top: 0, behavior: 'smooth' })\r\n      \r\n      next()\r\n    }\r\n    \r\n    \r\n    })\r\n  }\r\n  \r\nvar app = createApp(App)\r\napp.use(router)\r\napp.use(VueGtag, {\r\n  config: { \r\n    id: \"G-VGS2Y0B6E2\",\r\n  },\r\n}, router)\r\napp.use(pinia)\r\napp.use(vuetify)\r\napp.use(VSwatches)\r\napp.component(\"timeago\", Timeago)\r\napp.component(Skeletor.name, Skeletor);\r\napp.config.globalProperties.$http = AxiosCreate\r\napp.config.globalProperties.$api = async (payload) => {\r\n      return (await AxiosCreate.post(\"\", JSON.stringify(payload))).data\r\n}\r\n\r\napp.component(\"v-select\", vSelect)\r\n\r\napp.mixin({\r\n    methods: {\r\n        levelIcon(level) {\r\n          switch (true) {\r\n            case level < 14 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.79 856.79\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M428.39,0C192.18,0,0,192.18,0,428.39s192.18,428.4,428.39,428.4,428.4-192.18,428.4-428.4S664.61,0,428.39,0Zm0,107.31c161.68,0,295.76,120.13,317.83,275.81H582C562.4,316.8,501,268.25,428.4,268.25s-134,48.55-153.59,114.87H110.57C132.64,227.44,266.72,107.31,428.39,107.31Zm0,397.76a76.68,76.68,0,1,1,76.67-76.68A76.77,76.77,0,0,1,428.4,505.07ZM110.54,473.5H274.76A160.74,160.74,0,0,0,385.19,582.57V746.48C243.29,727.3,130.55,615.14,110.54,473.5ZM475.57,746V581.44A160.82,160.82,0,0,0,582,473.5H746.25C726.42,613.82,615.61,725.27,475.57,746Z\"/></g></g></svg>'\r\n            case level < 29 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.79 856.79\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364Zm0,0H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364ZM433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53Zm0,0L473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364Zm0,0H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364ZM433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53Zm0,0L473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364ZM428.4,0C192.22,0,0,192.15,0,428.39s192.22,428.4,428.4,428.4,428.39-192.22,428.39-428.4S664.64,0,428.4,0Zm47.16,746V611.41A188.3,188.3,0,0,0,530.93,587L426,510.73,323.29,585.37a188.45,188.45,0,0,0,61.94,27V746.48c-141.92-19.19-254.66-131.36-274.64-273H244.88a189.8,189.8,0,0,0,64.71,101.75l39.18-120.52-103-74.84c-.29,1.07-.57,2.14-.86,3.21H110.59c22-155.69,156.19-275.78,317.81-275.78S724.15,227.4,746.27,383.09H611.91q-.75-3.1-1.71-6.21L503.1,454.72,543.27,578.3a189.46,189.46,0,0,0,68.64-104.81H746.27C726.43,613.77,615.62,725.22,475.56,746ZM433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364Zm0,0H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364ZM433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53Zm0,0L473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364Zm0,0H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364ZM433.25,239.53,473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53Zm0,0L473.63,364H606.06C580.23,292.83,512.73,241.45,433.25,239.53ZM250.8,364H378.23l40.39-124.29C341.35,243.59,276.13,294.25,250.8,364Z\"/></g></g></svg>'\r\n            case level < 44 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.79 856.79\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M428.4,0C192.18,0,0,192.18,0,428.39s192.18,428.4,428.4,428.4,428.39-192.18,428.39-428.4S664.61,0,428.4,0Zm47.19,746V578.36l-44.17-23.55-46.23,24.55V746.48c-147-19.87-262.74-139.55-276.45-288.42H300.42l-80.91-90.4H113.15c28.48-148.1,159-260.35,315.25-260.35S715.16,219.56,743.64,367.66H642.41L557,458.06h191C734.47,605.58,620.72,724.5,475.59,746Z\"/><polygon points=\"620.17 352.46 489.81 340.26 431.38 216.68 371.58 340.05 241.87 352.6 330.56 451.71 313.93 585.78 431.45 523.42 548.75 585.92 526.63 451.5 620.17 352.46\"/></g></g></svg>'\r\n            case level < 59 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 813.83 941.21\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M618.31,186.67l-6.82,7.2L547.35,262l.31,1.9c80.28,41.79,139.66,118.39,158.18,209.64-92.42-30.78-193.49-47.71-299.42-47.71-105.53,0-206.21,16.78-298.37,47.34,18-88,73.92-162.29,150-204.95l.76-6.07-66-73.69C77.1,260.21,0,388.4,0,534.26c0,224.4,182.55,407,407,407s406.88-182.55,406.88-407C813.83,387.27,735.44,258.16,618.31,186.67ZM103.79,568.33c44.05-23.79,83-31.3,108.86-33.31,11.82-.91,18.42,13.19,10.46,21.91-30.58,33.27-73,90.9-89.2,113.27A302.36,302.36,0,0,1,103.79,568.33ZM407,839.25A304.16,304.16,0,0,1,190.2,748.66l.46-.31c.61-.53,1.29-1.06,2-1.59,40.34-40.18,79-67.85,115.46-85.82a222.77,222.77,0,0,1,196.81,0c36.46,18,75.13,45.64,115.46,85.82.68.53,1.29,1.06,2,1.59l1,.64A304,304,0,0,1,407,839.25ZM679.56,670.93c-15.79-21.83-58.76-80.37-89.68-114-8-8.72-1.36-22.82,10.39-21.91,26.12,2,65.35,9.62,109.73,33.74A302.79,302.79,0,0,1,679.56,670.93Z\"/><path d=\"M226.69,169.45h0l71.49,79.83h0l.36.44L280.88,392.24l124.86-66.33,124.63,66.41-23.5-142.75,2.48-2.64h0L584,167.87h0l0,0,22.29-23.57-138.51-13L405.66,0,342.13,131.15,204.31,144.49l22.36,24.95Z\"/></g></g></svg>'\r\n            case level < 74 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 842.52 842.52\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M421.26,0C188.58,0,0,188.58,0,421.26S188.58,842.52,421.26,842.52,842.52,653.94,842.52,421.26,653.94,0,421.26,0Zm224,655.91L426.38,516.82l-72.55,53.9L567.52,711A323.5,323.5,0,0,1,259,702.25L334.83,450.1l-71.51-55.27L184.59,643.16A323.89,323.89,0,0,1,106.3,342.6l271-1,31.93-88.13-262.61.15-4,1.26c52.32-87.29,144.47-148,251.15-157l92.89,242.53H577L490.52,104.12c103.46,22.58,188.65,94.57,229.42,190L520.33,446.86,546,533.53,744,386.51a327,327,0,0,1,1.88,34.75C745.91,513.47,707.21,596.76,645.27,655.91Z\"/></g></g></svg>'\r\n            case level < 89 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.86 856.79\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M428.43,0C192.21,0,0,192.18,0,428.39s192.17,428.4,428.39,428.4,428.4-192.18,428.4-428.4S664.65,0,428.43,0Zm0,749.47c-177,0-321.08-144-321.08-321.08s144-321.08,321.08-321.08,321.08,144,321.08,321.08S605.47,749.47,428.43,749.47Z\"/><path d=\"M29.9,271,155.83,258.9A321.79,321.79,0,0,1,351,116.76L407.42.46C235.82,8.81,90.33,118.62,29.9,271ZM533.57,731.67a320.85,320.85,0,0,1-211.42-.43L204.71,793.53a427.93,427.93,0,0,0,446.3.72ZM839.31,306.92,748.55,403c.64,8.34,1,16.76,1,25.25A319.84,319.84,0,0,1,671.63,637.7l21,127.65c100-78.56,164.25-200.43,164.25-337.07A426.42,426.42,0,0,0,839.31,306.92ZM827,271.1C766.46,118.19,620.33,8.17,448,.46L502.6,115.91A322.07,322.07,0,0,1,701.31,259.32ZM107.38,428.28c0-5.85.15-11.63.5-17.33l-91-101.82A426.9,426.9,0,0,0,0,428.28C0,564.14,63.57,685.44,162.61,764l16.55-133.57A319.44,319.44,0,0,1,107.38,428.28Z\"/><path d=\"M795,303.78,542.63,280.09,429.32,40.63l-115.94,239L61.86,304,233.53,495.93l-32.25,260L429.54,634.85,656.72,755.93,613.91,495.5ZM429.07,524.17,322.28,580.84,337.39,459l-80.6-90.06,117.88-11.41L429,245.42l53.11,112.3,118.46,11.09-85,90L535.67,581Z\"/></g></g></svg>'\r\n            case level < 100 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.86 856.22\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M29.9,270.57l125.93-12.13A321.79,321.79,0,0,1,351,116.3L407.42,0C235.82,8.35,90.33,118.16,29.9,270.57ZM533.57,731.21a320.85,320.85,0,0,1-211.42-.43L204.71,793.07a427.93,427.93,0,0,0,446.3.72ZM839.31,306.46l-90.76,96.11c.64,8.34,1,16.76,1,25.25a319.84,319.84,0,0,1-77.92,209.42l21,127.65c100-78.56,164.25-200.43,164.25-337.07A426.42,426.42,0,0,0,839.31,306.46ZM827,270.64C766.46,117.73,620.33,7.71,448,0L502.6,115.45A322.07,322.07,0,0,1,701.31,258.86ZM107.38,427.82c0-5.85.15-11.63.5-17.33l-91-101.82A426.9,426.9,0,0,0,0,427.82C0,563.68,63.57,685,162.61,763.53L179.16,630A319.44,319.44,0,0,1,107.38,427.82Z\"/><path d=\"M793.22,303.32,540.84,279.63,427.54,40.17l-116,239L60.08,303.53,231.75,495.47l-32.25,260L427.75,634.39,654.94,755.47,612.12,495ZM427.32,534.85,309.81,597.21l16.62-134.07L237.74,364l129.72-12.56,59.79-123.37,58.44,123.58,130.36,12.2-93.54,99,22.12,134.43Z\"/></g></g></svg>'\r\n            case level == 100 : return '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 856.86 856.22\"><g id=\"Calque_2\" data-name=\"Calque 2\"><g id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M29.9,270.57l125.93-12.13A321.79,321.79,0,0,1,351,116.3L407.42,0C235.82,8.35,90.33,118.16,29.9,270.57ZM533.57,731.21a320.85,320.85,0,0,1-211.42-.43L204.71,793.07a427.93,427.93,0,0,0,446.3.72ZM839.31,306.46l-90.76,96.11c.64,8.34,1,16.76,1,25.25a319.84,319.84,0,0,1-77.92,209.42l21,127.65c100-78.56,164.25-200.43,164.25-337.07A426.42,426.42,0,0,0,839.31,306.46ZM827,270.64C766.46,117.73,620.33,7.71,448,0L502.6,115.45A322.07,322.07,0,0,1,701.31,258.86ZM107.38,427.82c0-5.85.15-11.63.5-17.33l-91-101.82A426.9,426.9,0,0,0,0,427.82C0,563.68,63.57,685,162.61,763.53L179.16,630A319.44,319.44,0,0,1,107.38,427.82Z\"/><path d=\"M793.22,303.32,540.84,279.63,427.54,40.17l-116,239L60.08,303.53,231.75,495.47l-32.25,260L427.75,634.39,654.94,755.47,612.12,495Z\"/></g></g></svg>'\r\n          }\r\n        },\r\n        mpstokmh(mps) {\r\n            return Math.floor(mps * 3.6)\r\n        },\r\n        mpstomph(mps) {\r\n          return Math.floor(mps * 2.236934)\r\n        },\r\n        carClasshHash(rating) {\r\n            return carClasshHash(rating)\r\n        },\r\n        formatDate(e) {\r\n          return new Date(Date.parse(e)).toLocaleDateString(window.navigator.language, {hour: '2-digit', minute:'2-digit'})\r\n        },\r\n        msToHMS( s ) {\r\n            function pad(n, z) {\r\n                z = z || 2\r\n                return ('00' + n).slice(-z)\r\n            }\r\n        \r\n            var ms = s % 1000\r\n            s = (s - ms) / 1000\r\n            var secs = s % 60\r\n            s = (s - secs) / 60\r\n            var mins = s % 60\r\n            var hrs = (s - mins) / 60\r\n            \r\n            if(hrs > 0)\r\n                return pad(hrs) + ':' + pad(mins) + ':' + pad(secs) + '.' + pad(ms, 3)\r\n            else\r\n                return pad(mins) + ':' + pad(secs) + '.' + pad(ms, 3)\r\n        },\r\n        number_format(number) {\r\n          return Intl.NumberFormat('en-US').format(parseInt(number))\r\n        }\r\n    }\r\n})\r\n\r\n\r\n\r\napp.mount('#app')"],"names":["_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_openBlock","_createBlock","_component_v_expansion_panels","_withCtx","_createVNode","_component_v_expansion_panel","_component_v_expansion_panel_text","dialog","ref","model","props","__props","home","toRefs","getCurrentInstance","streams","fetchTwitchStreams","response","axios","stream","error","onMounted","proxy","DiscordOnline","ServerInformation","number","bgr","background","getDiscord","getServerInformation","res","classes","launchers","ServerStore","defineStore","classs","e","i","item","useRoute","data","hidename","_component_v_card","_component_Skeletor","Server","route","chips_class","GetServerInfo","modes","inputsearch","races","computedRaces","computed","result","racesTemp","search","watch","newValue","oldValue","callCards","Driver","DriverStore","position","emit","__emit","dialogData","refresh","isSameId","deleteRow","race_id","hash","getCarsInfo","copyLink","id","race","closeDialog","router","useRouter","raceDispay","rows","page","nbHits","paginationdisplay","perPage","cars","hashrace","carfiltre","ordertime","showPU","showTAC","f","callRace","callRows","callCars","getStartOfWeek","startOfWeek","day","diff","newPage","parameters","filteredRows","row","toggleTAC","goback","CarFilter","togglePU","items","getStore","_withScopeId","n","_popScopeId","_cache","_createTextVNode","_createElementBlock","_Fragment","_component_v_divider","_hoisted_11","_hoisted_17","_hoisted_23","_hoisted_29","_hoisted_31","_hoisted_33","_hoisted_35","_hoisted_41","_hoisted_47","_hoisted_49","_hoisted_56","_hoisted_62","_hoisted_64","_hoisted_66","_hoisted_73","_hoisted_79","_hoisted_85","_hoisted_91","_hoisted_93","_hoisted_95","_hoisted_101","_hoisted_107","_hoisted_113","_hoisted_119","_hoisted_121","_hoisted_123","_hoisted_129","_hoisted_135","_hoisted_141","_hoisted_147","_hoisted_149","_hoisted_151","_hoisted_157","_hoisted_163","_hoisted_169","_hoisted_175","_hoisted_177","_hoisted_179","_hoisted_180","_hoisted_181","_hoisted_182","_hoisted_183","_hoisted_186","_hoisted_188","_component_center","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_32","_hoisted_34","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","_hoisted_57","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_65","_hoisted_67","_hoisted_68","_hoisted_69","_hoisted_70","_hoisted_71","_hoisted_72","_hoisted_74","_hoisted_75","_hoisted_76","_hoisted_77","_hoisted_78","_hoisted_80","_hoisted_81","_hoisted_82","_hoisted_83","_hoisted_84","_hoisted_86","_hoisted_87","_hoisted_88","_hoisted_89","_hoisted_90","_hoisted_94","_hoisted_96","_hoisted_97","_hoisted_98","_hoisted_99","_hoisted_100","_hoisted_102","_hoisted_103","_hoisted_104","_hoisted_105","_hoisted_106","_hoisted_108","_hoisted_109","_hoisted_110","_hoisted_111","_hoisted_112","_hoisted_114","_hoisted_115","_hoisted_116","_hoisted_117","_hoisted_118","_hoisted_122","_hoisted_124","_hoisted_125","_hoisted_126","_hoisted_127","_hoisted_128","_hoisted_130","_hoisted_131","_hoisted_132","_hoisted_133","_hoisted_134","_hoisted_136","_hoisted_137","_hoisted_138","_hoisted_139","_hoisted_140","_hoisted_142","_hoisted_143","_hoisted_144","_hoisted_145","_hoisted_146","_hoisted_150","_hoisted_152","_hoisted_153","_hoisted_154","_hoisted_155","_hoisted_156","_hoisted_158","_hoisted_159","_hoisted_160","_hoisted_161","_hoisted_162","_hoisted_164","_hoisted_165","_hoisted_166","_hoisted_167","_hoisted_168","_hoisted_170","_hoisted_171","_hoisted_172","_hoisted_173","_hoisted_174","_hoisted_178","_hoisted_184","_hoisted_185","_hoisted_187","tab","done","pink","claimClicked","openInNewTab","url","claim","PlayerDone","currentTime","timer","onUnmounted","handleOpenTab","value","formattedValue","timeRemaining","now","utcNow","cestOffset","cestNow","daysUntilNextMonday","days","hours","minutes","seconds","date_title","playerDone","isPink","playerDoneCount","getCurrentDateCEST","date","offset","currentDate","getWeekNumber","d","yearStart","weekNo","weekNumber","zeroPad","num","places","getDone","getChallenges","year","week","dateChange","y","w","test","_component_v_card_subtitle","getNewContent","getNewCars","crewmanage","request","event","change","refreshmembers","action","type","accept","reject","admin","changePersona","GetUserInfo","drivers","racers","active","count","delayTimer","getCards","b","searchF","getRankDivision","rankName","rankingPoints","rankText","divisionText","getRankImage","activity","removeParentheses","act","_sfc_main","loadScript","CLIENT_ID","paypal","actions","$data","nextRank","rankImages","getNextRankInfo","determineRankAndDivision","points","current","pointsToNext","next","driver","friends","achievements","car_id","driverid","getPlayer","getActivity","getCars","getAchievements","getFriends","tabChanged","capture","deleteall","getBackground","form_district","form_tag","form_name","form_motto","color","valid","tagRules","v","nameRules","mottoRules","save","crews","computedCrews","tempCrew","showingMoulaPopup","showMoulaPopup","crew","members","admins","requests","loading","tag","name","motto","discord","levels","succes","errors","open","discordPublic","ColorRules","callcrew","callactivity","callmembers","getRequest","openSettings","getLevel","buyLevel","uploadCover","fd","XHR","openFile","req","join","leave","requestjoin","canceljoin","OpenSwitch","discordVisibility","deleteforever","Password1","Password2","activate","oui","rotations","getRotation","getCurrentWeek","startDate","Mail","RMail","MailF","Password","RPassword","RPassword2","resetp","errorLogin","errorRegister","reset","newVal","rootUrl","login","register","contributors","pourcent","prize","getEvent","getContributors","routes","Carlist","Login","Discord","Rotation","CarDetails","Home","Challenges","Download","Leaderboards","LeaderboardsRace","to","Drivers","Crews","Crew","LiveMap","Store","Guide","Additional","Reset","Confirm","bugReport","Event","PageNotFound","createRouter","createWebHistory","registerClicked","disconnect","mail","password","snackbar","premium","unlinkdiscord","getRolePremium","getRole","getRoleCrew","role","currency","amount","recipient","recipientRules","filterRecipientInput","app","createApp","VueColorPicker","pseudo","avatar","code","useds","getUsed","PrestigeUp","dialogswitch","modelswitch","subIsActive","input","path","isHome","vuetify","createVuetify","components","directives","pinia","createPinia","PiniaSharedState","AxiosCreate","Axios","config","carClasshHash","rating","addrouterbefore","from","App","VueGtag","VSwatches","Timeago","Skeletor","payload","vSelect","level","mps","s","pad","z","ms","secs","mins","hrs"],"mappings":"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"}