все добавил но звук не работае как и кнопка мута чата , история платежей тоже говно работет

This commit is contained in:
Madara0330E
2024-03-02 20:11:49 +03:00
parent 439e4b032e
commit 999b8ce31e
12 changed files with 170 additions and 20 deletions

View File

@@ -11,6 +11,7 @@
"@popperjs/core": "^2.11.8",
"@vuelidate/core": "^2.0.3",
"@vuelidate/validators": "^2.0.4",
"axios": "^1.6.7",
"bootstrap": "^5.3.2",
"core-js": "^3.8.3",
"howler": "^2.2.4",
@@ -3813,6 +3814,11 @@
"lodash": "^4.17.14"
}
},
"node_modules/asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"node_modules/at-least-node": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -3859,6 +3865,16 @@
"postcss": "^8.1.0"
}
},
"node_modules/axios": {
"version": "1.6.7",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
"integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
"dependencies": {
"follow-redirects": "^1.15.4",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
},
"node_modules/babel-loader": {
"version": "8.3.0",
"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.3.0.tgz",
@@ -4585,6 +4601,17 @@
"resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="
},
"node_modules/combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"dependencies": {
"delayed-stream": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/commander": {
"version": "8.3.0",
"resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
@@ -5366,6 +5393,14 @@
"resolved": "https://registry.npmjs.org/defu/-/defu-6.1.3.tgz",
"integrity": "sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ=="
},
"node_modules/delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/depd": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -6618,10 +6653,9 @@
"dev": true
},
"node_modules/follow-redirects": {
"version": "1.15.3",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
"dev": true,
"version": "1.15.5",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
"integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
"funding": [
{
"type": "individual",
@@ -6637,6 +6671,19 @@
}
}
},
"node_modules/form-data": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"mime-types": "^2.1.12"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -8246,7 +8293,6 @@
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"dev": true,
"engines": {
"node": ">= 0.6"
}
@@ -8255,7 +8301,6 @@
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dev": true,
"dependencies": {
"mime-db": "1.52.0"
},
@@ -9823,6 +9868,11 @@
"node": ">= 0.10"
}
},
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"node_modules/pseudomap": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",

View File

@@ -12,6 +12,7 @@
"@popperjs/core": "^2.11.8",
"@vuelidate/core": "^2.0.3",
"@vuelidate/validators": "^2.0.4",
"axios": "^1.6.7",
"bootstrap": "^5.3.2",
"core-js": "^3.8.3",
"howler": "^2.2.4",

View File

@@ -20,7 +20,20 @@
align-items: center;
height: 100%;
}
.fotosloti {
display: flex;
justify-content: center;
align-items: center;
margin-left: 0.1vh;
}
.fotosloti a img {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
max-width: 100%;
max-height: 100%;
}
.menu__content--gamemodes {
background: rgba(217, 217, 217, 0.12);
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));

View File

@@ -41,7 +41,11 @@
font-size: 18px;
font-weight: 700;
}
.chat__mute-button {
position: absolute;
bottom: 10px;
right: 10px;
}
/* .content p {
width: 80%;
word-wrap: break-word;

View File

@@ -8,9 +8,17 @@
padding-top: 10px;
border-radius: 20px;
}
.profile__card {
display: flex;
flex-direction: column;
}.hisorypaymond {
/* height: 590px; */
height: 70vh;
width: auto;
overflow-y: auto;
overflow-x: auto;
overflow-y: auto;
}
.profile__card h1 {
color: #FFF;

View File

@@ -7,3 +7,25 @@
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin: 10px 39px 18px 13px;
}
#volume-control {
display: flex;
align-items: center;
}
#volume-up, #volume-down {
width: 30px;
height: 30px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
cursor: pointer;
}
#volume-indicator {
width: 100px;
height: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #ccc;
}

View File

