gsd
/
Facti13.Frontend.VueMaterial
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

tf2 restyle

master
gsd 1 year ago
parent
84bac6bedc
commit
4645250357
29 changed files with 247 additions and 169 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 97
      src/App.vue
  2. 14
      src/components/ActionDialogs/AdminDialog.vue
  3. 4
      src/components/ActionDialogs/ReportView.vue
  4. 2
      src/components/Others/Auth/AuthWindow.vue
  5. 18
      src/components/Others/Auth/DiscordWindow.vue
  6. 2
      src/components/Others/CustomSvg/TerminalSvg.vue
  7. 2
      src/components/Others/Images/BackgroundImage.vue
  8. 10
      src/components/Others/Loader/ProfileViewer.vue
  9. 5
      src/components/TabsMenuElements/AboutView/AboutView.vue
  10. 6
      src/components/TabsMenuElements/BackendStatus/BackendStatus.vue
  11. 8
      src/components/TabsMenuElements/BackendStatus/Components/FindPlayer.vue
  12. 4
      src/components/TabsMenuElements/MainView/Components/LogoWithCharacters.vue
  13. 6
      src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
  14. 6
      src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
  15. 2
      src/components/TabsMenuElements/MainView/Components/WhyNot.vue
  16. 7
      src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
  17. 17
      src/components/TabsMenuElements/ProfileView/Components/ProfileContainer.vue
  18. 9
      src/components/TabsMenuElements/ProfileView/ProfileView.vue
  19. 6
      src/components/TabsMenuElements/RulesView/RulesView.vue
  20. 15
      src/components/TabsMenuElements/ServersView/Components/PlayerExtendedInfo.vue
  21. 9
      src/components/TabsMenuElements/ServersView/Components/ServerFullInfo.vue
  22. 2
      src/components/TabsMenuElements/ServersView/ServersView.vue
  23. 2
      src/components/TabsMenuElements/VipView/Components/FreeVipDialog.vue
  24. 2
      src/components/TabsMenuElements/VipView/VipView.vue
  25. 3
      src/css/baseui.css
  26. 61
      src/css/buttons.css
  27. 9
      src/css/menus.css
  28. 27
      src/css/rounded.css
  29. 61
      src/css/text.css

97
src/App.vue
View File

