geer-builder 1.2.818 → 1.2.819

package/GCaptcha.vue

@@ -25,7 +25,7 @@
         </div>
 
         <!-- CAPTCHA DIALOG -->
-        <q-dialog :maximized="true" v-model="is_captcha_dialog_open">
+        <q-dialog v-model="is_captcha_dialog_open" persistent>
             <captcha :config="config" :fix_hashtags="fix_hashtags" />
         </q-dialog>
 

package/GCompanyTokenThree.vue

@@ -0,0 +1,301 @@
+<template>
+    <div class="company-token-three" v-if="this.user_info">
+        <div class="company-token-three-wallet">
+            <div v-if="current_slot_info" class="wallet-info" style="cursor:pointer;" @click="is_open_token_claim=true" >
+                <div class="wallet-info-title">
+                    My Current Wallet
+                </div>
+                <div class="wallet-info-value">
+                    <div class="value-img">
+                        <img src="./assets/statics/token-three-wallet.png" alt="">
+                    </div>
+                    <div class="value-text">
+                        My Wallet
+                    </div>
+                    <div class="value-amount">
+                        {{ $_formatNumber(current_slot_info.wallet, { decimal: 2})}}
+                    </div>
+                </div>
+            </div>
+            <div class="wallet-actions">
+                <q-btn size="12px" class="history-button" @click="is_open_token_history=true"  flat>
+                    <q-icon class="q-mr-sm" size="16px">
+                        <img src="./assets/statics/clock.png" alt="">
+                    </q-icon>
+                    <div class="token-label">AdsPro Gain History</div>
+                </q-btn>
+                <q-btn size="12px" class="gain-button" @click="is_open_token_claim=true"  flat>
+                    <q-icon class="q-mr-sm" size="16px">
+                        <img src="./assets/statics/arrow-down.png" alt="">
+                    </q-icon>
+                    <div class="token-label">Gain Shares Now</div>
+                </q-btn>
+            </div>
+        </div>
+        <div class="company-token-three-plans">
+            <div class="plan-container">
+                <template v-if="plan_list.length > 0">
+                    <div @click="viewPlan(plan)" class="plan" v-for="(plan, i) in plan_list" :key="i">
+                        <div class="earn-group">
+                            <div class="earn-label">Total amount to earn </div>
+                            <div class="earn-value">{{ $_formatNumber(plan.total_earn, { decimal: 2})}}</div>
+                        </div>
+                        <div class="status-group">
+                            <div class="status-label">Status</div>
+                            <div class="status-value">{{plan.status}}</div>
+                        </div>
+                        <div class="capital-group">
+                            <div class="capital-label">Total Capital Shares</div>
+                            <div class="capital-value">{{ $_formatNumber(plan.investment_amount, { decimal: 2})}}</div>
+                        </div>
+                    </div>
+                </template>
+                <template  v-if="plan_list.length == 0">
+                    <div class="no-plan">
+                        No Plans
+                    </div>
+                </template>
+            </div>
+            
+            
+        </div>
+
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_open_token_claim">
+            <company-token-claim @emitTest="emitTest" @closeDialog="is_open_token_claim = false"></company-token-claim>
+        </q-dialog>
+
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_open_token_claim_slot">
+            <company-token-claim-slot :plan="plan_data" :plan_id="plan_id" @closeDialog="is_open_token_claim_slot = false"></company-token-claim-slot>
+        </q-dialog>
+
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_open_token_history">
+            <company-token-history :plan_id="plan_id" @closeDialog="is_open_token_history = false"></company-token-history>
+        </q-dialog>
+
+    </div>
+    <div v-else>
+            <span>You need to login to view this component.</span>
+    </div>
+
+</template>
+
+<style lang="scss">
+.company-token-three
+{
+    .company-token-three-wallet
+    {
+        padding:25px;
+        background-color: #fff;
+        max-width: 600px;
+        margin: auto;
+        border-radius: 10px;
+        .wallet-info
+        {
+            .wallet-info-title
+            {
+                font-size: 25px;
+                font-weight: 600;
+                text-align: left;
+            }
+            .wallet-info-value
+            {
+                font-size: 24px;
+                font-weight: 600;
+
+                .value-img
+                {
+
+                }
+
+                .value-text
+                {
+                    font-size: 15px;    
+                    font-weight: 400;
+                }
+                .value-amount
+                {
+                    font-size: 35px;
+                    font-weight: 600;
+                }
+            }
+        }
+        .wallet-actions
+        {
+            margin-top:15px;
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            grid-gap: 10px;
+            color:#fff;
+
+            .history-button
+            {
+                padding:5px 15px;
+                background-color: #7BD651;
+            }
+
+            .gain-button
+            {
+                padding:5px 15px;
+                background-color: #F62F43;
+            }
+        }
+    }
+
+    .company-token-three-plans
+    {
+        padding:25px;
+        background-color: #fff;
+        max-width: 600px;
+        margin: auto;
+        margin-top:15px;
+        border-radius: 10px;
+
+        .plan-container
+        {
+            .plan
+            {
+                cursor: pointer;
+                display:grid;
+                grid-gap:10px;
+                grid-template-columns: 1fr 1fr 1fr;
+                padding:10px;
+                border:dashed 1px #ababab;
+                margin-bottom:5px;
+                border-radius:10px;
+                text-align: left;
+                .earn-group
+                {
+                    .earn-label
+                    {
+                        font-size: 16px;
+                        color:#121212;
+                    }
+                    .earn-value
+                    {
+                        color:#24A9EB;
+                        font-weight: 600;
+                        font-size:28px;
+                    }
+
+                    .earn-value::before{
+                        content:"";
+                        width: 25px;
+                        height: 25px;
+                        display: inline-block;
+                        background-image: url("./assets/statics/plant.png");
+                        background-size: cover;
+                    }
+                }
+
+                .status-group
+                {
+                    .status-label
+                    {
+                        font-size: 16px;
+                        color:#121212;
+                    }
+                    .status-value
+                    {
+                        color:#7BD651;
+                        font-weight: 600;
+                        font-size:28px;
+                    }
+                }
+
+                .capital-group
+                {
+                    .capital-label
+                    {
+                        font-size: 16px;
+                        color:#121212;
+                    }
+                    .capital-value
+                    {
+                        color:#F62F43;
+                        font-weight: 600;
+                        font-size:28px;
+                    }
+                }
+
+                
+                
+            }
+
+            .plan:hover
+            {
+                background-color: #efefef;
+            }
+        }
+    }
+}
+</style>
+
+<script>
+
+import GHeader from './components/GHeader';
+import GCard from './components/GCard';
+import DB_USER from './models/DB_USER';
+import DB_SLOT from './models/DB_SLOT';
+import DB_COMPANY_TOKEN_THREE_PLAN from './models/DB_COMPANY_TOKEN_THREE_PLAN';
+import GlobalMixins from './mixins/global_mixins';
+import CompanyTokenClaim     from './dialogs/CompanyTokenThreeClaim';
+import CompanyTokenClaimSlot from './dialogs/CompanyTokenThreeClaimSlot';
+import CompanyTokenHistory from './dialogs/CompanyTokenThreeHistory';
+
+
+export default
+{
+    components: { GHeader, GCard, CompanyTokenClaim, CompanyTokenClaimSlot, CompanyTokenHistory },
+    mixins: [GlobalMixins],
+    data: () =>
+    ({
+        is_open_token_claim: false,
+        is_open_token_claim_slot: false,
+        is_open_token_history: false,
+        db_user: new DB_USER(),
+        db_slot: new DB_SLOT(),
+        plan_list: [],
+        plan_id: null,
+        plan_data: null,
+        enable_multiple:true,
+        settings:{}
+    }),
+    props:
+    {
+        
+    },
+    async mounted()
+    {
+        await this.$_getSlotInfo();
+        await this.loadPlan();
+        this.settings = await this.$_getData('public_settings');
+    },
+    methods:
+    {
+        emitTest(value)
+        {
+            // this.current_wallet = this.unused_token - value;
+        },
+        async loadPlan()
+        {
+
+            // this.enable_multiple = this.settings.hasOwnProperty('company_token_two_multiple') ? this.settings.company_token_two_multiple : true;
+
+            // console.log(this.current_slot_info.points.company_token);
+            await this.$bind('plan_list', new DB_COMPANY_TOKEN_THREE_PLAN().collection().where('slot_owner', '==', this.current_slot_info.id));
+        },
+        async viewPlan(plan)
+        {
+            this.plan_data = plan;
+            this.plan_id = plan.id;
+            this.is_open_token_claim_slot = true;
+        }
+    },
+    computed:
+    {
+
+    },
+}
+</script>
+
+