From c0017f0b81843003abd5cf2929777b25cdef623e Mon Sep 17 00:00:00 2001
From: Swino4ka <sasakvartuk@gmail.com>
Date: Mon, 11 Mar 2024 21:25:08 +0100
Subject: [PATCH] Modal for refferals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Модал для реффералов бахнул, спать надо, поэтому не сделал вёрстку сорян
---
 .../src/assets/css/PagesStyles/profile.css    |  11 +++++++
 .../src/assets/icons-profile/icon-referal.png | Bin 0 -> 1450 bytes
 luckydiamond/src/components/ReferalModal.vue  |  28 ++++++++++++++++++
 luckydiamond/src/pages/ProfilePage.vue        |   9 +++++-
 4 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 luckydiamond/src/assets/icons-profile/icon-referal.png
 create mode 100644 luckydiamond/src/components/ReferalModal.vue

diff --git a/luckydiamond/src/assets/css/PagesStyles/profile.css b/luckydiamond/src/assets/css/PagesStyles/profile.css
index 1cc92e6..04dc383 100644
--- a/luckydiamond/src/assets/css/PagesStyles/profile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/profile.css
@@ -88,6 +88,17 @@
     background: #EF4444;
 }
 
+.referal {
+    padding: 3.8% 46% 3% 14%;
+    margin-top: 12px;
+    background: #2D6AE0;
+}
+
+.referal img {
+    height: 20px;
+    width: 22px;
+}
+
 .playerandvid {
     margin-right: 10vh;
 }