@ -46,6 +46,12 @@ Vue.use(MdContent);
Vue.use(MdRipple);
Vue.use(MdSwitch);
import "@/css/buttons.css";
import "@/css/rounded.css";
import "@/css/text.css";
import "@/css/baseui.css";
import "@/css/menus.css";
import TabsMenu from "@/components/TabsMenu.vue";
import LoaderPage from "@/components/Others/Loader/LoaderPage.vue";
import FailLoad from "@/components/Others/Loader/FailLoad.vue";
@ -93,80 +99,10 @@ export default {
margin-top: 60px;
}*/
h1,h2,h3,h4,h5,h6 {
font-family: tf2build;
color: #131213;
}
h1 {
font-family: tf2build;
line-height: 1em;
font-size: 5em;
}
h2 {
font-family: tf2build;
font-size: 4em;
}
h3 {
font-family: tf2build;
font-size: 3em;
}
h4 {
line-height: 1em;
font-size: 2em;
}
h5 {
font-size: 1.3em;
}
h6 {
font-size: 0.5em;
}
p {
font-family: tf2secondary;
color: #fdecc1;
font-size: 16px;
}
a {
font-family: tf2build;
}
.md-tab {
background-size: cover
}
.rounded-and-colored {
border-radius: 10px;
border: 2px solid black;
background: #fd8846;
}
.rounded-and-colored-circle {
border-radius: 30px;
border: 2px solid black;
background: #fd8846;
}
.rounded-and-colored-without-bottom {
border-radius: 10px;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 0px solid transparent;
background: #fd8846;
}
.rounded-only {
border-radius: 10px;
border: 1px solid black;
background: #ffffff;
}
.pt-5 {
padding-top: 10px;
}
@ -179,23 +115,10 @@ a {
background-color: #131213;
}
.md-button.md-active {
font-size: 1.7em;
color: #fdecc1;
font-family: tf2build;
border-bottom: 2px solid #fdecc1;
}
.md-tabs-navigation {
font-size: 1.5em;
}
.md-button {
color: #efdfb7;
font-family: tf2secondary;
text-transform: none;
}
.md-progress-bar {
background-color: rgba(253,136,70,0.5) !important;
}
@ -212,6 +135,10 @@ a {
color: black;
}
.clickable {
color:#9a9280;
}
.clickable:hover {
cursor: pointer;
color: #fd8846;
@ -230,4 +157,8 @@ a {
.md-scrollbar::-webkit-scrollbar-corner {
background-color: black !important;
}
.md-scrollbar::-webkit-scrollbar {
background-color: #9a9280 !important;
}
</style>

14
src/components/ActionDialogs/AdminDialog.vue
View File

@ -25,9 +25,9 @@
</div>
</div>
<p v-if="response.length>0" style="font-family: tf2secondary; color: black">Ответ: {{response}}</p>
<md-button v-on:click="toBan()" style="float: left;background-color: #bd2200; color: black; font-family: tf2build">Забанить</md-button>
<md-button v-on:click="payload.ban_length = 0" style="float: left;background-color: #fd8846; color: black; font-family: tf2build">Навсегда</md-button>
<md-button v-on:click="showMe(false)" style="float: right;background-color: #46fd4f; color: black; font-family: tf2build">Закрыть</md-button>
<md-button v-on:click="toBan()" style="float: left;" class="btn-collect">Забанить</md-button>
<md-button v-on:click="payload.ban_length = 0" style="float: left;" class="btn-unusual">Навсегда</md-button>
<md-button v-on:click="showMe(false)" style="float: right;" class="btn-colored">Закрыть</md-button>
</md-card-content>
</md-card>
<!---->
@ -37,8 +37,8 @@
</md-card-header>
<md-card-content>
<p v-if="response.length>0" style="font-family: tf2secondary; color: black">Ответ: {{response}}</p>
<md-button v-on:click="toUnBan()" style="float: left;background-color: #bd2200; color: black; font-family: tf2build">Разбанить</md-button>
<md-button v-on:click="showMe(false)" style="float: right;background-color: #46fd4f; color: black; font-family: tf2build">Закрыть</md-button>
<md-button v-on:click="toUnBan()" style="float: left;" class="btn-hand">Разбанить</md-button>
<md-button v-on:click="showMe(false)" style="float: right;" class="btn-colored">Закрыть</md-button>
</md-card-content>
</md-card>
<!---->
@ -57,8 +57,8 @@
</div>
</div>
<p v-if="response.length>0" style="font-family: tf2secondary; color: black">Ответ: {{response}}</p>
<md-button v-on:click="toKick()" style="float: left;background-color: #579af1; color: black; font-family: tf2build">Кикнуть</md-button>
<md-button v-on:click="showMe(false)" style="float: right;background-color: #46fd4f; color: black; font-family: tf2build">Закрыть</md-button>
<md-button v-on:click="toKick()" style="float: left" class="btn-high">Кикнуть</md-button>
<md-button v-on:click="showMe(false)" style="float: right;" class="btn-colored">Закрыть</md-button>
</md-card-content>
</md-card>
</div>

4
src/components/ActionDialogs/ReportView.vue
View File

@ -7,8 +7,8 @@
<md-input v-model="reason" minlength="32"></md-input>
<span class="md-error" style="padding-left: 5%; padding-right: 5%">{{feedback}}</span>
</md-field>
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: brown" v-on:click="sendReport()">Пожаловаться</md-button>
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #a1a52a" v-on:click="showReportDialog=false">Передумал</md-button>
<md-button class="btn-gosty" v-on:click="sendReport()">Пожаловаться</md-button>
<md-button class="btn-colored" v-on:click="showReportDialog=false">Передумал</md-button>
</div>
</div>
</md-dialog>

2
src/components/Others/Auth/AuthWindow.vue
View File

@ -27,7 +27,7 @@
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="clickable md-layout-item md-size-15">
<md-button class="md-right" style="color: #fdfde1; font-family: tf2build; background: #000000;" v-on:click="closeAW()">Не хочу</md-button>
<md-button class="md-right btn-default" v-on:click="closeAW()">Не хочу</md-button>
</div>
</div>
</div>

18
src/components/Others/Auth/DiscordWindow.vue
View File

@ -5,24 +5,24 @@
<md-steppers :md-active-step.sync="currentMove" md-linear>
<md-step id="steamAuth" md-label="Steam" :md-done.sync="steamAuth">
<p>Заранее извиняемся за данную жопу боль, но чтоб предостеречь рейды на сервер дискорда и залет мимоходов, мы сделали авторизацию. Не пройдя ее и зайдя на наш сервер дискорда тебе можно будет лишь читать канал с аннонсами. Так что быстро ты давай пальчик в попу себе вставляй.</p>
<md-button v-if="this.$API.player.success_auth" style="color: #ffffff; font-family: tf2build; background: #000000" v-on:click="moveTo('logout', 'steam')">Выйти из Steam</md-button>
<md-button v-else style="color: #ffffff; font-family: tf2build; background: #000000" v-on:click="moveTo('login', 'steam')">Войти в Steam</md-button>
<md-button v-if="this.$API.player.success_auth" class="btn-colored" v-on:click="moveTo('logout', 'steam')">Выйти из Steam</md-button>
<md-button v-else class="btn-colored" v-on:click="moveTo('login', 'steam')">Войти в Steam</md-button>
</md-step>
<md-step id="discordAuth" md-label="Discord" :md-error="steamAlreadyAttachment" :md-done.sync="discordAuth">
<div v-if="discord.id!==''">
<p>У тебя уже есть привязанный аккаунт дискорда с ид: {{discord.id}}!<br> Поэтому зайти к нам на сервер тебе не составляет больших проблем.<br>Конечно ты можешь отвязать свой дискорд от стима если желаешь)</p>
<md-button v-if="discord.id!==''" style="color: #fdfde1; font-family: tf2build; background: #4679e7" v-on:click="openDiscord()">Перейти на сервер</md-button>
<md-button v-if="discord.id!==''" style="color: #fdfde1; font-family: tf2build; background: #ff2828" v-on:click="unregisterDiscord()">Отвязать Discord от Steam</md-button>
<md-button v-if="discord.id!==''" class="btn-old" v-on:click="openDiscord()">Перейти на сервер</md-button>
<md-button v-if="discord.id!==''" class="btn-collect" v-on:click="unregisterDiscord()">Отвязать Discord от Steam</md-button>
</div>
<div v-else>
<div v-if="discord.nickname===''">
<p>Теперь надо зайти в дискорд, иначе как мы узнаем твои данные?</p>
<md-button style="color: #ffffff; font-family: tf2build; background: #505050" v-on:click="moveTo('login', 'discord')">Войти в Discord</md-button>
<md-button class="btn-default" v-on:click="moveTo('login', 'discord')">Войти в Discord</md-button>
</div>
<div v-else>
<p>Вот теперь мы узнали что тебя зовут {{discord.nickname}}, пока привязывать одно к другому, так что давай быстрее иди к следующему шагу</p>
<md-button style="color: #ffffff; font-family: tf2build; background: #505050" v-on:click="moveTo('logout', 'discord')">Выйти из Discord</md-button>
<md-button class="btn-default" v-on:click="moveTo('logout', 'discord')">Выйти из Discord</md-button>
</div>
</div>
@ -31,16 +31,16 @@
<md-step id="connectAuth" md-label="Связать аккаунты" :md-done.sync="connectAuth">
<div v-if="discord.id.length>0">
<p>Вот теперь ты точно можешь общаться со всеми у нас на сервере дискорда, но если ты вдруг передумал и хочешь отвязать свой дискорд от стима, перейди на второй шаг и нажми на отвязать дискорд.</p>
<md-button v-if="discord.id!==''" style="color: #fdfde1; font-family: tf2build; background: #4679e7" v-on:click="openDiscord()">Открыть Discord</md-button>
<md-button v-if="discord.id!==''" class="btn-old" v-on:click="openDiscord()">Открыть Discord</md-button>
</div>
<div v-else>
<p>Поздравляю друг и почти на финешной прямой, осталось лишь их только связать и зайти уже в нашу клоаку!</p>
<p v-if="discord.reg_msg.length > 0">{{discord.reg_msg}}</p>
<md-button style="color: #000000; font-family: tf2build; background: #fd8846" v-on:click="registerDiscord()">Связать аккаунты!</md-button>
<md-button class="btn-old" v-on:click="registerDiscord()">Связать аккаунты!</md-button>
</div>
</md-step>
</md-steppers>
<md-button style="color: #000000; font-family: tf2build; background: #edffe9" v-on:click="closeDW()">Я передумал</md-button>
<md-button class="btn-colored" v-on:click="closeDW()">Я передумал</md-button>
</div>
</div>
</md-dialog>

2
src/components/Others/CustomSvg/TerminalSvg.vue
View File

@ -1,5 +1,5 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="512px" height="60%" focusable="false" viewBox="0 0 12 12">
<svg xmlns="http://www.w3.org/2000/svg" width="512px" height="60%" focusable="false" viewBox="0 0 12 12" class="clickable">
<path fill="currentColor" d="M11 1H1c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zM2.5 9.12a.62.62 0 01-.44-.18.628.628 0 010-.88L4.12 6 2.06 3.94c-.24-.24-.24-.64 0-.88s.64-.24.88 0L5.09 5.2c.44.44.44 1.15 0 1.59L2.94 8.94a.62.62 0 01-.44.18zm7-.12h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h4c.28 0 .5.22.5.5s-.22.5-.5.5z"/>
</svg>
</template>

2
src/components/Others/Images/BackgroundImage.vue
View File

@ -32,7 +32,7 @@ export default {
"-moz-filter": `blur(${this.blur_px}px)`,
"-o-filter": `blur(${this.blur_px}px)`,
"-ms-filter": `blur(${this.blur_px}px)`,
"filter": `blur(${this.blur_px}px)`
"filter": `blur(${this.blur_px}px) brightness(25%)`
}
}
}

