udxcms 1.0.8 → 1.0.10

package/dist/components/pageComponents/header/header_lending.vue

@@ -1,352 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 
- * @Date: 2022-04-25 15:11:26
- * @LastEditors: Lewis
- * @LastEditTime: 2022-06-28 02:24:03
--->
-<template>
-    <div class='flex-space lending-header'>
-        <div class="logo" @click='goHome'>
-            <!-- <img src="@/assets/img/Lending.png" alt="" /> -->
-            <img
-                :src="logoSrc + '/' + language + '/w72.png'"
-                class="imgsvg" v-theme="{height: commonConf.logoHeight}"
-            />
-        </div>
-        <div class="nav">
-            <!-- <div :class="['nav-item', !activeIndex && 'active']" @click='goHome()'>Dashboard</div>
-            <div :class="['nav-item']" @click='goUsdr()'>USDR</div> -->
-            <div :class="['nav-item', routePath == item.click_url && 'active']" @click='goUrl(item.click_url)' v-for="(item, index) in navList" :key='index'>{{item.bar_name}}</div>
-        </div>
-        <div class="wallet-box flex">
-            <div class="rewards-box" @click='claimEvent' v-if='false'>
-                <span>{{commonTokenDetail.balanceAccrued}}</span>
-                <img :src="commonTokenDetail.iconUrl" alt="" />
-            </div>
-            <div v-if="account" class="my-portfolio wallet">
-                <span class="menu-text">Portfolio</span>
-                <div class="wallet-more-box">
-                    <PortfolioMenu class='portfolio'></PortfolioMenu>
-                </div>
-            </div>
-            <div class="wallet">
-                <NetworkSelect
-                    :networks="walletNetworks"
-                    :defaultChainId="chainId"
-                    :isShowLabel='!account'
-                    @change="changeChain"
-                />
-            </div>
-            <!-- <div class="wallet">
-                <Networklist class='network-list'/>
-            </div> -->
-            <div class="wallet">
-                <span v-if='!activeUser' class='wallet-connet' @click='connectWallet'>Connect Wallet</span>
-                <span v-if='activeUser' class='wallet-account'>
-                    <img :src="walletIcon || require('../../../assets/img/walletconnect.png')" alt="" v-if="walletIcon && walletIcon.indexOf('<svg') == -1"/>
-                    <span>{{ walletAccount }}</span>
-                    <svg-icon className="account-icon" icon-class="arrow-down-w"></svg-icon>
-                </span>
-                <div class="wallet-more-box" v-if="activeUser && walletAccount.length">
-                    <userPanel v-model="isShowUserPanel" top="20" :isClickstatus="false" type="C"/>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    import { mapState } from "vuex";
-    import { formatDateDecimal, formDataEthers, getStyleObj } from '../../../utils/index'
-    import { lendingConfig } from '@/config/index'
-    import conf from "../../../config/index"
-    // const Compound = require('@compound-finance/compound-js')
-    export default {
-        name: 'index-header',
-        computed: {
-            ...mapState("user", ["userInfo", "currency"]),
-            logoSrc() {
-                let path =
-                    this.$t("site_common_logo_base_url") +
-                    (window.location.host.indexOf(conf.localHostIp) == -1
-                        ? window.location.hostname
-                        : conf.testSite);
-                return path;
-            },
-            chainId() {
-                return this.$store.state.chainId;
-            },
-            account() {
-                return this.$store.getters.account || '';
-            },
-            walletNetworks() {
-                return this.$store.getters.walletNetworks;
-            },
-            walletIcon() {
-                return this.$store.getters.walletIcon || '';
-            }
-        },
-        props: {
-            navList: {
-                type: Array,
-                default: function() {
-                    return [];
-                },
-            },
-        },
-        watch: {
-            "$store.state.wallet.wallet": {
-                handler: function (wallet) {
-                    this.walletlistenerFunc(wallet);
-                },
-                deep: true,
-            },
-            "$store.state.user.userInfo.uid"(val) {
-                this.initActiveUser();
-                if (val && val.length && typeof val != "undefined") {
-                    this.walletName = val;
-                    this.activeAccount = this.walletAccount = val.slice(0, 4) + "******" + val.slice(-4, val.length);
-                } else {
-                    let syncWallet = this.walletData.getSyncWallet();
-                    if (!syncWallet) {
-                    this.activeUser = false;
-                    this.walletName = "";
-                    this.walletAccount = this.activeAccount.length ? this.activeAccount : "";
-                    }
-                }
-            },
-            $route: {
-                handler(val) {
-                    this.routePath = val.path
-                },
-                immediate: true
-            }
-        },
-        data() {
-            return {
-                islogin: false,
-                walletAccount: '',
-                isShowUserPanel: true,
-                activeUser: false,
-                commonTokenDetail: {},
-			    language: localStorage.getItem("language") || conf.baseLanguage,
-                commonConf: {},
-                activeIndex: 0,
-                routePath: ''
-            }
-        },
-        created() {
-            this.initData()
-        },
-        mounted() {
-            this.init()
-        },
-        methods: {
-            initData() {
-                this.$store.dispatch('getCommonTokenList')
-                this.$store.dispatch('fetchNetworkList')
-                // this.getCompoundDetail()
-                this.$bus.$on("refreshCompoundData", compObj => {
-                    // this.getCompoundDetail(compObj)
-                });
-            },
-            init() {
-                this.$nextTick(() => {
-                    $Vue.$bus.$on("refresh", (events) => {
-                        events.map((type) => {
-                            switch (type) {
-                                case "initActiveUser":
-                                    this.initActiveUser()
-                                break;
-                                default:
-                                break
-                            }
-                        });
-                    });
-                    this.walletlistenerFunc()
-                })
-                let pageName = this.$route.name
-                let styleObj = getStyleObj(pageName, ['commonConf'])
-                this.commonConf = styleObj.commonConf
-            },
-            goHome() {
-                this.$router.push({
-                    path: '/loans'
-                })
-            },
-            goUrl(path) {
-                this.$router.push({
-                    path
-                }) 
-            },
-            walletlistenerFunc(wallet) {
-                wallet = wallet || this.$store.state.wallet.wallet;
-                let walletName = (!this.userCenter && wallet.address) || "";
-                if (walletName && walletName.length) {
-                    this.walletAccount = this.activeAccount = this.walletName = walletName.slice(0, 4) + "******" + walletName.slice(-4, walletName.length);
-                } else {
-                    this.walletName = "";
-                }
-                this.initActiveUser();
-            },
-            async initActiveUser() {
-                let activeUser = (this.userInfo && this.userInfo.uid && this.userInfo.uid.length) || 0;
-                let token = localStorage.getItem("TOKEN");
-                let syncWallet = this.walletData.getSyncWallet();
-                let walletActive = (syncWallet && Object.keys(syncWallet).length) || false;
-                this.activeUser = activeUser && walletActive && token;
-            },
-            claimEvent() {
-                this.$bus.$emit("compoundEvent", {
-                    type: 'Claim',
-                    tokenDetail: this.commonTokenDetail
-                })
-            },
-            connectWallet() {
-                $Vue.$bus.$emit("linkWalletByConnetBtn")
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .lending-header {
-        height: 72px;
-        padding: 0 30px;
-        background: rgba(255, 255, 255, 0.4);
-        position: relative;
-        z-index: 2;
-        .logo {
-            // height: 20px;
-            z-index: 2;
-            img {
-                height: 20px;
-                width: auto;
-                cursor: pointer;
-            }
-        }
-        .nav {
-            position: absolute;
-            z-index: 0;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 72px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            .nav-item {
-                padding: 8px 10px;
-                font-size: 16px;
-                color: #383B46;
-                cursor: pointer;
-                font-family: FontMedium;
-                margin: 0 10px;
-                &.active {
-                    color: #21B2C1;
-                    border-bottom: 2px solid #21B2C1;
-                }
-            }
-        }
-        .wallet-box {
-            height: 100%;
-            .rewards-box {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                min-width: 92px;
-                height: 36px;
-                background: #21B2C1;
-                border-radius: 18px;
-                margin-right: 20px;
-                padding: 0 8px;
-                cursor: pointer;
-                z-index: 2;
-                span {
-                    font-size: 15px;
-                    color: white;
-                    margin-right: 6px;
-                }
-                img {
-                    width: 20px;
-                    height: 20px;
-                }
-            }
-            .wallet {
-                display: flex;
-                align-items: center;
-                position: relative;
-                .network-list {
-                    margin-right: 20px;
-                }
-                .wallet-connet {
-                    color: #21B2C1;
-                    font-size: 16px;
-                    font-family: Font;
-                    cursor: pointer;
-                    &:hover {
-                        font-weight: 600;
-                    }
-                }
-                .wallet-account {
-                    display: flex;
-                    align-items: center;
-                    font-size: 16px;
-                    font-family: Font;
-                    cursor: pointer;
-                    .account-icon {
-                        transition: all .5s;
-                        width: 24px;
-                        height: 24px;
-                    }
-                    img, /deep/ svg {
-                        width: 24px;
-                        height: 24px;
-                        margin-right: 8px;
-                    }
-                }
-                .wallet-more-box {
-                    display: none;
-                    position: absolute;
-                    top: 50px;
-                    right: 0;
-                    min-width: 200px;
-                    min-height: 150px;
-                    &:hover {
-                        display: block;
-                    }
-                    /deep/ .portfolio {
-                        ul {
-                            background: var(--popup-bg);
-                            border-radius: var(--border-radius-base);
-                            box-shadow: var(--box-shadow-base);
-                            li {
-                                margin: 0px;
-                                height: 48px;
-                                line-height: 48px;
-                                font-size: 16px;
-                                color: var(--text-color);
-                                white-space: nowrap;
-                                &:hover {
-                                    color: var(--link-color);
-                                    background-color: var(--select-item-bg);
-                                }
-                            }
-                        }
-                    }
-                }
-                &:hover {
-                    .wallet-account .account-icon {
-                        transform: rotate(180deg);
-                        transform-origin: center;
-                    }
-                    .wallet-more-box {
-                        display: block;
-                    }
-                }
-            }
-        }
-    }
-</style>