diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9491a2f --- /dev/null +++ b/.gitignore @@ -0,0 +1,363 @@ +## Ignore Visual Studio temporary files, build results, and +## files generated by popular Visual Studio add-ons. +## +## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore + +# User-specific files +*.rsuser +*.suo +*.user +*.userosscache +*.sln.docstates + +# User-specific files (MonoDevelop/Xamarin Studio) +*.userprefs + +# Mono auto generated files +mono_crash.* + +# Build results +[Dd]ebug/ +[Dd]ebugPublic/ +[Rr]elease/ +[Rr]eleases/ +x64/ +x86/ +[Ww][Ii][Nn]32/ +[Aa][Rr][Mm]/ +[Aa][Rr][Mm]64/ +bld/ +[Bb]in/ +[Oo]bj/ +[Oo]ut/ +[Ll]og/ +[Ll]ogs/ + +# Visual Studio 2015/2017 cache/options directory +.vs/ +# Uncomment if you have tasks that create the project's static files in wwwroot +#wwwroot/ + +# Visual Studio 2017 auto generated files +Generated\ Files/ + +# MSTest test Results +[Tt]est[Rr]esult*/ +[Bb]uild[Ll]og.* + +# NUnit +*.VisualState.xml +TestResult.xml +nunit-*.xml + +# Build Results of an ATL Project +[Dd]ebugPS/ +[Rr]eleasePS/ +dlldata.c + +# Benchmark Results +BenchmarkDotNet.Artifacts/ + +# .NET Core +project.lock.json +project.fragment.lock.json +artifacts/ + +# ASP.NET Scaffolding +ScaffoldingReadMe.txt + +# StyleCop +StyleCopReport.xml + +# Files built by Visual Studio +*_i.c +*_p.c +*_h.h +*.ilk +*.meta +*.obj +*.iobj +*.pch +*.pdb +*.ipdb +*.pgc +*.pgd +*.rsp +*.sbr +*.tlb +*.tli +*.tlh +*.tmp +*.tmp_proj +*_wpftmp.csproj +*.log +*.vspscc +*.vssscc +.builds +*.pidb +*.svclog +*.scc + +# Chutzpah Test files +_Chutzpah* + +# Visual C++ cache files +ipch/ +*.aps +*.ncb +*.opendb +*.opensdf +*.sdf +*.cachefile +*.VC.db +*.VC.VC.opendb + +# Visual Studio profiler +*.psess +*.vsp +*.vspx +*.sap + +# Visual Studio Trace Files +*.e2e + +# TFS 2012 Local Workspace +$tf/ + +# Guidance Automation Toolkit +*.gpState + +# ReSharper is a .NET coding add-in +_ReSharper*/ +*.[Rr]e[Ss]harper +*.DotSettings.user + +# TeamCity is a build add-in +_TeamCity* + +# DotCover is a Code Coverage Tool +*.dotCover + +# AxoCover is a Code Coverage Tool +.axoCover/* +!.axoCover/settings.json + +# Coverlet is a free, cross platform Code Coverage Tool +coverage*.json +coverage*.xml +coverage*.info + +# Visual Studio code coverage results +*.coverage +*.coveragexml + +# NCrunch +_NCrunch_* +.*crunch*.local.xml +nCrunchTemp_* + +# MightyMoose +*.mm.* +AutoTest.Net/ + +# Web workbench (sass) +.sass-cache/ + +# Installshield output folder +[Ee]xpress/ + +# DocProject is a documentation generator add-in +DocProject/buildhelp/ +DocProject/Help/*.HxT +DocProject/Help/*.HxC +DocProject/Help/*.hhc +DocProject/Help/*.hhk +DocProject/Help/*.hhp +DocProject/Help/Html2 +DocProject/Help/html + +# Click-Once directory +publish/ + +# Publish Web Output +*.[Pp]ublish.xml +*.azurePubxml +# Note: Comment the next line if you want to checkin your web deploy settings, +# but database connection strings (with potential passwords) will be unencrypted +*.pubxml +*.publishproj + +# Microsoft Azure Web App publish settings. Comment the next line if you want to +# checkin your Azure Web App publish settings, but sensitive information contained +# in these scripts will be unencrypted +PublishScripts/ + +# NuGet Packages +*.nupkg +# NuGet Symbol Packages +*.snupkg +# The packages folder can be ignored because of Package Restore +**/[Pp]ackages/* +# except build/, which is used as an MSBuild target. +!**/[Pp]ackages/build/ +# Uncomment if necessary however generally it will be regenerated when needed +#!**/[Pp]ackages/repositories.config +# NuGet v3's project.json files produces more ignorable files +*.nuget.props +*.nuget.targets + +# Microsoft Azure Build Output +csx/ +*.build.csdef + +# Microsoft Azure Emulator +ecf/ +rcf/ + +# Windows Store app package directories and files +AppPackages/ +BundleArtifacts/ +Package.StoreAssociation.xml +_pkginfo.txt +*.appx +*.appxbundle +*.appxupload + +# Visual Studio cache files +# files ending in .cache can be ignored +*.[Cc]ache +# but keep track of directories ending in .cache +!?*.[Cc]ache/ + +# Others +ClientBin/ +~$* +*~ +*.dbmdl +*.dbproj.schemaview +*.jfm +*.pfx +*.publishsettings +orleans.codegen.cs + +# Including strong name files can present a security risk +# (https://github.com/github/gitignore/pull/2483#issue-259490424) +#*.snk + +# Since there are multiple workflows, uncomment next line to ignore bower_components +# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) +#bower_components/ + +# RIA/Silverlight projects +Generated_Code/ + +# Backup & report files from converting an old project file +# to a newer Visual Studio version. Backup files are not needed, +# because we have git ;-) +_UpgradeReport_Files/ +Backup*/ +UpgradeLog*.XML +UpgradeLog*.htm +ServiceFabricBackup/ +*.rptproj.bak + +# SQL Server files +*.mdf +*.ldf +*.ndf + +# Business Intelligence projects +*.rdl.data +*.bim.layout +*.bim_*.settings +*.rptproj.rsuser +*- [Bb]ackup.rdl +*- [Bb]ackup ([0-9]).rdl +*- [Bb]ackup ([0-9][0-9]).rdl + +# Microsoft Fakes +FakesAssemblies/ + +# GhostDoc plugin setting file +*.GhostDoc.xml + +# Node.js Tools for Visual Studio +.ntvs_analysis.dat +node_modules/ + +# Visual Studio 6 build log +*.plg + +# Visual Studio 6 workspace options file +*.opt + +# Visual Studio 6 auto-generated workspace file (contains which files were open etc.) +*.vbw + +# Visual Studio LightSwitch build output +**/*.HTMLClient/GeneratedArtifacts +**/*.DesktopClient/GeneratedArtifacts +**/*.DesktopClient/ModelManifest.xml +**/*.Server/GeneratedArtifacts +**/*.Server/ModelManifest.xml +_Pvt_Extensions + +# Paket dependency manager +.paket/paket.exe +paket-files/ + +# FAKE - F# Make +.fake/ + +# CodeRush personal settings +.cr/personal + +# Python Tools for Visual Studio (PTVS) +__pycache__/ +*.pyc + +# Cake - Uncomment if you are using it +# tools/** +# !tools/packages.config + +# Tabs Studio +*.tss + +# Telerik's JustMock configuration file +*.jmconfig + +# BizTalk build output +*.btp.cs +*.btm.cs +*.odx.cs +*.xsd.cs + +# OpenCover UI analysis results +OpenCover/ + +# Azure Stream Analytics local run output +ASALocalRun/ + +# MSBuild Binary and Structured Log +*.binlog + +# NVidia Nsight GPU debugger configuration file +*.nvuser + +# MFractors (Xamarin productivity tool) working folder +.mfractor/ + +# Local History for Visual Studio +.localhistory/ + +# BeatPulse healthcheck temp database +healthchecksdb + +# Backup folder for Package Reference Convert tool in Visual Studio 2017 +MigrationBackup/ + +# Ionide (cross platform F# VS Code tools) working folder +.ionide/ + +# Fody - auto-generated XML schema +FodyWeavers.xsd \ No newline at end of file diff --git a/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css b/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css index 639765a..9341599 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css @@ -28,14 +28,14 @@ .menu__content--chest-icon { margin-left: -1px; transition: 250ms; - width: 100%; - height: 100%; + width: 80px; + height: 80px; } .menu__content--chest-icon:hover { - margin-left: -5px; - height: 125%; - width: 125%; + margin-left: -2px; + height: 100px; + width: 100px; } .menu__btn--home { diff --git a/luckydiamond/src/assets/css/ComponentsStyles/developer.css b/luckydiamond/src/assets/css/ComponentsStyles/developer.css index 7554e31..bae62e5 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/developer.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/developer.css @@ -4,10 +4,10 @@ align-items: center; display: flex; justify-content: center; - width: 1332px; + width: 100%; height: 732px; margin-top: 10px; - margin-left: 65px; + } .bottom_card { width: 1332px; @@ -18,8 +18,7 @@ margin-left: 295px; } .top_card { - width: 1204px; - height: 443px; + width: 100%; display: flex; justify-content: space-between; margin-left: 287px; @@ -397,7 +396,84 @@ display: flex; } /*the and FUpir_card 1*/ +/*beginning Swino4ka_card 1*/ +.Swino4ka_card { + width: 250px; + height: 443px; + background-color: #6b4d3f; + border: 3px solid #595959 ; + border-color: #595959; + border-radius: 22px; +} +.Swino4ka_text_2 { + width: 244px; + height: 221.5px; + display: inline-block; + flex-flow: column-reverse; + +} +.Swino4ka_aboutinfo_2 { + margin-top: 30px; + margin-left: 19px; + +} +.Swino4ka_aboutinfo_2 p { + font-family: 'Montserrat'; + color: white; + font-size: 14px; + width: 79px; + height: 19px; + margin-left: 4px; +} +.Swino4ka_aboutinfo_2 h1 { + font-family: 'Montserrat'; + color: white; + font-size: 32px; + width: 177px; + height: 37px; + line-height: 30px; +} +.Swino4ka_whatjob_1 { + display: flex; + width: 183px; + height: 16px; + margin-left: 19px; + font-family: 'Montserrat'; + margin-top: 30px; + +} +.Swino4ka_whatjob_1 img { + width: 15px; + height: 17px; +} +.Swino4ka_whatjob_1 p { + margin-left: 3px; + +} + +.Swino4ka_skin_2 { + width: 244px; + height: 221.5px; + display: inline-block; + display: flex; + align-items: center; + justify-content: center; +} +.Swino4ka_skin_2_skin { + width: 212px; + height: 212px; + background-image: url(https://avatar.spworlds.ru/front/212/Swino4ka.png); + justify-content: space-around; + display: flex; + align-items: flex-end; + margin-bottom: 3px; +} +.Swino4ka_skinicons1 { + justify-content: space-around; + display: flex; +} +/*the and Swino4ka_card 1*/ /*beginning busha888_card 1*/ .busha888_card { width: 422px; @@ -485,10 +561,11 @@ } /*the and busha888_card 1*/ -/*beginning megatntmega_card 1*/ -.megatntmega_card { +/*beginning GEDPOOL31_card 1*/ +.GEDPOOL31_card { width: 422px; height: 269px; + flex-direction: row; border-radius: 22px; border: 3px solid #595959 ; border-color: #595959; @@ -498,32 +575,33 @@ } -.megatntmega_text { - width: 211px; +.GEDPOOL31_text { + width: 200px; height: 269px; } -.megatntmega_aboutinfo { +.GEDPOOL31_aboutinfo { margin-top: 30px; margin-left: 15px; } -.megatntmega_aboutinfo p { +.GEDPOOL31_aboutinfo p { font-family: 'Montserrat'; color: white; font-size: 14px; - + width: 200px; height: 16px; + } -.megatntmega_aboutinfo h1 { +.GEDPOOL31_aboutinfo h1 { font-family: 'Montserrat'; color: white; font-size: 32px; } -.megatntmega_whatjob { +.GEDPOOL31_whatjob { display: flex; width: 183px; height: 16px; @@ -533,15 +611,15 @@ margin-top: 30px; } -.megatntmega_whatjob p { +.GEDPOOL31_whatjob p { margin-left: 3px; margin-top: 3px; } -.megatntmega_whatjob img { +.GEDPOOL31_whatjob img { width: 25px; - height: 24px; + height: 25px; } -.megatntmega_icons { +.GEDPOOL31_icons { width: 79px; height: 36px; justify-content: space-around; @@ -550,23 +628,23 @@ margin-left: 72px; margin-bottom: 11px; } -.megatntmega_icons img { +.GEDPOOL31_icons img { + display: flex; width: 36px; height: 36px; } -.megatntmega_skin { +.GEDPOOL31_skin { margin-top: 51px; margin-bottom: 3px; display: flex; width: 212px; height: 212px; - background-image: url(https://avatar.spworlds.ru/front/212/megatntmega.png); } -.megatntmega_skin img { +.GEDPOOL31_skin img { width: 212px; height: 212px; } -/*the and megatntmega_card 1*/ +/*the and GEDPOOL31_card 1*/ /*beginning CLARFFY_card 1*/ .CLARFFY_card { @@ -659,11 +737,15 @@ align-items: center; display: flex; justify-content: center; - width: 1332px; + width: 100%; height: 732px; margin-top: 80px; - margin-left: 142px; + + + } + .top_card { + width: 90%; } } diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css index 0c413eb..4be0657 100644 --- a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css @@ -1,3 +1,12 @@ +.classMenegerCrash { + display: flex; + + flex-direction: row; + } + .classNoMenegerCrash { + margin-top: 7.4vh; + margin-left: 1vh; + } .crash-content { display: grid; grid-template-columns: repeat(6, 1fr); diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css new file mode 100644 index 0000000..05bd2f2 --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css @@ -0,0 +1,325 @@ +.bet-button { + border: none; + padding: 10px 20px; + margin: 5px; + border-radius: 10px; + color: white; + font-weight: bold; + cursor: pointer; + transition: transform 0.1s ease; + outline: none; +} + +/* Цвета для кнопок */ +.bet-button.red { + background-color: #863443; +} + +.bet-button.green { + background-color: #2D4940; +} + +.bet-button.black { + background-color: #202333; +} + +/* Стили для нажатой кнопки */ +.bet-button:active { + transform: scale(0.95); + /* Уменьшение при нажатии */ +} + +.bet-button.active { + opacity: 0.7; + /* Пример изменения стиля активной кнопки */ +} + +/* Можно добавить тени для кнопок, чтобы они выглядели объемнее */ +.bet-button { + margin: 1.2% 0 0 5.8%; + margin-bottom: 1vh; + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); +} + +/* Стиль для тени при нажатии (опционально) */ +.bet-button:active { + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); +} + +.double-start { + z-index: 1; + border-radius: 20px; + background: #1D223E; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 42vh; + height: 37vh; + border: 1px solid #262C55; + margin: 2.6%; + margin-top: 0px; +} + +.double-game { + z-index: 1; + border-radius: 20px; + width: 69%; + height: 94%; +} + +.double-ui-component { + display: flex; + align-items: center; + background-color: #25325A; + border-radius: 15px; + /* padding: 10px 20px; */ + padding-right: 2vh; + padding-bottom: 1vh; + padding-top: 1vh; + padding-left: 2vh; + margin-bottom: 1vh; + max-width: 300px; + color: white; + font-family: Arial, sans-serif; + /* background: linear-gradient(to right, #1C213390 50%, #2F5139); */ +} + +.double-ui-component-gradient { + background: linear-gradient(to right, #1C213390 50%, #2F5139); +} + +/* .double-ui-component img {} */ + +.double-ui-component .double-username { + flex-grow: 1; + text-align: left; + margin-left: 1vh; + font-size: 18px; + font-family: Montserrat; + font-weight: bold; + color: #515D83; +} + +.double-ui-component .double-score { + display: flex; + align-items: center; +} + +.double-score { + font-size: 20px; + font-family: Montserrat; + font-weight: bold; + color: #748985; +} + +.double-img-user { + margin-top: 6px; +} + +.double-ui-component .double-score img { + width: 3vh; + height: 3vh; + margin-left: 10px; +} + +.double-members-ingame-red { + overflow-y: auto; + background: linear-gradient(to bottom right, + #A9373C, + #1C2133 20%); + z-index: 1; + border: 2px solid #3B4260; + border-radius: 15px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + margin-top: 1vh; + width: 100%; + height: 49vh; + /* height: 94%; */ + padding: 2vh; +} + +.double-members-ingame-green { + overflow-y: auto; + background: linear-gradient(to bottom right, + #345D3B, + #1C2133 20%); + z-index: 1; + border: 2px solid #3B4260; + border-radius: 15px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + margin-top: 1vh; + width: 100%; + height: 49vh; + /* height: 94%; */ + padding: 2vh; +} + +.double-members-ingame-black { + overflow-y: auto; + background: linear-gradient(to bottom right, + #1B1A1A, + #1C2133 26%); + z-index: 1; + border: 2px solid #3B4260; + border-radius: 15px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + margin-top: 1vh; + margin-top: 1vh; + width: 100%; + /* height: 94%; */ + height: 49vh; + padding: 2vh; +} + +.double-members-flex-container { + display: flex; + justify-content: space-between; + align-items: center; + color: white; + margin-bottom: 2vh; +} + +.double-red-box { + display: flex; + align-items: baseline; + font-size: 18px; + font-family: Montserrat; + font-weight: bold; + color: #B64848; +} + +.double-white-box { + display: flex; + align-items: baseline; + font-size: 18px; + font-family: Montserrat; + font-weight: bold; + color: FEEBEB; +} + +.double-green-box { + display: flex; + align-items: baseline; + font-size: 18px; + font-family: Montserrat; + font-weight: bold; + color: #5EA25C; +} + +.double-number-color { + color: #56629A; + font-weight: bold; + font-size: 18px; + font-family: Montserrat; +} + +.double-red-box span { + font-size: larger; + /* Or any specific size */ + margin-left: 5px; + /* Spacing between RED and X2 */ +} + +.double-user-icon { + display: flex; + align-items: center; +} + +.double-user-icon .double-user-icon-span { + background-image: url('../../../icons-games/double-game/MembersInGame.png'); + width: 20px; + height: 20px; + margin-right: 5px; +} + +.double-game { + z-index: 1; + border-radius: 20px; + width: 69%; + height: 94%; +} + +.double-game-main-box { + border-radius: 10px; + border: 1px solid #262C55; + padding-top: 4vh; + padding-bottom: 4vh; + padding-left: 0vh !important; + padding-right: 0vh !important; + background: #1A1F37; + margin-bottom: 1vh !important; +} + +.double-carousel { + z-index: 1; + position: relative; + background: #2E2D37; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 100%; + margin-top: 1px; + border: 1vh solid #2E2D37; + border-right: 0vh !important; + border-left: 0vh !important; + height: 95%; +} + +.container-double-history-text { + display: flex; +} + +.double-history-text { + background-color: #728DF8; + border: none; + color: #0E1220; + padding-right: 1vh; + padding-left: 1vh; + font-size: 16px; + margin: 4px 2px; + border-radius: 5px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + font-size: 18px; + font-family: Montserrat; + font-weight: bold; +} + +.double-carousel-arrow { + position: absolute; + bottom: -3vh; + left: 50%; + transform: translateX(-50%); + color: #728DF8; + font-size: 24px; +} + +.double-carousel-arrow-animate { + animation: blink 1s infinite; +} + +@keyframes blink { + + 0%, + 100% { + opacity: 1; + } + + 50% { + opacity: 0; + } +} + +.double-carousel-arrow-upper { + position: absolute; + top: -3vh; + left: 50%; + transform: translateX(-50%) rotate(180deg); + color: #728DF8; + font-size: 24px; +} + +.double-game-history-main-box { + border-radius: 20px; + border: 1px solid #262C55; + padding-top: 1vh; + padding-bottom: 0vh; + padding-left: 1vh; + padding-right: 0vh; + background: #1A1F37; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css index a3bce2b..b74b340 100644 --- a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css @@ -11,6 +11,15 @@ /* margin-top: 2.6%; */ margin: 2.6%; } +.classMeneger { + display: flex; + + flex-direction: row; + } + .classNoMeneger { + margin-left: 1vh; + margin-top: 2.4vh; + } .jackpot-loading-bar { z-index: 1; @@ -47,17 +56,12 @@ .carousel-arrow { position: absolute; bottom: -20px; - /* Регулируйте положение стрелки относительно нижнего края карусели */ left: 50%; - /* Центрирование стрелки по горизонтали */ transform: translateX(-50%); - /* Дополнительное центрирование, чтобы точка указывала точно на центр */ color: #728DF8; - /* Цвет стрелки */ font-size: 24px; - /* Размер стрелки */ - /* Добавьте любые дополнительные стили, такие как цвет фона, границы и т.д. */ } + .jackpot-useringame-list{ margin-top: 3.5%; overflow-y: auto; diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css index 3f2c7eb..41a4058 100644 --- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css @@ -6,7 +6,15 @@ backdrop-filter: blur(100px); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } - +.classMenegerSaper { + display: flex; + + flex-direction: row; + } + .classNoMenegerSaper { + margin-left: 1vh; + margin-top: 2.4vh; + } .bg { background: #293561; filter: blur(120px); @@ -150,7 +158,8 @@ #diamonds-input { /* width: 347px; height: 38px; */ - width: 37vh; + /* width: 37vh; */ + width: 36vh; height: 4vh; } diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index 01dfcb0..9dc61e5 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -37,6 +37,7 @@ text-transform: uppercase; } + @keyframes RaindowAnimate { from { color: #6EEB21; @@ -90,6 +91,7 @@ } .bg-card { + border-radius: 40px; background: #EF4444; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); @@ -97,8 +99,9 @@ .bg-early{ border-radius: 40px; - background: #969B9E; + background: #EF4444; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + height: 21.5vh; } .gamemode__main { @@ -260,6 +263,29 @@ position: relative; bottom: 5%; left: 2%; + transition: 250ms; + height: 7vh; + +} + + +.line__btn--doubl { + border-radius: 21px; + background: #FFF; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + color: #000; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 36px; + font-weight: 700; + padding: 11px 0px 11px 11px; + text-decoration: none; + text-transform: uppercase; + position: relative; + bottom: 5%; + left: 2%; + height: 7.4vh; + width: 16vh; transition: 250ms; } @@ -268,6 +294,7 @@ opacity: 0; transition: 250ms; right: 20; + } .line__btn--crash:hover span:after { @@ -281,7 +308,28 @@ } .line__btn--crash:active { - left: 5%; + left: 2%; + } + .line__btn--doubl span:after { + content: '\00bb'; + opacity: 0; + transition: 250ms; + right: 0; + } + +.line__btn--doubl:hover span:after { + opacity: 1; + right: 0; + padding-right: 0px; + } + +.line__btn--doubl:hover { + padding:11px 11px 11px 22px ; + width: 20vh; + } + +.line__btn--doubl-:active { + left: 2%; } .line__btn__jackpot { @@ -325,6 +373,7 @@ .line__btn--elm { color: #000; font-size: 38px ; + } .line__btn--elm--saper { @@ -357,7 +406,7 @@ .gamemode__twoline--first__element { width: 100%; margin: 2% 3.6% 0 5.5%; - min-height: 180px; + min-height: 209px; } .linecontent-3 { @@ -370,35 +419,40 @@ color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: Montserrat Alternates; - font-size: 80px; + font-size: 60px; font-weight: 700; text-transform: uppercase; padding: 4.5% 2.2%; } -.gamemode__twoline--first__element .container { - display: flex; - justify-content: center; - align-items: center; -} -.gamemode__twoline--first__element .container a { - margin-right: 10%; - padding: 12px 10px; - margin-bottom: 3%; -} .gamemode__twoline--two__element { margin-top: 2%; width: 100%; min-height: 180px; + height:22.3vh ; + } - +.container {} .gamemode__twoline--two__element .container { display: flex; justify-content: center; + + + +} +.linecontent-4 { + +} +.iconsGame { + bottom: 20px; + height: 20vh; +} +.ButtonPlayDouble { + width: 20vh; + margin-top: 1.6vh; } - .gamemode__twoline--two__element .container a { margin-right: 10%; } @@ -406,6 +460,21 @@ .cumming_soon--img { margin-bottom: 4%; } +.gamemode__twoline--two__element { + margin-top: 2%; + width: 100%; + min-height: 180px; +} + +.gamemode__twoline--first__element .container { + display: flex; + justify-content: center; + +} + +.gamemode__twoline--first__element .container a { + margin-right: 10%; +} /* /GameMode */ @@ -430,7 +499,7 @@ } .title-twoline { - font-size: 60px; + font-size: 40px; } .line__img__jackpot { @@ -472,11 +541,7 @@ width: 80px; } - .gamemode__twoline--first__element .container a { - margin-right: 10%; - padding: 2px 11px 11px 11px; - margin-bottom: 3%; - } + .line__btn__jackpot { border-radius: 16px; @@ -490,8 +555,8 @@ } .crash--img { - height: 60px; - width: 60px; + height: 128px; + width: 128px; } .line__content { @@ -506,7 +571,7 @@ } .title-twoline { - font-size: 40px; + font-size: 20px; } .line__img__jackpot { @@ -549,11 +614,7 @@ width: 80px; } - .gamemode__twoline--first__element .container a { - margin-right: 10%; - padding: 2px 11px 11px 11px; - margin-bottom: 3%; - } + .line__btn__jackpot { border-radius: 10px; @@ -575,15 +636,16 @@ height: 265px; } - .gamemode__twoline--first__element { - width: 100%; - margin: 0 3.6% 0 5.5%; - min-height: 60px; - } + .gamemode__twoline--two__element { margin-top: 0; width: 100%; min-height: 60px; } + .gamemode__twoline--first__element { + margin-top: 0; + width: 100%; + min-height: 60px; + } } \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/jackpot-history.css b/luckydiamond/src/assets/css/PagesStyles/jackpot-history.css new file mode 100644 index 0000000..221dc06 --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/jackpot-history.css @@ -0,0 +1,67 @@ +.jackpot-history__content { + display: flex; + max-height: 800px; + overflow-y: auto; + margin: 0 auto; +} + +.jackpot-history__element { + display: flex; + flex-direction: column; + flex-wrap: wrap; + margin: 15px; +} + +.abc { + +} + +.element-info { + display: flex; + align-items: center; +} + +.element-info .element-info__icon img { + height: 50px; +} + +.element-info .element-info__user-info { + margin-left: 4px; +} + +.element-info .element-info__user-info .username { + color: #515D83; + font-family: 'Montserrat'; + font-weight: 700; + font-size: 20px; +} + +.element-info .element-info__user-info .user-deposit { + font-family: 'Montserrat'; + font-weight: 700; + font-size: 20px; + +} + +.element-info .element-info__user-info .img-width img { + width: 16px; + height: 16px; +} + +.element-chance { + margin-top: 10px; +} + +.element-chance h2 { + font-family: 'Montserrat'; + font-weight: 700; + font-size: 18px; + text-align: center; + background: #27345C; + border-radius: 7px; +} + +.element-chance .chance-style { + color: #EF4444; + margin-left: 2px; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/settings.css b/luckydiamond/src/assets/css/PagesStyles/settings.css index 6d73a79..9d8749a 100644 --- a/luckydiamond/src/assets/css/PagesStyles/settings.css +++ b/luckydiamond/src/assets/css/PagesStyles/settings.css @@ -76,3 +76,56 @@ background: red; /* Цвет фона трека для Firefox */ height: 8px; /* Высота трека для Firefox */ } + + + +/* toggle in label designing */ +.toggle { + position : relative ; + display : flex; + width : 60px; + height : 32px; + background-color: #000413; + border-radius: 5px; + justify-content: center; + align-items: center; + + +} + +/* After slide changes */ +.toggle:after { + content: ''; + position: absolute; + width: 22px; + height: 22px; + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + align-content: center; + background-color: #EF4444; + top: 5px; + left: 6px; + transition: all 0.5s; +} + +/* Toggle text */ +.toggle p { + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; +} + +/* Checkbox checked effect */ +.checkbox:checked + .toggle::after { + + left : 34px; +} + +/* Checkbox checked toggle label bg color */ + + +/* Checkbox vanished */ +.checkbox { + display : none; +} diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 40e5e42..da1ea14 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -109,6 +109,38 @@ button { grid-gap: 0.625rem; } +.content-grid--double { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: 0.35fr repeat(5, 1fr) 1fr; + grid-template-rows: auto 0fr repeat(4, 1fr); + grid-template-areas: + "menu header header header header header header" + "menu double double double double double chat" + "menu double double double double double chat" + "menu double double double double double chat" + "menu double double double double double chat" + "menu double double double double double chat" + "menu double double double double double chat"; + grid-gap: 0.625rem; +} + +.jackpot-history__content-grid { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: 0.35fr repeat(5, 1fr) 1fr; + grid-template-rows: auto 0fr repeat(4, 1fr); + grid-template-areas: + "menu header header header header header header" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat" + "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"; + grid-gap: 0.625rem; +} + .grid-crash { display: grid; grid-template-columns: 0.35fr repeat(5, 1fr) 1fr; @@ -163,7 +195,7 @@ button { height: 86vh; position: relative; z-index: 3; - + } /* /Chat */ @@ -211,9 +243,22 @@ button { margin: 0.625rem 2.438rem 1.125rem 1.125rem; */ } +.jackpot-history { + grid-area: jackpot-history; + background: #17181C; + border-radius: 20px; + height: 97%; +} + +.double { + display: flex; + grid-area: double; + +} + .about { grid-area: about; - + } @@ -279,7 +324,7 @@ button { grid-area: help; display: flex; /* height:99%; */ - height:86vh; + height: 86vh; border-radius: 3.125rem; background: #17181C; box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25); @@ -287,7 +332,7 @@ button { /*height: 96.2%;*/ width: 1000px; margin: 0 auto; - + } @@ -314,8 +359,9 @@ button { height: 35%; z-index: 0; } + /* /Crash */ /* Media */ -/* /Media */ +/* /Media */ \ No newline at end of file diff --git a/luckydiamond/src/assets/icons-developcard/VK-Icons.svg b/luckydiamond/src/assets/icons-developcard/VK-Icons.svg new file mode 100644 index 0000000..3caca67 --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/VK-Icons.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png new file mode 100644 index 0000000..ada3e09 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png differ diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg new file mode 100644 index 0000000..89c0f8a --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png new file mode 100644 index 0000000..6b4308d Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png differ diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png new file mode 100644 index 0000000..7c0efcd Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png differ diff --git a/luckydiamond/src/assets/icons-developcard/tech-support.svg b/luckydiamond/src/assets/icons-developcard/tech-support.svg new file mode 100644 index 0000000..5e4d233 --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/tech-support.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/video 1 (2).png b/luckydiamond/src/assets/icons-developcard/video 1 (2).png new file mode 100644 index 0000000..5f40f27 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video 1 (2).png differ diff --git a/luckydiamond/src/assets/icons-developcard/video-1-(3).png b/luckydiamond/src/assets/icons-developcard/video-1-(3).png new file mode 100644 index 0000000..ada3e09 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video-1-(3).png differ diff --git a/luckydiamond/src/assets/icons-developcard/video.png b/luckydiamond/src/assets/icons-developcard/video.png new file mode 100644 index 0000000..624066b Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/DoubleLogo.svg b/luckydiamond/src/assets/icons-games/double-game/DoubleLogo.svg new file mode 100644 index 0000000..e863ad0 --- /dev/null +++ b/luckydiamond/src/assets/icons-games/double-game/DoubleLogo.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleBlackDouble.png b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleBlackDouble.png new file mode 100644 index 0000000..534865b Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleBlackDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleGreenDouble.png b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleGreenDouble.png new file mode 100644 index 0000000..b79ba1d Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleGreenDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleRedDouble.png b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleRedDouble.png new file mode 100644 index 0000000..490524a Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/HistoryRectangleRedDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/MembersInGame.png b/luckydiamond/src/assets/icons-games/double-game/MembersInGame.png new file mode 100644 index 0000000..abd37cd Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/MembersInGame.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/RectangleBlackDouble.png b/luckydiamond/src/assets/icons-games/double-game/RectangleBlackDouble.png new file mode 100644 index 0000000..9c11aa7 Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/RectangleBlackDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/RectangleGreenDouble.png b/luckydiamond/src/assets/icons-games/double-game/RectangleGreenDouble.png new file mode 100644 index 0000000..fd4fb7b Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/RectangleGreenDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/RectangleRedDouble.png b/luckydiamond/src/assets/icons-games/double-game/RectangleRedDouble.png new file mode 100644 index 0000000..c9934c3 Binary files /dev/null and b/luckydiamond/src/assets/icons-games/double-game/RectangleRedDouble.png differ diff --git a/luckydiamond/src/assets/icons-games/double-game/info.svg b/luckydiamond/src/assets/icons-games/double-game/info.svg new file mode 100644 index 0000000..d9c6d4d --- /dev/null +++ b/luckydiamond/src/assets/icons-games/double-game/info.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-games/saper-game/arrowTop.png b/luckydiamond/src/assets/icons-games/saper-game/arrowTop.png new file mode 100644 index 0000000..8ea76a2 Binary files /dev/null and b/luckydiamond/src/assets/icons-games/saper-game/arrowTop.png differ diff --git a/luckydiamond/src/assets/icons-menu/duable-icons.svg b/luckydiamond/src/assets/icons-menu/duable-icons.svg new file mode 100644 index 0000000..2cead5b --- /dev/null +++ b/luckydiamond/src/assets/icons-menu/duable-icons.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/js/chat/ChatLogic.js b/luckydiamond/src/assets/js/chat/ChatLogic.js index 8566c14..3b3d6b0 100644 --- a/luckydiamond/src/assets/js/chat/ChatLogic.js +++ b/luckydiamond/src/assets/js/chat/ChatLogic.js @@ -29,10 +29,14 @@ export function ConnectToChat() { return; } + if (dataObject.MessageType == 'DoubleGameState') { + eventBus.emit('doubleGame', event.data) + return; + } + if (dataObject.MessageType == "CrashGameState") { eventBus.emit('crash', event.data); return; - } if (Array.isArray(dataObject.CurrentGame.PlayerList)) { @@ -41,7 +45,7 @@ export function ConnectToChat() { } } catch (error) { - void(error); + void (error); } }; diff --git a/luckydiamond/src/assets/js/games/double/DoubleApi.js b/luckydiamond/src/assets/js/games/double/DoubleApi.js new file mode 100644 index 0000000..54e5a8b --- /dev/null +++ b/luckydiamond/src/assets/js/games/double/DoubleApi.js @@ -0,0 +1,69 @@ +import { BackendApiUrl } from '@/properties/Сonfig.js'; +import { + GetCookie +} from "@/assets/js/storage/CookieStorage.js"; + + +export async function GetNewestDoubleGames() { + try { + const response = await fetch(`${BackendApiUrl}/GameDouble/GetNewestDoubleGames`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + redirect: 'follow' + }) + + if (!response.ok) { + console.log('Fetch error:', response.status) + } + + return await response + } + catch (error) { + console.log('Fetch error') + } +} + +export async function JoinGame(amount, betColor) { + + let betColorInt = 0; + if (betColor == "red") { + betColorInt = 0; + } + if (betColor == "green") { + betColorInt = 1; + } + if (betColor == "black") { + betColorInt = 2; + } + + const data = { + UserCredentials: { + SearchToken: GetCookie("SearchToken"), + AUTHTOKEN: GetCookie("AUTHTOKEN") + }, + bet: amount, + betColor: betColorInt + } + + try { + const response = await fetch(`${BackendApiUrl}/GameDouble/JoinGame`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(data), + redirect: 'follow' + }) + + if (!response.ok) { + console.log('Fetch error:', response.status) + } + + return await response.json() + } + catch (error) { + console.log('Fetch error') + } +} \ No newline at end of file diff --git a/luckydiamond/src/assets/js/jackpot/JackpotLogic.js b/luckydiamond/src/assets/js/jackpot/JackpotLogic.js index 3213b34..902b833 100644 --- a/luckydiamond/src/assets/js/jackpot/JackpotLogic.js +++ b/luckydiamond/src/assets/js/jackpot/JackpotLogic.js @@ -85,3 +85,25 @@ export async function JoinJackpotGame(userData, amount) { console.log('Fetch error') } } + +export async function getJackpotHistoryGame () { + try { + const response = await fetch(`${BackendApiUrl}/GameJackpot/GetNewestJackpotGames`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + redirect: "follow" + }) + + if (!response.ok) { + console.log('Fetch error:', response.status) + } + + console.log(response) + return await response.json() + } + catch (error) { + console.log('Fetch error') + } +} \ No newline at end of file diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue index 46d78b9..b40733b 100644 --- a/luckydiamond/src/components/AsidebarComponent.vue +++ b/luckydiamond/src/components/AsidebarComponent.vue @@ -9,7 +9,7 @@ - + diff --git a/luckydiamond/src/components/ChatComponent.vue b/luckydiamond/src/components/ChatComponent.vue index 7b52ccf..769ca9d 100644 --- a/luckydiamond/src/components/ChatComponent.vue +++ b/luckydiamond/src/components/ChatComponent.vue @@ -29,6 +29,8 @@ + + + + play - + + + + @@ -106,6 +114,7 @@ class="line__btn--crash" >play + diff --git a/luckydiamond/src/pages/JackopthistoryPage.vue b/luckydiamond/src/pages/JackopthistoryPage.vue new file mode 100644 index 0000000..0280b99 --- /dev/null +++ b/luckydiamond/src/pages/JackopthistoryPage.vue @@ -0,0 +1,70 @@ +t + + + + \ No newline at end of file diff --git a/luckydiamond/src/pages/JackpothistoryPage.vue b/luckydiamond/src/pages/JackpothistoryPage.vue new file mode 100644 index 0000000..0280b99 --- /dev/null +++ b/luckydiamond/src/pages/JackpothistoryPage.vue @@ -0,0 +1,70 @@ +t + + + + \ No newline at end of file diff --git a/luckydiamond/src/pages/SettingsPage.vue b/luckydiamond/src/pages/SettingsPage.vue index a077510..d13e8f1 100644 --- a/luckydiamond/src/pages/SettingsPage.vue +++ b/luckydiamond/src/pages/SettingsPage.vue @@ -12,19 +12,32 @@ --> -
-