10
src/components/Others/Loader/ProfileViewer.vue
View File

@ -4,12 +4,12 @@
<div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only">
<h1 v-if="loading">Загрузка</h1>
<ProfileContainer v-else :player="player"/>
<hr width="100%">
<md-button v-if="!loading && this.$API.admin.permition.kick && player!==null && 'play_on' in player && player['play_on'] !== null" class="md-raised" style="color: #131213; font-family: tf2build; background: darkcyan" v-on:click="$refs.ad.showMe(true, 3)">кикнуть</md-button>
<md-button v-if="!loading && this.$API.admin.permition.ban && player!==null && 'ban' in player && player['ban'] === null" class="md-raised" style="color: #131213; font-family: tf2build; background: brown" v-on:click="$refs.ad.showMe(true, 1)">забанить</md-button>
<md-button v-if="!loading && this.$API.admin.permition.ban && player!==null && 'ban' in player && player['ban'] !== null" class="md-raised" style="color: #131213; font-family: tf2build; background: #21ff00" v-on:click="$refs.ad.showMe(true, 2)">разбанить</md-button>
<hr width="100%" v-if="!loading">
<md-button v-if="!loading && this.$API.admin.permition.kick && player!==null && 'play_on' in player && player['play_on'] !== null" class="md-raised btn-high" v-on:click="$refs.ad.showMe(true, 3)">кикнуть</md-button>
<md-button v-if="!loading && this.$API.admin.permition.ban && player!==null && 'ban' in player && player['ban'] === null" class="md-raised btn-collect" v-on:click="$refs.ad.showMe(true, 1)">забанить</md-button>
<md-button v-if="!loading && this.$API.admin.permition.ban && player!==null && 'ban' in player && player['ban'] !== null" class="md-raised btn-hand" v-on:click="$refs.ad.showMe(true, 2)">разбанить</md-button>
<!--<md-button v-if="!loading && this.$API.admin.permition.mute" style="color: #131213; font-family: tf2build; background: lightgreen">замьютить</md-button>-->
<md-button v-if="!loading" v-on:click="showProfileDialog=false" style="background-color: #fd8846; font-family: tf2build;color: black; float: right">Закрыть</md-button>
<md-button v-if="!loading" v-on:click="showProfileDialog=false" style="float: right" class="btn-uniq">Закрыть</md-button>
</div>
</div>
<AdminDialog :steam64 = "steam64" ref="ad"/>

