From bed6ac42112e16a3f7d22133ccbaf5b7ccd27f84 Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Thu, 18 Apr 2024 14:49:50 +0800
Subject: [PATCH] =?UTF-8?q?nft=20=E5=90=88=E4=BD=9C=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/common/logo-etherscan.png | Bin 0 -> 4677 bytes
 src/components/errorDialog/index.js  |  14 +
 src/views/home/index.vue             | 148 ++--------
 src/views/home/nftPartner.vue        | 421 +++++++++++++++++++++++++++
 4 files changed, 453 insertions(+), 130 deletions(-)
 create mode 100644 src/assets/common/logo-etherscan.png
 create mode 100644 src/views/home/nftPartner.vue

diff --git a/src/assets/common/logo-etherscan.png b/src/assets/common/logo-etherscan.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2b3a0ef89821b36acbbda658ac658f58d40b2d1
GIT binary patch
literal 4677
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
KxlGY2?0*13oq#I<

literal 0
HcmV?d00001

diff --git a/src/components/errorDialog/index.js b/src/components/errorDialog/index.js
index 626f28d..f02b0b0 100644
--- a/src/components/errorDialog/index.js
+++ b/src/components/errorDialog/index.js
@@ -28,6 +28,20 @@ let errmsg = err
     errmsg = 'Event starting soon. Please check back later'
   } else if(errmsg.indexOf('waiting for chain confirm') > -1) {
     errmsg = 'waiting for chain confirm'
+  } else if(errmsg.indexOf('voucher not found') > -1) {
+    errmsg = 'voucher not found'
+  } else if(errmsg.indexOf('Can not be empty') > -1) {
+    errmsg = 'Can not be empty'
+  } else if(errmsg.indexOf('need connect discord first') > -1) {
+    errmsg = 'need connect discord first'
+  } else if(errmsg.indexOf('Invalid Voucher Code' > -1)) {
+    errmsg = 'Invalid Voucher Code'
+  } else if(errmsg.indexOf('already claimed') > -1) {
+    errmsg = 'already claimed'
+  } else if(errmsg.indexOf('had no role')) {
+    errmsg = 'had no role'
+  } else if(errmsg.indexOf('have not join guild')) {
+    errmsg = 'have not join guild'
   }
 
   const _confirm = new iErrorMessage({
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1e72ff6..eafc27c 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="zillionaire">
-    <div class="content" v-show="navIndex == 0 || navIndex == 1">
+    <div class="content" v-show="navIndex == 0 || navIndex == 1|| navIndex == 3">
       <div class="left">
         <div class="left-top">
           <div class="left-top-logo">
@@ -60,7 +60,7 @@
           </div>
         </div>
         <div class="left-title">
-          <div class="left-title-left" v-if="navIndex == 0">
+          <div class="left-title-left" v-if="navIndex == 0 || navIndex == 3">
             <div>Complete <img src="./../../assets/home/Icon_star.png" alt="">Social Quests</div>
           </div>
           <div class="left-title-left1" v-if="navIndex == 1">
@@ -95,7 +95,7 @@
               class="desc"
             >Complete Social Quests, Embark on Explorations, Open/Boost Chests to earn Airdrop Points, which will eventually be converted to $CEC.<br /><p @click="openLink">Read here for more details.</p></div>
           </div>
-          <div class="explore-desc-map" v-if="navIndex == 1">
+          <div class="explore-desc-map" v-if="navIndex == 1 || navIndex == 3">
             <li>
               <h2>EXPLORE</h2>
               <div class="logo">
@@ -463,72 +463,10 @@
             </div>
           </div>
         </div>
-        <div class="content-right" v-if="navIndex == 2">
-          <div class="title">
-            <div class="title-left">
-              <div>Partner</div>  <el-button @click="generate">激活码</el-button>
-            </div>
-          </div>
-          <div class="check-code">
-            <div class="check-code-icon">
-              <img src="@/assets/common/Enter.png" alt />
-            </div>
-            <div class="check-code-input">
-              <el-input v-model="checkCodeInput" placeholder="Enter Chest Redemption Code" />
-            </div>
-            <div class="check-code-btn" @click="submitCode">
-              <div>Confirm</div>
-            </div>
-          </div>
-          <div class="quest">
-            <div class="partner-list">
-              <!-- <div>
-                coming soon
-              </div>-->
-              <div class="partner">
-                <div>Partner</div>
-                <div>Chain</div>
-                <div>Rewards</div>
-              </div>
-              <div class="nft-list">
-                <li v-for="(item, index) in nftsList" :key="index">
-                  <div class="quest-item">
-                    <div class="content-rewards-left">
-                      <div class="img-logo">
-                        <img src="./../../assets/home/twitter.png" alt />
-                      </div>
-                      <div class="desc">
-                        <h3>{{ item.collection }}</h3>
-                        <p>{{ item.projectName }}</p>
-                      </div>
-                    </div>
-                    <div class="chain">
-                      <!-- <img src="@/assets/box/box01.png" alt=""> -->
-                      <div>1</div>
-                    </div>
-                    <div class="Rewards">
-                      <div class="box-img">
-                        <img src="@/assets/box/box01.png" alt="">
-                      </div>
-                      <div v-if="token != null" class="btn">
-                        <div class="is-btn">
-                          <div v-if="item.status == 0" @click="chickNftClaim(item.contract)">Chick</div>
-                          <div v-else-if="item.status == 1" class="check-yes">
-                            <img src="@/assets/home/check-yes.png" alt="">
-                          </div>
-                        </div>
-                      </div>
-                      <div class='light-btn' v-else @click="onWalletLogin">Check</div>
-                    </div>
-                  </div>
-                </li>
-              </div>
-            </div>
-          </div>
-        </div>
+        <NftPartner v-if="navIndex == 3" @awardDialog="exploreAwardDialog" @onWalletLogin="onWalletLogin" />
       </div>
     </div>
-    <div class="content-box" v-show="navIndex == 2 || navIndex == 3">
+    <div class="content-box" v-show="navIndex == 2 || navIndex == 4">
       <div class="box">
         <div class="box-top">
           <div class="left">
@@ -641,7 +579,7 @@
         <div class="box-btm" v-show="navIndex == 2">
           <BoxBtm ref="boxList" @toExplore="toExplore" @awardDialog="activityDialog" />
         </div>
-        <div class="box-btm" v-show="navIndex == 3">
+        <div class="box-btm" v-show="navIndex == 4">
           <Ranking :activityName="activityData.name" ref="rankingData" />
         </div>
       </div>
@@ -700,6 +638,7 @@ import HelpDialog from "./helpDialog.vue";
 import LogDialog from "./logDialog.vue";
 import Loading from "@/components/loading.vue";
 import RuleDialog from "./ruleDialog.vue";
+import NftPartner from './nftPartner.vue'
 import { getToken } from "@/utils/cookies.js";
 // import { getWalletAddress, isWalletConnected, linkWallet } from "@/wallet/index.js";
 import {
@@ -736,7 +675,8 @@ export default {
     HelpDialog,
     LogDialog,
     Loading,
-    RuleDialog
+    RuleDialog,
+    NftPartner
   },
   data() {
     return {
@@ -777,12 +717,12 @@ export default {
           imgSrc: require("./../../assets/common/P3-up.png"),
           imgSrc1: require("./../../assets/common/P3.png")
         },
-        // {
-        //   id: 3,
-        //   name: 3,
-        //   imgSrc: require("./../../assets/common/P5-up.png"),
-        //   imgSrc1: require("./../../assets/common/P5.png"),
-        // },
+        {
+          id: 3,
+          name: 3,
+          imgSrc: require("./../../assets/common/P5-up.png"),
+          imgSrc1: require("./../../assets/common/P5.png"),
+        },
         {
           id: 5,
           name: 5,
@@ -790,7 +730,7 @@ export default {
           imgSrc1: require("./../../assets/common/P4.png")
         }
       ],
-      navIndex: 2,
+      navIndex: 0,
       walletDialogVisible: false,
       gameStateData: {},
       activityName: "",
@@ -856,7 +796,6 @@ export default {
   created() {
     this.userData = JSON.parse(localStorage.getItem("userData"));
     this.token = getToken();
-    this.getNftList();
   },
   mounted() {
     this.initData();
@@ -871,7 +810,6 @@ export default {
   methods: {
     async initData() {
       await this.getActivity();
-      // this.getNftList()
       this.$store.dispatch('wallet/restore')
       this.$store.dispatch('user/restore')
       if (this.token) {
@@ -1371,57 +1309,7 @@ export default {
       this.nftsList = res.data.data;
     },
 
-    async generate() {
-      let res = await this.$axios.post(process.env.VUE_APP_API_URL + "/api/voucher/generate",
-        {num: 5},
-        { headers: { Authorization: `Bearer ${this.token}` } })
-      console.log(res.data.data)
-    },
 
-    // 提交nft合作邀请码
-    submitCode() {
-//       "testoVC6BT0f"
-// 1
-// : 
-// "testZ5bxiJNF"
-// 2
-// : 
-// "testCFLg58et"
-// 3
-// : 
-// "testjVmKtkEN"
-// 4
-// : 
-// "testZuX1lyLj"
-      if (this.token) {
-        console.log(this.checkCodeInput);
-        if (this.checkCodeInput) {
-          
-        } else {
-          alert("不能为空");
-        }
-      } else {
-        this.walletDialogVisible = true;
-      }
-    },
-
-    // 领取NFT holder 奖励
-    async chickNftClaim(contract) {
-      try {
-        let { errcode, errmsg, data } = await apiClaimNft(contract);
-        if (!errcode) {
-          this.exploreAwardDialog(data)
-          localStorage.removeItem(storeageKey);
-          clearInterval(serTimeId);
-        } else if (errcode !== 14) {
-          // 状态不是等待链上确认的, 都提示错误
-          this.$showErr(errmsg)
-          clearInterval(serTimeId);
-        }
-      } catch (err) {
-        this.$message.error(`claim partner reward error: ${err}`);
-      }
-    },
 
     formatDateGMT(time) {
       let date = new Date(time).toGMTString()
@@ -2992,11 +2880,11 @@ export default {
   }
   .wallet-dialog {
     position: relative;
-    z-index: 9;
+    z-index: 99;
   }
   .help-dialog {
     position: relative;
-    z-index: 1;
+    z-index: 9;
   }
   .light-btn {
     background: #ffc35b;
diff --git a/src/views/home/nftPartner.vue b/src/views/home/nftPartner.vue
new file mode 100644
index 0000000..de1cc1c
--- /dev/null
+++ b/src/views/home/nftPartner.vue
@@ -0,0 +1,421 @@
+<template>
+  <div class="content-right">
+    <div class="title">
+      <div class="title-left">
+        <div>Partner</div>
+      </div>
+    </div>
+    <div class="check-code">
+      <div class="check-code-icon">
+        <img src="@/assets/common/Enter.png" alt />
+      </div>
+      <div class="check-code-input">
+        <el-input v-model="checkCodeInput" placeholder="Enter Chest Redemption Code" />
+      </div>
+      <div class="check-code-btn" @click="submitCode">
+        Confirm
+      </div>
+    </div>
+    <div class="quest">
+      <div class="partner-list">
+        <!-- <div>
+                coming soon
+        </div>-->
+        <div class="partner">
+          <div>Partner</div>
+          <div>Chain</div>
+          <div>Rewards</div>
+        </div>
+        <div class="nft-list">
+          <li v-for="(item, index) in nftsList" :key="index">
+            <div class="quest-item">
+              <div class="content-rewards-left">
+                <div class="img-logo">
+                  <a :href="item.link" target="_blank">
+                    <img src="./../../assets/home/twitter.png" alt />
+                  </a>
+                </div>
+                <div class="desc">
+                  <h3>{{ item.collection }}</h3>
+                  <p>{{ item.projectName }}</p>
+                </div>
+              </div>
+              <div class="chain">
+                <a :href="`https://etherscan.io/address/${item.contract}`" target="_blank">
+                  <img src="@/assets/common/logo-etherscan.png" alt="">
+                </a>
+              </div>
+              <div class="Rewards">
+                <div class="box-img">
+                  <img src="@/assets/box/box01.png" alt />
+                </div>
+                <div v-if="token != null" class="btn">
+                  <div class="is-btn">
+                    <div v-if="item.status == 0"  class="check-no" @click.stop="chickNftClaim(item.contract)">Chick</div>
+                    <div v-else-if="item.status == 1" class="check-yes">
+                      <img src="@/assets/home/check-yes.png" alt />
+                    </div>
+                  </div>
+                </div>
+                <div class="light-btn" v-else @click="onWalletLogin">Connect Wallet</div>
+              </div>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getToken } from "@/utils/cookies.js";
+import { apiVoucherClaim, apiClaimNft } from '@/utils/webapi.js'
+ const BASE52_ALPHABET = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
+const isValidVoucherCode = (str) => {
+  let reg = new RegExp(`^[${BASE52_ALPHABET}]{12}$`)
+  return reg.test(str)
+}
+export default {
+  data() {
+    return {
+      checkCodeInput: '',
+      nftsList: [],
+      token: '',
+      time: 10,
+      timeLeft: 0,
+    }
+  },
+  created() {
+    this.token = getToken();
+    this.getNftList()
+  },
+  methods() {
+  },
+  methods: {
+    onWalletLogin() {
+      this.$emit('onWalletLogin')
+    },
+    async getNftList() {
+      let res = await this.$axios.get(
+        process.env.VUE_APP_API_URL + "/api/partner/nfts"
+      );
+      this.nftsList = res.data.data;
+    },
+
+    async generate() {
+      let res = await this.$axios.post(process.env.VUE_APP_API_URL + "/api/voucher/generate",
+        {num: 10},
+        { headers: { Authorization: `Bearer ${this.token}` } })
+      console.log(res.data.data)
+    },
+    // 0
+// : 
+// "testT9uo9gbl"
+// 1
+// : 
+// "testOPXqIEx2"
+// 2
+// : 
+// "testf29qGaFy"
+// 3
+// : 
+// "testUG6ZQoTD"
+// 4
+// : 
+// "testeralYA9o"
+// 5
+// : 
+// "test4WjfY8lB"
+// 6
+// : 
+// "testkfhwdWVc"
+// 7
+// : 
+// "testrpQlku6M"
+// 8
+// : 
+// "testIySydB0z"
+// 9
+// : 
+// "testR2JBM2T9"
+
+    // 提交nft合作邀请码
+    async submitCode() {
+      if (this.token) {
+        if (this.checkCodeInput) {
+          if(!isValidVoucherCode(this.checkCodeInput)) {
+            this.$showErr('Invalid Voucher Code')
+          }
+          let { errcode, errmsg, data } = await apiVoucherClaim(this.checkCodeInput)
+          if(!errcode) {
+            this.$emit('awardDialog',data)
+          } else if(errcode == 11) {
+            this.$showErr(errmsg)
+          } else if(errcode == 10) {}
+        } else {
+          this.$showErr(`Can not be empty`)
+        }
+      } else {
+        this.onWalletLogin()
+      }
+    },
+
+    // 领取NFT holder 奖励
+    async chickNftClaim(contract) {
+      let discordId = JSON.parse(localStorage.getItem("userData")).discordId
+      if(discordId) {
+        try {
+          let { errcode, errmsg, data } = await apiClaimNft(contract);
+          if (!errcode) {
+            this.getNftList()
+            this.$emit('awardDialog',data)
+          } else if(errcode == 10 || errcode == 20) {
+            this.$showErr(errmsg)
+          } else if(errcode == 13) {
+            this.$showErr(errmsg)
+          } else if(errcode == 14) {
+            this.$showErr(errmsg)
+          } else if(errcode == 21) {
+            this.$showErr(errmsg)
+          }
+        } catch (err) {
+          this.$message.error(`claim partner reward error: ${err}`);
+        }
+      } else {
+        this.$showErr('need connect discord first')
+      }
+    },
+    beginCountdown() {
+      this.timeLeft = parseInt(this.time);
+      let timer = setInterval(() => {
+        this.timeLeft--;
+        if (this.timeLeft <= 0) {
+          clearInterval(timer);
+        }
+      }, 1000);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-right {
+  width: 100%;
+  z-index: 999;
+  padding: 10px;
+  box-sizing: border-box;
+  background: #2d2738;
+  background: url("./../../assets/home/quest log bg.png") no-repeat;
+  background-size: 100% 100%;
+  border-radius: 20px;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    .title-left {
+      color: #fff;
+      font-size: 20px;
+      font-family: "Poppins-SemiBold";
+      font-weight: 700;
+      margin-bottom: 10px;
+    }
+  }
+  .check-code {
+    width: 100%;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: url("@/assets/common/check-input.png") no-repeat;
+    background-size: 100% 100%;
+    margin-bottom: 10px;
+    display: flex;
+    // align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+    box-sizing: border-box;
+    .check-code-icon {
+      width: 30px;
+      height: 25px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .check-code-input {
+      width: 240px;
+      ::v-deep .el-input {
+        .el-input__inner {
+          border: 0px;
+          background: #1e1b26;
+          color: #fff;
+        }
+        input::-webkit-input-placeholder {
+          color: #4e475b;
+        }
+      }
+    }
+    .check-code-btn {
+      width: 90px;
+      height: 25px;
+      font-size: 12px;
+      background: #fec25d;
+      color: #000;
+      border-radius: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    }
+  }
+  .quest {
+    background: #1e1b26;
+    padding: 10px;
+    width: 100%;
+    box-sizing: border-box;
+    border-radius: 20px;
+    .partner-list {
+      height: 380px;
+      .partner {
+        display: flex;
+        align-items: center;
+        height: 30px;
+        font-size: 14px;
+        // justify-content: space-between;
+        padding: 0 10px;
+        div {
+          width: 160px;
+          height: 100%;
+          line-height: 30px;
+        }
+        div:nth-child(2) {
+          width: 60px;
+        }
+      }
+      .nft-list {
+        height: 350px;
+        overflow-y: scroll;
+        li .quest-item {
+          display: flex;
+          align-items: center;
+          min-height: 60px;
+          padding: 10px;
+          border-radius: 10px;
+          font-size: 14px;
+          margin: 10px 0;
+          box-sizing: border-box;
+          color: #fff;
+          .content-rewards-left {
+            display: flex;
+            width: 160px;
+            .img-logo {
+              width: 40px;
+              height: 40px;
+              margin-right: 10px;
+              img {
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+              }
+            }
+            .desc {
+              max-width: 240px;
+              h3 {
+                text-align: left;
+                font-size: 14px;
+                font-family: "Poppins-SemiBold";
+              }
+              p {
+                font-family: "Poppins-Light";
+                font-size: 12px;
+                text-align: left;
+              }
+            }
+          }
+          .chain {
+            width: 60px;
+            height: 40px;
+            a {
+              display: inline-block;
+              width: 30px;
+              height: 30px;
+              border-radius: 50%;
+              margin: 0 auto;
+              img {
+                width: 100%;
+                height: 100%;
+              }
+            }
+            
+          }
+          .Rewards {
+            width: 160px;
+            padding: 0 10px;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            justify-content: center;
+            align-items: center;
+            .box-img {
+              width: 50px;
+              height: 40px;
+              img {
+                width: 100%;
+                height: 100%;
+              }
+            }
+            .btn {
+              margin-left: 20px;
+              .check-no {
+                background: #ffc35b;
+                color: #000;
+                padding: 5px 10px;
+                font-weight: 400;
+                border-radius: 20px;
+                font-size: 12px;
+                cursor: pointer;
+              }
+              .check-yes {
+                width: 30px;
+                height: 30px;
+                img {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+            }
+          }
+        }
+        &::-webkit-scrollbar {
+          width: 5px;
+        }
+        &::-webkit-scrollbar-track {
+          background: #171220;
+          border-radius: 2px;
+        }
+        &::-webkit-scrollbar-corner {
+          display: block;
+        }
+        &::-webkit-scrollbar-thumb {
+          height: 15px;
+          background: #9950fd;
+          border-radius: 10px;
+        }
+      }
+    }
+  }
+  .tips {
+    margin-top: 10px;
+    font-size: 14px;
+    color: #fff;
+  }
+  .light-btn {
+    background: #fec25d;
+    color: #000;
+    font-size: 12px;
+    padding: 5px 4px;
+    border-radius: 15px;
+  }
+}
+</style>>