diff --git a/luckydiamond/src/assets/icons-profile/icon-referal.png b/luckydiamond/src/assets/icons-profile/icon-referal.png
new file mode 100644
index 0000000000000000000000000000000000000000..c834f64fce8bd60e1c96db4d9b0585f5d9c1ba4b
GIT binary patch
literal 1450
zcmV;b1y%ZqP)<h;3K|Lk000e1NJLTq001rk001rs1^@s6SGg-U00001b5ch_0Itp)
z=>Px)N=ZaPRA>e5m}$sYMHI%L(lT1r(l#@RTv`yJBB-#40{hTvR-%3=P_hpa6q#vK
zUkmyYMbWAST2N6?NknEO?MjjsYFSwj?G&xH-QS;cF6SL)?!8$rN&F97X70>9=R9}r
z%$ajW>PvqH`ZKUIGjOb=OYNb)%gYgx?v(VEq~GkJeutznyDIzrB|R?b4@rL}4{eW0
zV$7h*-jYt2G+WZSk`C!$?L0|462kEV=tEbV93|;OvkeEhbP|9sOZwSn4}+gbx=hm0
z1`W41koFI_r2&ubxsu)ww&Ad<`je9zaJ{aBs;_;!K;Rom7dI$i9Xr8N$(WMNko0Xv
z2g_`&q$5i}+Lva4k;LngMivxY)q+LO`~vnsNpCdZ`Rg|qu)XG28^9R;PSS}51xHKT
z*nr<&d7RM&>`9WoZ@^;vl>)Zc++-N=FOp6vDA?UL-@6$Cn<SlCz|nka%f`m`I}LcP
z%oqja53|P1mIU(n^6Ml$We@c>A3ok3fZNHHD@sOb$EE!ch(-l$k_THnOOx)VK0L|;
z1-o$IPfu%8fXiZFB+ce{Nz!pm;D6Z1UwJdJ>!jh-<cfQy8E}E5CnRl<w5B?`m)H_$
z;|BI%b6wPVaAUMlZ<7&~55L|f3EOZuzazFycd>txq(^M6^2ZLaBc3`382e{J5&a)^
zKxkX|&3G0UJc=(n#_)lIBKw&a*vGW*Ywxt@geAaCJ2}dS!@!4<KE~#j4Q(u`!veO=
zc0KfXBk`rA1=f0uqz|iI&EYgFV-#a7g-Co+tx;N-^nGds!w~IZLDg%LK9DrgI<J-l
z7hGY{F<fMEv=cbZz^v7EW}FzCU@FcSn~!$KQSyN<Gn2mGleh!Y=%gL&TOs_N8nAo-
z90$noYKFfKg9xY&4<jB8eLp2WbzCL}-x@aOmVot-1LJ~!MyK~-%LNW_@jmKst%Vu#
zPRcLB3Atxx4c}WMr5tf|JS*v$M6cV3#P3PQK%BpTa7urk^phjhf}eJ!UJ?hhL0M<N
zCjHOX$TD%)lPe=}bj2~)y2fljo%Av8#$dY`&Jt=8%tyu4R|jxu##2mukHlZd=*MO$
z%)KetE)tK%VtufQM_XyVPkb<zN;=E&{a>4L4j_DNR8F0PCp~;<XDk?(+!{}H#rFZk
zZ^#&CcjH-7cZ8DX+-j8z?q-=!>aR)1PDu1JhARp%F6fHHsDEa*38&M(#SWz8l*GBm
z%N$ZAlGwWvFp0*s5p4DQlW}A<_~B@nWFZxFrOC_fl5#f=aP$+sr-vDsVsU~SdeJUp
zNWHv`a$ez*CM7<~j7MyaI2S(XjN|wi0<5@<IN9MC|5iN-1URnXNsCG5gf{xls7DX1
zMB@B8PCuUb7jwkX!i|;NrQ{?ZW{HHi6B1`hqaYGrX1vZ$jCUc<HHHgyH{OLfA9|J~
z5^r)`$95)un^`_N34*#1|HxTOqVC4K5dX1?bFhiP!Lgl*drZx}U37O{h_5%p6!A*0
z3vmKG@&W`8^0$ezVGuk+Occ5hk0Ak@+>Li3{&9#*uMF7EGd|sjA6jK6#Mf@T3vse@
z7dE+LyAXdb<N}ujY$NeVke!Zj8P8P##>rAj#EH?JV2szJx1pYsnCXxKaZQ0>%XM=7
zToiUOX&5KmSR2LezT4WlTlDppD&Z!UgM^Uu^3ZvOwb93oZcebpCI)+-c@)MG2W>Xn
z%X2_)BQ4?rh7B2gCK*20bETVF@Ow!*$DSdsP!e@-XG}@B;vlDtH@a|u3!MBfl<@ub
z{tW!DX5cURn*}_-0NJnr000hUSV?A0O#mtY000O800000007cclK=n!07*qoM6N<$
Eg00l3)&Kwi

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/components/ReferalModal.vue b/luckydiamond/src/components/ReferalModal.vue
new file mode 100644
index 0000000..1c49c39
--- /dev/null
+++ b/luckydiamond/src/components/ReferalModal.vue
@@ -0,0 +1,28 @@
+<template>
+    <div class="payment-modal withdraw-modal">
+      <div class="payments-modal__content close-modal__icon text-styles__margin">
+        <h1>Рефералы</h1>
+        <img @click="closeModal" src="@/assets/icons-other/icon-payments-modal-close.svg" />
+      </div>
+      <div v-if="payments" class="payments-modal__deposit">
+      </div>
+      <div v-else class="payments-modal__withdraw deposit-text withdraw-input">
+        <div class="btn-withdraw btn-text-style btn-display-deposit btn-style-payments">
+          <h1>В РАЗРАБОТКЕ</h1>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import "@/assets/css/ComponentsStyles/payments-modal.css";
+  export default {
+    props: ["payments"],
+    methods: {
+      closeModal() {
+        return this.$emit("closemodal");
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file
diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index f538eca..42a0aaf 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -14,6 +14,7 @@
       <div class="profile__btns--payments">
         <a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
         <a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
+        <a href="#" class="referal text-btn btn-bg btn-display" @click="referalClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-referal.png"> Рефералы</a>
       </div>
     </div>
     <div class="payments">
@@ -57,6 +58,7 @@
       </div>
     </div>
   </section>
+    <referal-modal v-if="openRef" @notifacetionmoney="NotificationEventListener" @closemodal="openRef = false"></referal-modal>
     <payments-modal v-if="openModal" @notifacetionmoney="NotificationEventListener" @closemodal="openModal = false" :payments="payments"></payments-modal>
     <notiicationwindow-component @notificationremove="NotificationMethod" :notification="notification"></notiicationwindow-component>
   </div>
@@ -67,13 +69,14 @@ import axios from 'axios';
 import ChatComponent from "@/components/ChatComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
 import PaymentsModal from "@/components/PaymentsModal.vue";
+import ReferalModal from "@/components/ReferalModal.vue";
 import ProfilemobilePage from "@/pages/adaptive-pages/ProfilemobilePage.vue";
 import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import { GetCookie } from "@/assets/js/storage/CookieStorage";
 import '@/assets/css/PagesStyles/profile.css'
 import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
 export default {
-  components: {ProfilemobilePage, HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal, NotiicationwindowComponent },
+  components: {ProfilemobilePage, HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal, ReferalModal, NotiicationwindowComponent },
   data() {
     return {
       username: 'Artemka',
@@ -82,6 +85,7 @@ export default {
       balance: 0,
       mobile: false,
       openModal: false,
+      openRef: false,
       payments: true,
       arrayHistory: [],
     }
@@ -134,6 +138,9 @@ export default {
       this.openModal = true
       this.payments = false
     },
+    referalClick() {
+      this.openRef = true
+    },
     NotificationEventListener() {
       this.notification = true
       this.openModal = false