168 lines
7.6 KiB
HTML
168 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./responsive.css" />
|
|
<link rel="stylesheet" href="./index.css" />
|
|
<link rel="stylesheet" href="./fonts.css" />
|
|
<link rel="stylesheet" href="./components/vehshopleft/index.css" />
|
|
<link rel="stylesheet" href="./components/vehshopright/index.css" />
|
|
<link rel="stylesheet" href="./components/vehicleslist/index.css" />
|
|
<link rel="stylesheet" href="./components/bill/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/main/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/vehicles/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/stockmarket/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/employee/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/history/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/settings/index.css" />
|
|
<link rel="stylesheet" href="./components/bossmenu/components/vault/index.css" />
|
|
<link rel="stylesheet" href="./components/adminmenu/index.css" />
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="./components/header/index.css" />
|
|
<script src="./vue/vue.global.js"></script>
|
|
<script src="./vue/vuex.global.js"></script>
|
|
<script src="./utils/postNui.js"></script>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" style="display: none">
|
|
<div class="job-offer-request" v-if="showOfferRequest">
|
|
<div class="relative w-full h-full flex flex-col items-center gap-y-3">
|
|
<img src="./assets/images/job-offer-overlay.png" />
|
|
<h1 class="mt-6">{{locales.received_job_offer}}</h1>
|
|
<div class="flex items-center gap-x-3">
|
|
<div class="job-offer-request-button">
|
|
<div>N</div>
|
|
<p>{{locales.decline}}</p>
|
|
</div>
|
|
<div class="job-offer-request-button">
|
|
<div>Y</div>
|
|
<p>{{locales.view_offer}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="job-offer-modal" v-if="jobOfferModal">
|
|
<div class="relative w-[40.75rem] h-[49.75rem]">
|
|
<img src="./assets/images/job-offer-modal-overlay.png" class="job-offer-modal-overlay" />
|
|
<div class="flex flex-col gap-y-5 pt-16 items-center">
|
|
<img src="./assets/images/pdm-logo.png" class="w-[13rem] h-[6.25rem] object-cover" />
|
|
<p class="job-offer-text">{{locales.job_offer}}</p>
|
|
<div class="job-offer-modal-container px-4 items-center py-4 flex flex-col gap-y-4">
|
|
<img src="./assets/images/offer-icon.png" class="w-[2.5rem] h-[2.5rem] object-cover" />
|
|
<h1 class="offer-modal-header">{{locales.position}}</h1>
|
|
<div class="offer-modal-info">{{offerData.position}}</div>
|
|
<h1 class="offer-modal-header">{{locales.salary}}</h1>
|
|
<div class="offer-modal-info">{{currency}}{{numberWithSpaces(offerData.salary)}}</div>
|
|
<div class="offer-line"></div>
|
|
<div class="accept-offer-button cursor-pointer" @click="acceptOffer">{{locales.accept_offer}}</div>
|
|
<div
|
|
class="decline-offer-button cursor-pointer"
|
|
@click="jobOfferModal=false;offerData = {
|
|
id : false,
|
|
position : false,
|
|
salary : false,
|
|
};postNUI('unfocus')"
|
|
>
|
|
{{locales.decline_offer}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="notifications" v-if="page != 'bossmenu'">
|
|
<Transition name="fade">
|
|
<div v-if="notification.text && notification.type" class="notification" :class="{[notification.type]:true}">
|
|
<img :src="'./assets/images/' + notification.type + '.png'" />
|
|
<p>{{notification.text}}</p>
|
|
</div>
|
|
</Transition>
|
|
</div>
|
|
<bill v-if="showBill && page == 'vehicleshop'"></bill>
|
|
<bossmenu v-if="page == 'bossmenu'"></bossmenu>
|
|
<adminmenu v-if="page == 'adminmenu'"></adminmenu>
|
|
<div class="vehicleshop-wrapper" v-if="page == 'vehicleshop' && !testMode">
|
|
<img class="bottom-left-overlay" src="./assets/images/bottom-left-overlay.png" />
|
|
<img class="bottom-right-overlay" src="./assets/images/bottom-right-overlay.png" />
|
|
<img class="top-left-overlay" src="./assets/images/top-left-overlay.png" />
|
|
<img class="top-right-overlay" src="./assets/images/top-right-overlay.png" />
|
|
<vehheader></vehheader>
|
|
<div class="w-full h-[85%] flex justify-between relative" style="z-index: 5">
|
|
<template v-if="!viewMode">
|
|
<vehicleslist v-if="selectedCategory"></vehicleslist>
|
|
<vehshopleft v-else></vehshopleft>
|
|
<vehshopright v-if="selectedVehicle"></vehshopright>
|
|
</template>
|
|
</div>
|
|
<div v-if="viewMode" class="view-mode"></div>
|
|
<div class="flex items-center justify-between">
|
|
<img class="w-[32rem] h-[.125rem] object-cover" src="./assets/images/divider.png" />
|
|
<template v-if="!viewMode">
|
|
<div class="flex items-center gap-x-3 justify-center">
|
|
<div @click="testVehicle()" class="bottom-button">
|
|
<p>{{locales.test}}</p>
|
|
<p>{{locales.test}}</p>
|
|
<p>{{locales.test}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-x-3 justify-center">
|
|
<div @click="buyVehicle" class="bottom-button bottom-button-big-text">
|
|
<p>{{locales.buy}}</p>
|
|
<p>{{locales.buy}}</p>
|
|
<p>{{locales.buy}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-x-3 justify-center">
|
|
<div @click="setViewMode(true)" class="bottom-button">
|
|
<p>{{locales.view}}</p>
|
|
<p>{{locales.view}}</p>
|
|
<p>{{locales.view}}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
<div class="flex items-center gap-x-3 justify-center">
|
|
<div @click="setViewMode(false)" class="bottom-button">
|
|
<p>{{locales.exit_view}}</p>
|
|
<p>{{locales.exit_view}}</p>
|
|
<p>{{locales.exit_view}}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<img class="w-[32rem] h-[.125rem] object-cover" src="./assets/images/divider.png" />
|
|
</div>
|
|
</div>
|
|
<div class="vehicleshop-wrapper-without-overlay" v-else-if="page == 'vehicleshop' && testMode">
|
|
<div class="vehshop-header w-full flex-end justify-end relative z-[3]">
|
|
<div class="flex exit-vehshop w-full justify-end flex-end items-center gap-x-4">
|
|
<p v-html="locales.exit_test"></p>
|
|
<div style="width: 5.5rem">BACKSPACE</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<img class="w-[32rem] h-[.125rem] object-cover" src="./assets/images/divider.png" />
|
|
<div class="flex items-center gap-x-3 justify-center">
|
|
<div class="bottom-button bottom-button-big-text">
|
|
<p>{{formatRemainTestTime}} {{locales.remained}}</p>
|
|
<p>{{formatRemainTestTime}} {{locales.remained}}</p>
|
|
<p>{{formatRemainTestTime}} {{locales.remained}}</p>
|
|
</div>
|
|
</div>
|
|
<img class="w-[32rem] h-[.125rem] object-cover" src="./assets/images/divider.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="module" src="./utils/inlineSvg.js"></script>
|
|
<script type="module" src="./utils/importTemplate.js"></script>
|
|
<script type="module" src="./index.js"></script>
|
|
</html>
|