@@ -6,7 +6,7 @@
</div>
<div class="menu__btns--gamemodes">
<div class="menu__content--gamemodes">
<a href="#"><img class="menu__content--slots-icon" src="../assets/icons-menu/slots-icon.svg"></a>
<div class="fotosloti"><a href="#"><img src="../assets/icons-menu/slots-icon.svg" ></a></div>
<a href="#" @click="$router.push({ name: 'crash' })"><img class="menu__content--cruch-icon" src="../assets/icons-menu/crush-icon.svg"></a>
<a href="#"><img src="../assets/icons-menu/case-icon.png"></a>
<a href="#" @click="$router.push({ name: 'saper' })"><img class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a>

View File

@@ -31,6 +31,9 @@
</ul>
</div>
<writechat-component @send="ClaimDatamsg"></writechat-component>
<div class="chat__mute-button">
<button @click="muteChat">Mute</button>
</div>
</aside>
</template>
@@ -72,6 +75,10 @@ export default {
alert("Вы не можете отправлять сообщения чаще, чем раз в 2 секунды.");
}
},
muteChat() {
// Mute the chat by disabling the event listener for incoming messages.
this.eventBus.$off("dataChat");
},
},
mounted() {
eventBus.on("dataChat", (dataFromServer) => {
@@ -128,4 +135,5 @@ export default {
</script>
<style scoped>
</style>

View File

@@ -81,7 +81,7 @@
<ul>
<li v-for="mode in twolinefirstelementGameMode" :key="mode">
<div :class="'linecontent-' + mode.id">
<h3 class="title-twoline">{{ mode.title }}</h3>
<h3 class="title-twoline">скоро</h3>
</div>
<div class="container">
<a href="#" class="line__btn"

View File

@@ -13,6 +13,7 @@
</div>
<div class="profile__btns--payments">
<a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
<a href="#" class="withdraw text-btn btn-bg btn-display" @click="claimDataDeposit(1000)"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
<a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
</div>
</div>
@@ -32,6 +33,7 @@
</div>
<div class="types-line"></div>
</div>
<div class="hisorypaymond">
<div class="payments__history">
<div class="payments__card" v-for="payment in arrayHistory" :key="payment.id">
<div class="user-info">
@@ -49,9 +51,10 @@
<div class="transaction-info transaction-info__text" :class="{ 'withdraw-color': payment.amount < 0, 'deposit-color': payment.amount > 0 }">
<h3>{{ payment.amount }} АР</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -110,7 +113,7 @@ export default {
});
})
.catch(error => {
console.error('Error fetching payment history:', error);
console.error('Error fetching hisorypaymond:', error);
});
this.username = GetCookie('SpUserName')
GetCurrentMoney(GetCookie('AUTHTOKEN'), GetCookie('SearchToken'))

View File

@@ -6,7 +6,16 @@
<header-component></header-component>
<section class="settings"></section>
<section class="settings">
<div id="volume-control">
<button id="volume-up" @click="volumeUp">+</button>
<button id="volume-down" @click="volumeDown">-</button>
</div>
</section>
</div>
</template>
@@ -19,10 +28,42 @@ import HeaderComponent from "@/components/HeaderComponent.vue";
import '@/assets/css/PagesStyles/settings.css'
export default {
components: {
ChatComponent,
HeaderComponent,
AsideBarComponent
}
ChatComponent,
HeaderComponent,
AsideBarComponent
},
methods: {
volumeUp() {
var volume = document.getElementById("volume-indicator").value;
if (volume) {
volume += 10;
if (volume > 100) {
volume = 100;
}
document.getElementById("volume-indicator").value = volume;
} else {
console.error("Element with id 'volume-indicator' not found or does not have a value property.");
}
},
// остальной код метода volumeDown()
volumeDown() {
// Получить текущий уровень громкости
var volume = document.getElementById("volume-indicator").value;
// Уменьшить уровень громкости на 10%
volume -= 10;
// Убедиться, что уровень громкости не ниже 0%
if (volume < 0) {
volume = 0;
}
// Установить новый уровень громкости
document.getElementById("volume-indicator").value = volume;
},
},
}
</script>