tooltips pelmen

src/App.vue

@@ -28,6 +28,7 @@ import MdTable from "vue-material/dist/components/MdTable";
 import MdContent from "vue-material/dist/components/MdContent";
 import MdRipple from "vue-material/dist/components/MdRipple";
 import MdSwitch from "vue-material/dist/components/MdSwitch";
+import MdTooltip from "vue-material/dist/components/MdTooltip";
 
 Vue.use(MdTabs);
 Vue.use(MdIcon);
@@ -45,6 +46,7 @@ Vue.use(MdTable);
 Vue.use(MdContent);
 Vue.use(MdRipple);
 Vue.use(MdSwitch);
+Vue.use(MdTooltip);
 
 import "@/css/buttons.css";
 import "@/css/rounded.css";

src/components/TabsMenuElements/ProfileView/Components/ProfileContainer.vue

@@ -2,7 +2,9 @@
   <div>
     <div class="md-layout md-alignment-top-center" v-if="player !== null">
       <div :class="`md-layout-item md-size-${f_size} md-small-size-100`">
-        <h4 style="margin: 10% 0%" v-on:click="copyS64()" class="clickable">{{player !== null && player['steam_data'] !== null?player['steam_data']['nickname']:'игрок'}}</h4>
+        <h4 style="margin: 10% 0%" v-on:click="copyS64()" class="clickable">{{player !== null && player['steam_data'] !== null?player['steam_data']['nickname']:'игрок'}}
+          <md-tooltip class="tooltip" md-direction="bottom">Скопировать Steam64 в буфер обмена</md-tooltip>
+        </h4>
         <hr>
         <div v-if="player['ban'] !== null">
           <p class="profile-text" style="display: inline">Статус Бана: </p>
@@ -24,7 +26,9 @@
         </div>
         <hr>
         <!--GAMETIME-->
-        <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-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-tooltip class="tooltip" md-direction="right">Нажми на сервер чтоб узнать ранг и когда играл</md-tooltip>
+        </md-button>
         <md-menu v-else md-direction="bottom-start" md-size="auto">
           <md-button class="md-raised btn-strange" md-menu-trigger>Статистика по картам</md-button>
           <md-menu-content>
@@ -33,7 +37,9 @@
         </md-menu>
         <div style="padding: 1% 0%"/>
         <md-menu md-direction="bottom-start" md-size="auto">
-          <md-button class="md-raised btn-strange" md-menu-trigger>Последние игры</md-button>
+          <md-button class="md-raised btn-strange" md-menu-trigger>Последние игры
+            <md-tooltip class="tooltip" md-direction="right">Дата последний игры на одном из серверов</md-tooltip>
+          </md-button>
           <md-menu-content>
             <md-menu-item v-for="l in getLastPlay()" :key="l[0]+'l'" v-on:click="$refs.pc_gd.showMe(true, player['steamids']['steam64'], l[2])">{{l[0]}} - {{l[1]}}</md-menu-item>
           </md-menu-content>
@@ -41,7 +47,9 @@
         <GametimeDialog ref="pc_gd"/>
         <div style="padding: 1% 0%"/>
         <!--DONATES-->
-        <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-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-tooltip class="tooltip" md-direction="right">Список покупок привелегий</md-tooltip>
+        </md-button>
         <md-menu v-else md-direction="bottom-start" md-size="auto">
           <md-button class="md-raised btn-strange" md-menu-trigger>Покупки VIP</md-button>
           <md-menu-content>
@@ -50,7 +58,9 @@
         </md-menu>
         <div style="padding: 1% 0%"/>
         <!--BAN LIST-->
-        <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-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-tooltip class="tooltip" md-direction="right">Нажми на бан чтоб узнать подробности</md-tooltip>
+        </md-button>
         <md-menu v-else md-direction="bottom-start" md-size="auto">
           <md-button class="md-raised btn-strange" md-menu-trigger>История Банов</md-button>
           <md-menu-content>