Звук

- -

Данная страница находится в разработке, и будет полностью переделанна

+
+
+

Звук

+ +
+ +
diff --git a/luckydiamond/src/pages/games-pages/CrashgamePage.vue b/luckydiamond/src/pages/games-pages/CrashgamePage.vue index 5bf8de3..4c2b151 100644 --- a/luckydiamond/src/pages/games-pages/CrashgamePage.vue +++ b/luckydiamond/src/pages/games-pages/CrashgamePage.vue @@ -11,7 +11,16 @@
-

Краш

+
+

Краш

+
+ + + +
+ +
+

Жди момента и забирай выигрыш

diff --git a/luckydiamond/src/pages/games-pages/DoublePage.vue b/luckydiamond/src/pages/games-pages/DoublePage.vue new file mode 100644 index 0000000..1331d00 --- /dev/null +++ b/luckydiamond/src/pages/games-pages/DoublePage.vue @@ -0,0 +1,715 @@ + + + + \ No newline at end of file diff --git a/luckydiamond/src/pages/games-pages/JackpotPage.vue b/luckydiamond/src/pages/games-pages/JackpotPage.vue index 2e43079..3089d1d 100644 --- a/luckydiamond/src/pages/games-pages/JackpotPage.vue +++ b/luckydiamond/src/pages/games-pages/JackpotPage.vue @@ -43,8 +43,17 @@
+

