buy vip instruction

src/components/ActionDialogs/Information/BuyVipInstruction.vue

@@ -0,0 +1,70 @@
+<template>
+  <md-dialog :md-active.sync="show" @close="show=false">
+    <div class="md-layout md-alignment-bottom-center">
+      <div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only md-scrollbar"  style="height: 400px; overflow-y: auto;">
+        <p style="text-align: center; padding: 0% 5%">{{info[type]["header"]}}</p>
+        <p class="dmd-p" style="text-align: center; font-weight: bold">ЧИТАЙ ВНИМАТЕЛЬНО ЧТОБ ПОТОМ НЕ ОБОСРАТЬСЯ</p>
+        <p class="dmd-p" style="">1) {{info[type]["1"]}}</p>
+        <p class="dmd-p" style="">2) {{info[type]["2"]}}</p>
+        <p class="dmd-p" style="">3) {{info[type]["3"]}}</p>
+        <p class="dmd-p" style="">4) {{info[type]["4"]}}</p>
+        <div style="text-align: center">
+          <md-checkbox v-model="accept" style="font-family: tf2build">Я ознакомился и готов брать</md-checkbox>
+          <md-button v-if="accept" class="btn-strange" v-on:click="acceptAndBuy">БЕРУ</md-button>
+        </div>
+      </div>
+    </div>
+    <md-button style="float: right" class="btn-colored" v-on:click="show=false">Закрыть</md-button>
+  </md-dialog>
+</template>
+
+<script>
+export default {
+  name: "BuyVipInstruction",
+  data: () => ({
+    show: false,
+    accept: false,
+    url: "",
+    type: "",
+    info: {
+      "steam":{
+        "header":"Получение через обмен у бота в steam",
+        "1":"Тебя перекинет на страницу стима на обмен с ботом",
+        "2":"Кидаешь из СВОИХ вещей нужное количество указанных предметов",
+        "3":"Принимается только чистый РЕФ и КЛЮЧ, тоесть не насмешки или шапки, а именно чистый предмет",
+        "4":"Бот может иногда тупить, но обычно все проходит гладко"},
+      "da":{
+        "header":"Получение через DonationAlerts",
+        "1":"Тебя перекинет на форму Donation Alerts",
+        "2":"В поле с суммой вводишь значение количество деняк которые нужно отдать за сколько-то дней, например: 38.5Р. Оплата только рублями РФ.",
+        "3":"В поле с комментарием, пишешь ссылку на свой аккаунт, например: https://steamcommunity.com/id/pycckuu_nytuh",
+        "4":"НИЧЕГО БОЛЬШЕ НЕ ПИШЕШ, НЕ НИК, НЕ О ТОМ КАК ПОЕЛ, НЕ НА ВИП СКОЛЬКО ТАМ ДНЕЙ, ЖМЕШЬ НА ОПЛАТИТЬ ВИПКУ"},
+      "qiwi":{
+        "header":"Получение через QIWI",
+        "1":"Получение через КИВИ",
+        "2":"У киви отозвали лицензию",
+        "3":"Можешь даже не пробывать",
+        "4":"Уверяю"},
+      "":{
+        "header":"Получение через ХУЙ",
+        "1":"Рыгни",
+        "2":"Пукни",
+        "3":"Закрой глаза",
+        "4":"Проснись"
+      }
+    }
+  }),
+  methods: {
+    showMe(b, url, type) {
+      this.accept = false;
+      this.type = type===undefined?"":type;
+      this.url = url===undefined?"":url;
+      this.show = b;
+    },
+    acceptAndBuy() {
+      window.open(this.url, "_blank");
+      this.show = false;
+    }
+  }
+}
+</script>

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

@@ -63,6 +63,7 @@
     </div>
     <AuthWindow ref="aw" />
     <BuyMethodDisableDialog ref="bmdd" />
+    <BuyVipInstruction ref="vbd_bvi"/>
   </md-dialog>
 </template>
 
@@ -77,10 +78,12 @@ import BuyMethodDisableDialog from "@/components/ActionDialogs/BuyMethodDisableD
 import DonationAlertsSvg from "@/components/Others/CustomSvg/DonationAlertsSvg.vue";
 import PromocodeDialog from "@/components/TabsMenuElements/VipView/Components/PromocodeDialog.vue";
 import PromocodeSvg from "@/components/Others/CustomSvg/PromocodeSvg.vue";
+import BuyVipInstruction from "@/components/ActionDialogs/Information/BuyVipInstruction.vue";
 
 export default {
   name: 'VipBuyDialog',
   components: {
+    BuyVipInstruction,
     PromocodeSvg,
     PromocodeDialog,
     DonationAlertsSvg, BuyMethodDisableDialog, FreeVipDialog, AuthWindow, FreeSvg, SteamSvg, QiwiSvg},
@@ -98,13 +101,13 @@ export default {
       this.showBuyDialog = false;
     },
     buyWithSteam() {
-      window.open("api/profile/current/buyvip?buy_type=steam" + Random.getRndWebAppend(), "_blank");
+      this.$refs.vbd_bvi.showMe(true, "api/profile/current/buyvip?buy_type=steam" + Random.getRndWebAppend(), "steam");
     },
     buyWithQiwi(cost) {
-      window.open(`api/profile/current/buyvip?buy_type=qiwi&steam64=${this.$API.player.store.steamids.steam64}&cost=${cost}` + Random.getRndWebAppend(), "_blank")
+      this.$refs.vbd_bvi.showMe(true, `api/profile/current/buyvip?buy_type=qiwi&steam64=${this.$API.player.store.steamids.steam64}&cost=${cost}` + Random.getRndWebAppend(), "qiwi");
     },
     buyWithDA() {
-      window.open("api/profile/current/buyvip?buy_type=donationalerts" + Random.getRndWebAppend(), "_blank");
+      this.$refs.vbd_bvi.showMe(true, "api/profile/current/buyvip?buy_type=donationalerts" + Random.getRndWebAppend(), "da");
     },
     buyWithFree() {
       this.$refs.vfd.getFreeVIP();