5
src/components/TabsMenuElements/AboutView/AboutView.vue
View File

@ -5,7 +5,7 @@
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-15 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
<h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">О нас</h3>
<h3 class="txt-innert" style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">О нас</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
@ -28,7 +28,7 @@
<hr width="50%" align="right">
<p class="about-p">Посмотреть наши смешные до усрачки посты можно в Дискорде или в группе ВК, а так-же посетить мертвую группу стим</p>
<div align="right">
<DiscordSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/discord'" style="margin: 0% 1%"/>
<DiscordSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/discord'" style="margin: 0% 1%;"/>
<VkSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/vk'" style="margin: 0% 1%"/>
<SteamSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/steam'" style="margin: 0% 1%"/>
</div>
@ -58,7 +58,6 @@ export default {
.about-p {
text-align: right;
font-family: tf2secondary;
color: black
}
.about-img {

6
src/components/TabsMenuElements/BackendStatus/BackendStatus.vue
View File

@ -2,7 +2,7 @@
<md-tab id="backendView" :md-icon="this.s_icon">
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-30 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
<h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Разное</h3>
<h3 class="txt-innert" style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Разное</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
@ -10,10 +10,10 @@
<h5 style="padding: 0% 3%">Сборка Frontend от {{this.$API.builddate !== null ? new Date(this.$API.builddate).toLocaleString() : 'Dev Build'}}</h5>
<h5 style="padding: 0% 3%">Сборка Backend от {{this.$API.stats["builddate"] !== null ? new Date(parseInt(this.$API.stats["builddate"])*1000).toLocaleString() : 'Dev Build'}}</h5>
<h5 v-if="this.$API.player.success_auth === false" style="text-align: center; cursor: pointer; text-decoration-line: underline" v-on:click="openAW()">Ты можешь искать других игроков здесь, но сначала надо авторизоваться!</h5>
<md-button v-else v-on:click="showFP()" style="color: #131213; font-family: tf2build; background: lightgreen">Найти игрока</md-button>
<md-button v-else v-on:click="showFP()" class="btn-gosty">Найти игрока</md-button>
<FindPlayer ref="fp"/>
<AuthWindow ref="aw" />
<md-button v-on:click="openDW()" style="color: #131213; font-family: tf2build; background: #5764f1">Привязать стим к дискорду</md-button>
<md-button v-on:click="openDW()" class="btn-old">Привязать стим к дискорду</md-button>
<DiscordWindow ref="dw"/>
</div>
</div>

8
src/components/TabsMenuElements/BackendStatus/Components/FindPlayer.vue
View File

@ -4,13 +4,13 @@
<div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only">
<h5 style="text-align: center; padding-left: 5%; padding-right: 5%;">Введи что-то из предложенного</h5>
<md-field style="padding-left: 5%; padding-right: 5%;" :class="playerany">
<label style="padding-left: 5%; padding-right: 5%">{{'Steam|Ник|#ид бана|<@discordid>'}}</label>
<label class="txt" style="padding-left: 5%; padding-right: 5%">{{'Steam|Ник|#ид бана|<@discordid>'}}</label>
<md-input v-model="player_string"></md-input>
<span class="md-error" style="padding-left: 5%; padding-right: 5%">{{not_found}}</span>
</md-field>
<md-button v-on:click="foundPlayer()" style="color: #131213; font-family: tf2build; background: lightgreen">Узнать</md-button>
<md-button v-on:click="closeFPD()" style="color: #131213; font-family: tf2build; background: #bd2200">Передумал</md-button>
<md-button v-on:click="closeFPD()" style="color: #131213; font-family: tf2build; background: #fd8846">Удалить себя</md-button>
<md-button v-on:click="foundPlayer()" class="btn-uniq">Узнать</md-button>
<md-button v-on:click="closeFPD()" class="btn-colored">Передумал</md-button>
<md-button v-on:click="closeFPD()" class="btn-gosty">Удалить себя</md-button>
<ProfileViewer ref="pv" :steam64="player_steam64"/>
</div>
</div>

4
src/components/TabsMenuElements/MainView/Components/LogoWithCharacters.vue
View File

@ -11,7 +11,7 @@
</div>
<div class="md-layout md-size-40">
<div class="md-layout-item md-alignment-bottom-center rounded-and-colored-without-bottom">
<h1 style="text-align: center; text-shadow: rgba(80,80,80,0.59) 2px 5px; margin: 2%">Факты 13</h1>
<h1 class="txt-innert" style="text-align: center; text-shadow: rgba(80,80,80,0.59) 2px 5px; margin: 2%">Факты 13</h1>
</div>
</div>
</div>
@ -21,7 +21,7 @@
<div class="md-layout">
<div class="md-layout-item md-size"/>
<div class="md-layout-item md-size-55 rounded-and-colored-without-bottom md-small-size-100">
<h4 style="text-align: center; text-transform: uppercase; font-size: 2.5em; margin: 1%">Добро пожаловать на "лучший" ру-сервер тф2</h4>
<h4 class="txt-innert" style="text-align: center; text-transform: uppercase; font-size: 2.5em; margin: 1%">Добро пожаловать на "лучший" ру-сервер тф2</h4>
</div>
<div class="md-layout-item md-size"/>
</div>

6
src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
View File

@ -3,13 +3,13 @@
<div class="md-layout-item md-size-50 rounded-and-colored md-small-size-80 clickable">
<div class="md-layout md-alignment-center-center" style="margin: -5% 5%">
<div class="md-layout-item md-size-5">
<h4 style="text-align: left; padding-right: 1%">{{' > '}}</h4>
<h4 class="txt-innert" style="text-align: left; padding-right: 1%">{{' > '}}</h4>
</div>
<div class="md-layout-item" v-on:click="moveToServer()">
<h4 style="text-align: center;">ПОДКЛЮЧИТЬСЯ К СЕРВЕРУ</h4>
<h4 class="txt-innert" style="text-align: center;">ПОДКЛЮЧИТЬСЯ К СЕРВЕРУ</h4>
</div>
<div class="md-layout-item md-size-5">
<h4 style="text-align: right; padding-left: 1%">{{' < '}}</h4>
<h4 class="txt-innert" style="text-align: right; padding-left: 1%">{{' < '}}</h4>
</div>
</div>
</div>

6
src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
View File

@ -15,15 +15,15 @@
</div>
<div class="md-layout md-alignment-center-center" style="margin-top: -1%">
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size} ${getSS()}`">
<h4 style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.player_now}}</h4>
<h4 class="txt-innert" style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.player_now}}</h4>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size} ${getSH()}`"/>
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size} ${getSS()}`">
<h4 style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.player_max}}</h4>
<h4 class="txt-innert" style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.player_max}}</h4>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size} ${getSH()}`"/>
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size} ${getSS()}`">
<h4 style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.working_servers}}/{{this.$API.stats.statistic.total_servers}}</h4>
<h4 class="txt-innert" style="text-align: center; margin: 10% 10%;">{{this.$API.stats.statistic.working_servers}}/{{this.$API.stats.statistic.total_servers}}</h4>
</div>
</div>
</div>

2
src/components/TabsMenuElements/MainView/Components/WhyNot.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="md-layout">
<div class="md-layout-item md-size md-small-hide"/>
<div class="md-layout-item md-size-60 md-small-size-100 rounded-and-colored" style="background: #fffefc">
<div class="md-layout-item md-size-60 md-small-size-100 rounded-and-colored backfill">
<h5 style="text-align: center;margin: 1%;">Давно искал место где можно почилить в данной мертвой игре??? Поздравляю ты его нашел!!!</h5>
<hr>
<CurrentPlayers/>

7
src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
View File

@ -25,10 +25,3 @@ export default {
})
}
</script>
<style>
.txt {
color: #131213;
font-size: 1.5em;
}
</style>

17
src/components/TabsMenuElements/ProfileView/Components/ProfileContainer.vue
View File

@ -29,34 +29,34 @@
</div>
<hr>
<!--GAMETIME-->
<md-button v-on:click="loadingUserTime()" v-if="usertime.loaded === false" class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846; margin: 0% 0%" md-menu-trigger>{{usertime.loading?'Загрузка':'Статистика по картам'}}</md-button>
<md-button v-on:click="loadingUserTime()" v-if="usertime.loaded === false" class="md-raised btn-strange" style="margin: 0% 0%" md-menu-trigger>{{usertime.loading?'Загрузка':'Статистика по картам'}}</md-button>
<md-menu v-else md-direction="bottom-start" md-size="auto">
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>Статистика по картам</md-button>
<md-button class="md-raised btn-strange" md-menu-trigger>Статистика по картам</md-button>
<md-menu-content>
<md-menu-item v-for="g in usertime.store" :key="g[0]+'g'">{{g[0]}} - {{timeFormat(g[1])}}</md-menu-item>
</md-menu-content>
</md-menu>
<br>
<md-menu md-direction="bottom-start" md-size="auto">
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>Последние игры</md-button>
<md-button class="md-raised btn-strange" md-menu-trigger>Последние игры</md-button>
<md-menu-content>
<md-menu-item v-for="l in getLastPlay()" :key="l[0]+'l'">{{l[0]}} - {{l[1]}}</md-menu-item>
</md-menu-content>
</md-menu>
<br>
<!--DONATES-->
<md-button v-on:click="loadingDonates()" v-if="donates.loaded === false" class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846; margin: 0% 0%" md-menu-trigger>{{donates.loading?'Загрузка':'Покупки VIP'}}</md-button>
<md-button v-on:click="loadingDonates()" v-if="donates.loaded === false" class="md-raised btn-strange" style="margin: 0% 0%" md-menu-trigger>{{donates.loading?'Загрузка':'Покупки VIP'}}</md-button>
<md-menu v-else md-direction="bottom-start" md-size="auto">
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>Покупки VIP</md-button>
<md-button class="md-raised btn-strange" md-menu-trigger>Покупки VIP</md-button>
<md-menu-content>
<md-menu-item v-for="d in donates.store" :key="d['utime']+'d'">{{new Date(d['utime'] * 1000).toLocaleDateString()}} | {{d['status']}}</md-menu-item>
</md-menu-content>
</md-menu>
<br>
<!--BAN LIST-->
<md-button v-on:click="loadingBanList()" v-if="ban_list.loaded === false" class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846; margin: 0% 0%" md-menu-trigger>{{ban_list.loading?'Загрузка':'История банов'}}</md-button>
<md-button v-on:click="loadingBanList()" v-if="ban_list.loaded === false" class="md-raised btn-strange" style="margin: 0% 0%" md-menu-trigger>{{ban_list.loading?'Загрузка':'История банов'}}</md-button>
<md-menu v-else md-direction="bottom-start" md-size="auto">
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>История Банов</md-button>
<md-button class="md-raised btn-strange" md-menu-trigger>История Банов</md-button>
<md-menu-content>
<md-menu-item v-for="b in ban_list.store" :key="b['id']+'b'">#{{b['id']}} | {{new Date(b['ban_utime'] * 1000).toLocaleDateString()}} | {{b['ban_length']===0?'Навсегда':`${b['ban_length']} минут`}}</md-menu-item>
</md-menu-content>
@ -72,7 +72,7 @@
<p class="profile-text" style="text-align: right; cursor: pointer" v-on:click="loadingUserTime()">Наиграно : {{usertime.total}}</p>
<div style="justify-content: right; display: flex">
<DiscordSvg :h="'10%'" :w="'40'" style="margin-left: 5%" v-if="this.player['attached_discords'].filter(v => v['active'] === 1).length>0" :url="`https://discord.com/channels/@me/${this.player['attached_discords'].filter(v => v['active'] === 1)[0]['discord_id']}`"/>
<SteamSvg :h="'10%'" :w="'40'" style="margin-left: 5%" :url="this.player['steamids']['community_url']"/>
<SteamSvg :h="'10%'" :w="'40'" style="margin-left: 5%;" :url="this.player['steamids']['community_url']"/>
</div>
</div>
<br>
@ -197,7 +197,6 @@ export default {
<style>
.profile-text {
text-align: left;
color: #131213;
font-size: 1.5em;
}

9
src/components/TabsMenuElements/ProfileView/ProfileView.vue
View File

@ -4,20 +4,19 @@
<CharacterImage :size="10" :img_src="require(`@/assets/images/characters/pyro.png`)" :audio_src="require(`@/assets/sounds/alertmgs.mp3`)" :hide_if_small="true"/>
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-25 md-small-size-100 md-alignment-bottom-center rounded-and-colored" >
<h3 style="text-align: center; margin: 4% 0%">Профиль</h3>
<div class="md-layout-item md-size-25 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
<h3 class="txt-innert" style="text-align: center; margin: 4% 0%">Профиль</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
<div class="md-layout-item md-size-50 md-small-size-100 md-alignment-bottom-center rounded-only">
<br>
<hr width="50%">
<div v-if="this.$API.player.auth('steam') === false" class="clickable">
<h2 class="auth-button" v-on:click="openAW()">АВТОРИЗОВАТЬСЯ</h2>
</div>
<div v-else>
<ProfileContainer :player="$API.player.store"/>
<h5 class="auth-button" v-on:click="logout()">Выйти</h5>
<md-button class="btn-boss" v-on:click="logout()" style="float: left">Выйти</md-button>
</div>
</div>
</div>

6
src/components/TabsMenuElements/RulesView/RulesView.vue
View File

@ -5,12 +5,12 @@
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-30 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
<h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Правила</h3>
<h5 style="text-align: center; margin: 0px">(для сам маленьких)</h5>
<h3 class="txt-innert" style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Правила</h3>
<h5 class="txt-innert" style="text-align: center; margin: 0px">(для сам маленьких)</h5>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
<div class="md-layout-item md-size-60 md-small-size-100 md-alignment-bottom-center rounded-only">
<div class="md-layout-item md-size-60 md-small-size-100 md-alignment-bottom-center rounded-only backfill">
<h4 style="text-align: center">Правила на которые ты забьешь хуй</h4>
<h4 style="text-align: center">V V V</h4>
<hr>

15
src/components/TabsMenuElements/ServersView/Components/PlayerExtendedInfo.vue
View File

@ -3,14 +3,11 @@
<div class="md-layout md-alignment-bottom-center" style="z-index: 1">
<div class="md-layout-item md-size-5 md-small-hide"/>
<div class="md-layout-item rounded-and-colored md-size-60 md-small-size-90">
<h3 style="text-align: center; margin: 2% 0%; max-height: 30em" class="h3-player">{{player['name']}}</h3>
</div>
<div class="md-layout-item rounded-and-colored-circle md-size-5 clickable" v-on:click="closePEI()" style="min-width: 3em">
<h3 style="text-align: center; margin: 25% 0%">X</h3>
<h3 style="text-align: center; margin: 0% 0%; max-height: 30em" class="h3-player txt-innert">{{player['name']}}</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -3.5%;">
<div class="md-layout-item md-size-65 server-info-rounded" style="min-width: 40em">
<div class="md-layout-item md-size-65 rounded-only server-info-rounded" style="min-width: 40em">
<div style="margin-top: 5%; text-align: center">
<a :href="player['steam']['community_url']" target="_blank" class="a-player">Открыть профиль Steam</a>
</div>
@ -29,8 +26,9 @@
</div>
</div>
<div style="justify-content: center; display: flex; margin-top: 0%">
<md-button class="md-raised" v-if="showPlayerDialog && this.$API.player.success_auth" style="color: #131213; font-family: tf2build; background: #fd8846" v-on:click="$refs.rv.showRV(true)">Репорт</md-button>
<md-button v-if="showPlayerDialog && this.$API.player.success_auth" style="color: #131213; font-family: tf2build; background: #fdecc1" v-on:click="showProfile()">информация</md-button>
<md-button class="btn-gosty" v-if="showPlayerDialog && this.$API.player.success_auth" v-on:click="$refs.rv.showRV(true)">Репорт</md-button>
<md-button class="btn-uniq" v-if="showPlayerDialog && this.$API.player.success_auth" v-on:click="showProfile()">информация</md-button>
<md-button class="btn-colored" v-on:click="closePEI()">Закрыть</md-button>
</div>
</div>
</div>
@ -67,7 +65,7 @@ export default {
<style>
.a-player {
text-align: center; font-size: 2em; color: #131213;
text-align: center; font-size: 2em; color: #f5e5c1;
}
.h3-player {
@ -75,7 +73,6 @@ export default {
}
.p-player {
color: #131213;
font-size: 1.2em;
}
</style>

9
src/components/TabsMenuElements/ServersView/Components/ServerFullInfo.vue
View File

@ -4,14 +4,14 @@
<div class="md-layout md-alignment-bottom-center" style="z-index: 1">
<div class="md-layout-item md-size-5"/>
<div class="md-layout-item rounded-and-colored md-size-45 md-small-size-90">
<h3 style="text-align: center; margin: 2% 0%">{{serverData['name']}}</h3>
<h3 class="txt-innert" style="text-align: center; margin: 2% 0%">{{serverData['name']}}</h3>
</div>
<div class="md-layout-item rounded-and-colored-circle md-size-5 clickable" v-on:click="closeFIF()">
<h3 style="text-align: center; margin: 25% 0%">X</h3>
<h3 class="txt-innert" style="text-align: center; margin: 25% 0%">X</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -2.5%">
<div class="md-layout-item md-size-50 server-info-rounded md-small-size-100">
<div class="md-layout-item md-size-50 server-info-rounded rounded-only md-small-size-100">
<img :src="serverData['preview']" style="width: 100%; height:12em;object-fit: cover;border-top-left-radius: 15px; border-top-right-radius: 15px">
<div>
<p class="p-server">{{serverData['description']}}</p>
@ -96,7 +96,7 @@ export default {
<style>
.p-server {
text-align: center; font-size: 2em; color: #131213
text-align: center; font-size: 2em;
}
.p-server-address {
@ -122,7 +122,6 @@ export default {
.server-info-rounded {
border-radius: 20px;
border: 5px solid black;
background: #fdfdfe;
}
.md-dialog-container {

2
src/components/TabsMenuElements/ServersView/ServersView.vue
View File

@ -5,7 +5,7 @@
</div>
<div class="md-layout md-alignment-bottom-center" v-on:click="updateServers()">
<div class="md-layout-item md-size-25 md-small-size-100 md-alignment-bottom-center rounded-and-colored clickable" style="z-index: 1">
<h3 style="text-align: center; margin: 4% 0%; line-height: 1em">Список серверов</h3>
<h3 class="txt-innert" style="text-align: center; margin: 4% 0%; line-height: 1em">Список серверов</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">

2
src/components/TabsMenuElements/VipView/Components/FreeVipDialog.vue
View File

@ -4,7 +4,7 @@
<div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only">
<h1 v-if="loading">Загрузка</h1>
<h5 v-else style="padding: 0% 5%; text-align: center">{{result}}</h5>
<md-button style="color: #fdfde1; font-family: tf2build; background: #000000;float: right" v-if="result.length>0" v-on:click="openFVD(false)">ОК</md-button>
<md-button style="float: right" class="btn-default" v-if="result.length>0" v-on:click="openFVD(false)">ОК</md-button>
</div>
</div>
</md-dialog>

2
src/components/TabsMenuElements/VipView/VipView.vue
View File

@ -5,7 +5,7 @@
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-30 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
<h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Покупка VIP</h3>
<h3 class="txt-innert" style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Покупка VIP</h3>
</div>
</div>
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">

3
src/css/baseui.css
View File

@ -0,0 +1,3 @@
.backfill {
background: #3e3e3e;
}

61
src/css/buttons.css
View File

@ -0,0 +1,61 @@
.md-button.md-active {
font-size: 1.7em;
color: #fdecc1;
font-family: tf2build;
border-bottom: 2px solid #fdecc1;
}
.md-button {
color: #efdfb7;
font-family: tf2secondary;
text-transform: none;
}
.btn-base, .btn-default, .btn-uniq, .btn-old, .btn-high, .btn-strange, .btn-unusual, .btn-gosty, .btn-collect, .btn-colored, .btn-hand, .btn-boss {
cursor: pointer;
font-family: tf2build;
background: #2a2725;
}
.btn-default {
color: #B2B2B2;
}
.btn-uniq {
color: #FFD700;
}
.btn-old {
color: #476291;
}
.btn-high {
color: #4D7455;
}
.btn-strange {
color: #CF6A32;
}
.btn-unusual {
color: #8650AC;
}
.btn-gosty {
color: #38F3AB;
}
.btn-collect {
color: #AA0000;
}
.btn-colored {
color: #FAFAFA;
}
.btn-hand {
color: #70B04A;
}
.btn-boss {
color: #A50F79;
}

9
src/css/menus.css
View File

@ -0,0 +1,9 @@
.md-menu-content-container {
background-color: #3e3e3e !important;
border-radius: 5px;
}
.md-list-item-content {
font-family: tf2secondary;
color: #f5e5c1;
}

27
src/css/rounded.css
View File

@ -0,0 +1,27 @@
.rounded-base, .rounded-and-colored, .rounded-and-colored-circle, .rounded-and-colored-without-bottom {
background: #f4722b;
}
.rounded-and-colored {
border-radius: 10px;
border: 2px solid black;
}
.rounded-and-colored-circle {
border-radius: 30px;
border: 2px solid black;
}
.rounded-and-colored-without-bottom {
border-radius: 10px;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 0px solid transparent;
}
.rounded-only {
border-radius: 10px;
border: 1px solid black;
background: #3e3e3e;
}

61
src/css/text.css
View File

@ -0,0 +1,61 @@
h1,h2,h3,h4,h5,h6 {
font-family: tf2build;
color: #f5e5c1;
}
h1 {
font-family: tf2build;
line-height: 1em;
font-size: 5em;
}
h2 {
font-family: tf2build;
font-size: 4em;
}
h3 {
font-family: tf2build;
font-size: 3em;
}
h4 {
line-height: 1em;
font-size: 2em;
}
h5 {
font-size: 1.3em;
}
h6 {
font-size: 0.5em;
}
p {
font-family: tf2secondary;
color: #f5e5c1;
font-size: 16px;
}
a {
font-family: tf2build;
}
.txt, label {
color: #f5e5c1;
font-size: 1.5em;
}
.txt-innert {
color: #3e3e3e;
}
.md-table-head-label, .md-table-cell-container, input {
color: #f5e5c1;
font-family: tf2secondary;
}
.md-title {
color: #f5e5c1;
font-family: tf2build;
}
Write Preview
Loading…
Cancel
Save