@@ -60,7 +70,9 @@
         <BanViewDialog ref="bvd_pc"/>
         <div style="padding: 1% 0%"/>
         <!--ALT ACCOUNTS-->
-        <md-button v-on:click="loadingAltList()" v-if="this.$API.admin.permition.alt === true && altaccount.loaded === false" class="md-raised btn-strange" style="margin: 0% 0%" md-menu-trigger>{{altaccount.loading?'Загрузка':'Альт.аккаунты'}}</md-button>
+        <md-button v-on:click="loadingAltList()" v-if="this.$API.admin.permition.alt === true && altaccount.loaded === false" class="md-raised btn-strange" style="margin: 0% 0%" md-menu-trigger>{{altaccount.loading?'Загрузка':'Альт.аккаунты'}}
+          <md-tooltip class="tooltip" md-direction="right">Пельмень путис</md-tooltip>
+        </md-button>
         <md-menu v-if="this.$API.admin.permition.alt === true && altaccount.loaded === true" md-direction="bottom-start" md-size="auto">
           <md-button class="md-raised btn-strange" md-menu-trigger>Альт.аккаунты</md-button>
           <md-menu-content>
@@ -232,4 +244,10 @@ export default {
   z-index: 111;
   max-width: unset;
 }
+
+.tooltip {
+  background: rgba(0, 0, 0, 0.7);
+  font-family: tf2secondary;
+  color: #fd8846;
+}
 </style>

src/components/TabsMenuElements/ProfileView/ProfileView.vue

@@ -19,9 +19,15 @@
         </div>
         <div v-else>
           <ProfileContainer :player="$API.player.store"/>
-          <md-button v-on:click="$refs.pv_fp.showFPD()" class="btn-gosty" style="margin: 3% 5%">Найти игрока</md-button>
+          <md-button v-on:click="$refs.pv_fp.showFPD()" class="btn-gosty" style="margin: 3% 5%">Найти игрока
-          <md-button v-on:click="$refs.pv_dw.openDW()" class="btn-old" style="margin: 3% 0%">Привязать стим к дискорду</md-button>
+            <md-tooltip class="tooltip" md-direction="bottom">Ищи других игроков здесь</md-tooltip>
-          <md-button class="btn-boss" v-on:click="logout()" style="float: right; margin: 3% 5%">Выйти</md-button>
+          </md-button>
+          <md-button v-on:click="$refs.pv_dw.openDW()" class="btn-old" style="margin: 3% 0%">Привязать стим к дискорду
+            <md-tooltip class="tooltip" md-direction="bottom">Хочешь к нам на сервер дискорд?</md-tooltip>
+          </md-button>
+          <md-button class="btn-boss" v-on:click="logout()" style="float: right; margin: 3% 5%">Выйти
+            <md-tooltip class="tooltip" md-direction="bottom">Выйти из своего аккаунта STEAM</md-tooltip>
+          </md-button>
         </div>
       </div>
     </div>

src/components/TabsMenuElements/RulesView/RulesView.vue

@@ -12,7 +12,9 @@
     <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 backfill">
         <h4 style="text-align: center; margin-bottom: 0%">Правила на которые ты забьешь хуй</h4>
-        <h5 v-on:click="$API.player.auth('steam')?$refs.rv_bld.showMe(true):null" :class="$API.player.auth('steam')?'clickable':''" style="text-align: center; margin: 0% 0%">Более {{$API.stats['ban_count']}} карликов решили на них забить!</h5>
+        <h5 v-on:click="$API.player.auth('steam')?$refs.rv_bld.showMe(true):null" :class="$API.player.auth('steam')?'clickable':''" style="text-align: center; margin: 0% 0%">Более {{$API.stats['ban_count']}} карликов решили на них забить!
+          <md-tooltip class="tooltip" md-direction="bottom">Нажми чтоб открыть весь список банов (если авторизован)</md-tooltip>
+        </h5>
         <hr>
         <div class="md-layout md-alignment-bottom-center">
           <div class="md-layout-item md-size-100 md-alignment-bottom-center">