Джекпот

+
+ + + +
+ +

Больше ставь, больше побеждай!

+

Сумма депозита

diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue index 67a53c0..99f65a0 100644 --- a/luckydiamond/src/pages/games-pages/SapergamePage.vue +++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue @@ -11,7 +11,16 @@
-

Сапёр

+
+

Сапёр

+
+ + + +
+ +
+

Находи изумруды на поле и избегай кристалы

Количество кристалов

diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js index 94c52fb..a8954a6 100644 --- a/luckydiamond/src/router/router.js +++ b/luckydiamond/src/router/router.js @@ -6,6 +6,8 @@ import SapergamePage from "@/pages/games-pages/SapergamePage.vue"; import SettingsPage from "@/pages/SettingsPage.vue"; import CrashGamePage from "@/pages/games-pages/CrashgamePage.vue"; import JackpotPage from "@/pages/games-pages/JackpotPage.vue"; +import JackopthistoryPage from "@/pages/JackopthistoryPage.vue"; +import DoublePage from "@/pages/games-pages/DoublePage.vue"; import AboutPage from "@/pages/AboutPage.vue"; import HelpPage from "@/pages/HelpPage.vue" ; @@ -17,6 +19,8 @@ export default createRouter({ { path: '/game/saper', component: SapergamePage, name: 'saper' }, { path: '/game/crash', component: CrashGamePage, name: 'crash' }, { path: '/game/jackpot', component: JackpotPage, name: 'jackpot' }, + { path: '/game/jackpot/history', component: JackopthistoryPage, name: 'jackpot-history' }, + { path: '/game/double', component: DoublePage, name: 'double' }, { path: '/settings', component: SettingsPage, name: 'settings' }, { path: '/about', component: AboutPage, name: 'about' }, { path: '/help', component: HelpPage, name: 'help' },