src/components/TabsMenuElements/ServersView/Components/PlayerExtendedInfo.vue

@@ -26,8 +26,12 @@
             </div>
           </div>
           <div style="justify-content: center; display: flex; margin-top: 0%">
-            <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-gosty" v-if="showPlayerDialog && this.$API.player.success_auth" v-on:click="$refs.rv.showRV(true)">Репорт
-            <md-button class="btn-uniq" v-if="showPlayerDialog && this.$API.player.success_auth" v-on:click="showProfile()">информация</md-button>
+              <md-tooltip class="tooltip" md-direction="top">Составить репорт на игрока</md-tooltip>
+            </md-button>
+            <md-button class="btn-uniq" v-if="showPlayerDialog && this.$API.player.success_auth" v-on:click="showProfile()">информация
+              <md-tooltip class="tooltip" md-direction="top">Узнать подбробную информацию об {{player['name']}}</md-tooltip>
+            </md-button>
             <md-button class="btn-colored" v-on:click="closePEI()">Закрыть</md-button>
           </div>
         </div>

src/components/TabsMenuElements/ServersView/Components/ServerCard.vue

@@ -10,7 +10,7 @@
             <span class="md-title sc-title" style="text-align: left; font-family: tf2build; font-size: 2.5em">{{serverName}}</span>
             <br class="sc-br">
             <span class="md-subhead sc-subhead" style="text-align: left; font-family: tf2secondary; font-size: 3em">{{serverCurrentPlayer}}/{{serverMaxPlayer}}{{last_play===null?'':` | Играл: ${last_play}`}}</span>
-
+            <md-tooltip class="tooltip" md-direction="top">Нажми чтоб подключиться к {{serverName}}</md-tooltip>
           </md-card-header>
         </md-card-area>
       </md-card-media-cover>

src/components/TabsMenuElements/ServersView/Components/ServerFullInfo.vue

@@ -44,6 +44,7 @@
                 <md-table-cell style="font-family: tf2secondary" md-label="Имя" md-sort-by="name">{{ item.name }}</md-table-cell>
                 <md-table-cell style="font-family: tf2secondary" md-label="Очки" md-sort-by="score">{{ item.score }}</md-table-cell>
                 <md-table-cell style="font-family: tf2secondary" md-label="Наиграно" md-sort-by="sec">{{ item.duration }}</md-table-cell>
+                <md-tooltip class="tooltip" md-direction="top">Нажми чтоб узнать поподробнее про {{item.name}}</md-tooltip>
               </md-table-row>
             </md-table>
             <PlayerExtendedInfo ref="pei" :player="selected_player"/>

src/components/TabsMenuElements/VipView/Components/VipBuyDialog.vue

@@ -42,7 +42,7 @@
           </div>
         </div>
         <div v-if="$API.player.auth('steam')">
-          <p class="p-about-buy" style="text-align: center">после получения перезайди на сервер, если тебя не кикнуло автоматом</p>
+          <p class="p-about-buy" style="text-align: center">после получения перезайди на сервер, если тебя не кикнуло автоматом или напиши админам</p>
         </div>
         <div v-else>
           <h3 style="text-align: center; cursor: pointer; text-decoration-line: underline" v-on:click="openAW()">АВТОРИЗОВАТЬСЯ</h3>

src/components/TabsMenuElements/VipView/Components/VipCard.vue

@@ -1,6 +1,7 @@
 <template>
   <div :class="ifItem()" style="padding-right: 2.5%; padding-left: 2.5%; cursor: pointer" v-on:click="$refs.vbd.openVBD()">
     <md-card class="md-card-vip">
+      <md-tooltip class="tooltip" md-direction="top">Нажми чтоб посмотреть</md-tooltip>
       <md-card-media-cover md-solid>
         <md-card-media md-ratio="1:1" class="md-card-media-vip">
           <img :src="getImg()" :alt="price.human_duration">