geer-builder 1.2.516 → 1.2.520

package/GCashOut.vue

@@ -28,7 +28,7 @@
                         <div class="cashout__info-bottom cashout_body">
                             <div v-for="(field, i) in cashout_choice.fields" :key="i" class="setspan" :style="field.size == 2 ? 'width: 100%;' : 'width: 50%;'">
                                 <div class="cashout__info-label ">{{field.label}}</div>
-                                <q-input :rules="[val => !!val || 'Field is required']" v-model="inputed[i]" :placeholder="field.key =='gcash_number' ? 'e.g. 09363769451' : field.key == 'account_number' ? 'Account Number' : field.key =='full_name' ? 'e.g. Juan Dela Cruz':field.key =='address' ? 'e.g. Pandi, Bulacan':field.key =='email' ? 'e.g. juandelacruz@yahoo.com':field.key =='contact_number' ? 'e.g. 09363769451':''" outlined dense/>
+                                <q-input :rules="[val => !!val || 'Field is required']" v-model="inputed[i]" :placeholder="field.key =='gcash_number' ? 'e.g. 09363769451' : field.key == 'account_number' ? 'Account Number' : field.key == 'wallet_address' ? 'Wallet Address' : field.key =='full_name' ? 'e.g. Juan Dela Cruz':field.key =='address' ? 'e.g. Pandi, Bulacan':field.key =='email' ? 'e.g. juandelacruz@yahoo.com':field.key =='contact_number' ? 'e.g. 09363769451':''" outlined dense/>
                             </div>
                         </div>
                     </g-card>

package/GDirectDownlineWidget.vue

@@ -12,7 +12,7 @@
                 <div class="value text-primary">{{ this.slot_list.length}}</div>
             </div>
 
-            <div class="q-pt-sm">
+            <div class="q-pt-sm" v-if="!pv_filter">
                 <div class="label" v-if="is_company_success">Monthly sales participation</div>
                 <div class="label" v-else>Period PV</div>
                 <div class="value text-primary">{{ period_pv}}</div>
@@ -24,29 +24,29 @@
             </div>
             <div class="q-pt-sm">
                 <div class="label" @click="openFilter()">
-                  <div class="" v-if="selected_date">
-                      <div class="label text-primary" style="text-decoration:underline; cursor: pointer;">{{this.user_info.active_slot}} PPV</div>
-                      <div class="label">{{selected_date}}</div>
-                 </div>
-                  <!-- <div class="" v-else style="text-decoration:underline; cursor: pointer; font-size: 18px">Filter PPV</div> -->
                 </div>
                 <div class="pv-holder" v-if="show_pv">
-                    <div class="value text-primary" v-if="selected_date">{{total_ppv}}</div>
+                    <div class="value text-primary" v-if="selected_date">{{total_ppv}}PV</div>
                     <div class="value text-primary" v-else>0</div>
                 </div>
-                <!-- <div class="value text-primary" v-else>{{ current_slot_info.points.personal_pv}}</div> -->
+                <div class="" v-if="selected_date">
+                      <div class="label">{{selected_date}}</div>
+                 </div>
             </div>
              <div class="buttons text-center">
-                <q-btn v-close-popup color="primary"  @click="direct()" style="margin:2px auto; width:75%;" outline>
+                <q-btn color="primary" unelevated @click="openFilter()" style="margin:2px auto; width:75%;">
+                    <q-icon name="fa fa-calendar"  size="14px" class="q-mr-sm" ></q-icon>
+                    <div>Period PV</div>
+                </q-btn>
+                <q-btn v-close-popup color="primary"  @click="direct()" style="margin:2px auto; width:75%;">
                     <q-icon name="fa fa-user" size="14px" class="q-mr-sm"></q-icon>
                     <div v-if="is_company_success">Direct Enrollees List</div>
                     <div v-else>Direct Downline list</div>
                 </q-btn>
-                 <q-btn color="primary" unelevated @click="unilevel()" style="margin:2px auto; width:75%;">
+                 <q-btn color="primary" v-if="!hide_unilevel" unelevated @click="unilevel()" style="margin:2px auto; width:75%;">
                     <q-icon name="fa fa-store"  size="14px" class="q-mr-sm" ></q-icon>
                     <div v-if="is_company_success">Product Purchases</div>
                     <div v-else>Unilevel Purchases</div>
-                   
                 </q-btn>
                 <q-btn color="primary" unelevated @click="showDownlineMaintaint()" style="margin:2px auto 10px auto; width:75%;">
                     <q-icon name="fa fa-calendar"  size="14px" class="q-mr-sm" ></q-icon>
@@ -213,6 +213,7 @@ export default
     mixins: [GlobalMixins],
     props:{
         is_company_success: Boolean,
+        hide_unilevel: Boolean
     },
     data: () =>
     ({
@@ -243,6 +244,7 @@ export default
         downline_list:[],
         membership_list:[],
         period_pv: 0 ,
+        pv_filter:true
     }),
     async mounted()
     {
@@ -270,6 +272,7 @@ export default
             });
             if(this.activated_period.length > 0)
             {
+                console.log(this.activated_period.length , 'activated period');
                 if(user_tree_details.docs.length > 0)
                 {
                     this.period_pv = user_tree_details.docs[0].data()[this.activated_period[0].id].pv_earned;
@@ -303,11 +306,12 @@ export default
             this.selected_ppv.forEach(element => {
                 this.total_ppv += element.amount
             });
-            this.selected_date = 'Date: '+start+' - ' +end;
+            this.selected_date = 'Date covered: '+start+' - ' +end;
             this.is_choose_date_dialog_open = false;
             this.show_pv = true;
         },
-        openFilter(){
+        openFilter()
+        {
             this.is_choose_date_dialog_open = true;
         },
         direct(){
@@ -397,4 +401,6 @@ export default
         float: right;
     }
 }
+.pv-holder{
+}
 </style>

package/GInvestment.vue

@@ -0,0 +1,138 @@
+<template>
+    <g-card v-if="this.user_info" class="investment-page">
+        <div class="plan-grid">
+            <!-- <div class="plan-item"  v-for="(item, i) in investment_packages" :key="i" @click="choosePlan(item)" v-bind:class="{active : chosen_plan.key === item.key}">
+                <div class="plan-title">
+                    {{item.investment_name}}
+                </div>
+                <div class="plan-value">Daily ROI of {{item.investment_rate}}%</div>
+                <div class="plan-value">Duration of {{item.investment_duration}} Days</div>
+                <div class="plan-value">Grows every {{item.investment_interval}} Days</div>
+                <div class="plan-value">Principle return after{{item.investment_return_days}} Days</div>
+                <div class="plan-value">Minimum Investment of {{item.investment_minimum}}</div>
+                <div class="plan-value">Maximum Investment of {{item.investment_maximum}}</div>
+                <div class="plan-value">Support 24/7</div>
+            </div> -->
+
+            <q-card class="my-card bg-primary text-white" style="width:250px" v-for="(item, i) in investment_packages" :key="i" v-bind:class="{active : chosen_plan.key === item.key}">
+                <q-card-section>
+                    <div class="text-h6">{{item.investment_name}}</div>
+                    <div class="text-h4">${{item.investment_minimum}}</div>
+                </q-card-section>
+                <q-separator dark />
+                <q-card-actions vertical align="center" class="bg-white text-primary">
+                    <q-btn flat  @click="choosePlan(item)" icon="favorite_border"> Buy</q-btn>
+                    <q-btn flat @click="viewPlan(item)" icon="visibility"> View</q-btn>
+                </q-card-actions>
+            </q-card>
+        </div>
+        <q-dialog  persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_dialog_open">
+            <add-investment :plan="plan" @closeDialog="is_investment_dialog_open = false"></add-investment>
+        </q-dialog>
+
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="view_plan_dialog">
+            <investment-view-dialog :investment_details="plan"></investment-view-dialog>
+        </q-dialog>
+
+    </g-card>
+    <div v-else>
+        <span>You need to login to view this component.</span>
+    </div>
+</template>
+
+<script>
+import GlobalMixins             from './mixins/global_mixins.js';
+import AddInvestment            from './dialogs/AddInvestment';
+import InvestmentViewDialog            from './components/investment/InvestmentVIewDialog';
+export default
+{
+    components: {AddInvestment, InvestmentViewDialog},
+    mixins: [GlobalMixins],
+    filters: { },
+    data:() =>(
+    {
+        public_settings:{},
+        chosen_plan : {},
+        investment_packages:[],
+        is_investment_dialog_open:false,
+        plan_type:{},
+        view_plan_dialog:false,
+        plan:{
+            invement_name:'',
+            investment_duration:'',
+            investment_interval:'',
+            investment_return_days:'',
+            investment_minimum:'',
+            investment_maximum:'',
+        }
+
+    }),
+    async mounted() 
+    { 
+        if(this.user_info)
+        {
+            this.$_getSlotInfo();
+            this.public_settings        = await this.$_getData('public_settings');
+            this.investment_packages    = await this.$_getData('investment_packages');
+        }
+    },
+    methods: 
+    { 
+        viewPlan(plan)
+        {
+            this.plan = plan;
+            this.view_plan_dialog = true;
+        },
+        choosePlan(plan)
+        {
+            this.plan = plan;
+            this.is_investment_dialog_open = true;
+        },
+    },
+    computed: { }
+}
+</script>
+<style lang="scss">
+.investment-page
+{
+    .plan-grid
+    {
+        display: grid;
+        grid-template-columns: repeat(4,1fr);
+        grid-gap:5px;
+        .plan-item
+        {
+            cursor:pointer;
+            border: solid 1px $primary;
+            border-radius: 5px;
+            box-shadow: 0 0 5px #ccc;
+            padding: 5px;
+            text-align: center;
+
+            .plan-title
+            {
+                font-size: 1rem;
+                font-weight: 500;
+            }
+
+            .plan-min-max
+            {
+                font-style: italic;
+                font-weight:400;
+            }
+        }
+
+        :hover
+        {
+            // background-color:$primary;
+            // color:#fff;
+        }
+
+        .active
+        {
+            background-color:$primary;
+            color:#fff;
+        }
+    }
+}
+</style>

package/GInvestmentWidget.vue

@@ -5,36 +5,20 @@
                 <div class="investment__grid">
                     <div class="investment__grid-info">
                         <div class="label">Your Wallet</div>
-                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.base : 0, { decimal: 2 }) }}</div>
-                    </div>
-                    <div class="investment__grid-info">
-                        <div class="label">Available Tokens</div>
-                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.token : 0, { decimal: 2 }) }}</div>
-                    </div>
-                    <div class="investment__grid-info">
-                        <div class="label">Current Interest</div>
-                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.interest : 0, { decimal: 2 }) }}</div>
-                    </div>
-                    <div class="investment__grid-info">
-                        <div class="label">Encashable Funds</div>
-                        <div class="value"> {{ $_formatNumber( current_slot_info.wallet , { decimal: 2 }) }}</div>
+                        <div class="value"> {{ $_formatNumber( current_slot_info.wallet ? current_slot_info.wallet : 0, { decimal: 2 }) }}</div>
                     </div>
                     <div class="investment__grid-actions">
-                        <q-btn @click="is_conversion_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                        <q-btn @click="is_investment_list_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
                             <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
-                            <div>Conversion</div>
+                            <div>My Investment</div>
                         </q-btn>
-                        <q-btn :loading="submit_loading" @click="checkEarnings()" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                        <q-btn @click="is_investment_add_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
                             <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
-                            <div>Claim Earnings</div>
+                            <div>Add Investment</div>
                         </q-btn>
-                        <q-btn @click="is_investment_history_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                        <q-btn @click="is_investment_link_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
                             <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
-                            <div>Investment History</div>
-                        </q-btn>
-                        <q-btn @click="is_investment_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
-                            <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
-                            <div>Add Investment</div>
+                            <div>My Link</div>
                         </q-btn>
                     </div>
                 </div>
@@ -46,16 +30,15 @@
             </div>
         </template>
 
-        <q-dialog  persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_dialog_open">
-            <add-investment-dialog @closeDialog="is_investment_dialog_open = false"></add-investment-dialog>
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_list_dialog_open">
+            <investment-list-dialog @closeDialog="is_investment_list_dialog_open = false"></investment-list-dialog>
         </q-dialog>
 
-         <q-dialog  persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_history_dialog_open">
-            <investment-history-dialog @closeDialog="is_investment_history_dialog_open = false"></investment-history-dialog>
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_add_dialog_open">
+            <investment-add-dialog @closeDialog="is_investment_add_dialog_open = false"></investment-add-dialog>
         </q-dialog>
-
-        <q-dialog persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_conversion_dialog_open">
-            <conversion-dialog @closeDialog="is_conversion_dialog_open = false"></conversion-dialog>
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_link_dialog_open">
+            <investment-link-dialog @closeDialog="is_investment_link_dialog_open = false"></investment-link-dialog>
         </q-dialog>
 
     </g-card>
@@ -64,22 +47,23 @@
     </div>
 </template>
 <script>
-import GlobalMixins           from './mixins/global_mixins.js';
+import GlobalMixins                 from './mixins/global_mixins.js';
 import GCard                        from './components/GCard';
-import AddInvestmentDialog    from './dialogs/AddInvestmentDialog';
-import InvestmentHistoryDialog    from './dialogs/InvestmentHistoryDialog';
-import ConversionDialog    from './dialogs/ConversionDialog';
+import InvestmentListDialog         from './components/Investment/InvestmentListDialog';
+import InvestmentAddDialog         from './components/Investment/InvestmentAddDialog';
+import InvestmentLinkDialog         from './components/Investment/InvestmentLinkDialog';
 
 export default {
     mixins: [GlobalMixins],
-    components: {GCard,ConversionDialog, InvestmentHistoryDialog,AddInvestmentDialog},
+    components: {GCard, InvestmentListDialog, InvestmentAddDialog, InvestmentLinkDialog},
     data: () =>
     ({
         public_settings : null,
-        is_investment_dialog_open: false,
-        is_conversion_dialog_open: false,
-        is_investment_history_dialog_open:false,
         submit_loading:false,
+        is_investment_list_dialog_open:false,
+        is_investment_add_dialog_open:false,
+        is_investment_link_dialog_open:false,
+        replicated_link:'',
     }),
     async mounted()
     {
@@ -87,8 +71,8 @@ export default {
         {
             this.$_getSlotInfo();
             this.public_settings = await this.$_getData('public_settings');
+            this.replicated_link = `https://${this.public_settings.replicated_link}/#/?sponsor=${this.current_slot_info.slot_code}`;
         }
-        console.log(this.current_slot_info)
 
     },
     methods:
@@ -144,7 +128,7 @@ export default {
 {
     &__grid
     {
-        display:grid;
+        display:block;
         align-items: center;
         &-info
         {

package/GInvestmentWidgetOld.vue

@@ -0,0 +1,180 @@
+<template>
+    <g-card v-if="this.user_info">
+        <template v-if="current_slot_info">
+            <div class="investment">
+                <div class="investment__grid">
+                    <div class="investment__grid-info">
+                        <div class="label">Your Wallet</div>
+                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.base : 0, { decimal: 2 }) }}</div>
+                    </div>
+                    <div class="investment__grid-info">
+                        <div class="label">Available Tokens</div>
+                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.token : 0, { decimal: 2 }) }}</div>
+                    </div>
+                    <div class="investment__grid-info">
+                        <div class="label">Current Interest</div>
+                        <div class="value"> {{ $_formatNumber( current_slot_info.temporary_wallet ? current_slot_info.temporary_wallet.interest : 0, { decimal: 2 }) }}</div>
+                    </div>
+                    <div class="investment__grid-info">
+                        <div class="label">Encashable Funds</div>
+                        <div class="value"> {{ $_formatNumber( current_slot_info.wallet , { decimal: 2 }) }}</div>
+                    </div>
+                    <div class="investment__grid-actions">
+                        <q-btn @click="is_conversion_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                            <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
+                            <div>Conversion</div>
+                        </q-btn>
+                        <q-btn :loading="submit_loading" @click="checkEarnings()" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                            <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
+                            <div>Claim Earnings</div>
+                        </q-btn>
+                        <q-btn @click="is_investment_history_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                            <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
+                            <div>Investment History</div>
+                        </q-btn>
+                        <q-btn @click="is_investment_dialog_open = true" size="12px" class="text-primary investment__actions-button q-pa-sm" flat>
+                            <q-icon class="q-mr-sm" name="fas fa-chart-line" size="16px"></q-icon>
+                            <div>Add Investment</div>
+                        </q-btn>
+                    </div>
+                </div>
+            </div>
+        </template>
+        <template v-else>
+            <div>
+                <span>You need to own slot to view this component.</span>
+            </div>
+        </template>
+
+        <q-dialog  persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_dialog_open">
+            <add-investment-dialog @closeDialog="is_investment_dialog_open = false"></add-investment-dialog>
+        </q-dialog>
+
+         <q-dialog  persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_investment_history_dialog_open">
+            <investment-history-dialog @closeDialog="is_investment_history_dialog_open = false"></investment-history-dialog>
+        </q-dialog>
+
+        <q-dialog persistent :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_conversion_dialog_open">
+            <conversion-dialog @closeDialog="is_conversion_dialog_open = false"></conversion-dialog>
+        </q-dialog>
+
+    </g-card>
+    <div v-else>
+            <span>You need to login to view this component.</span>
+    </div>
+</template>
+<script>
+import GlobalMixins           from './mixins/global_mixins.js';
+import GCard                        from './components/GCard';
+import AddInvestmentDialog    from './dialogs/AddInvestmentDialog';
+import InvestmentHistoryDialog    from './dialogs/InvestmentHistoryDialog';
+import ConversionDialog    from './dialogs/ConversionDialog';
+
+export default {
+    mixins: [GlobalMixins],
+    components: {GCard,ConversionDialog, InvestmentHistoryDialog,AddInvestmentDialog},
+    data: () =>
+    ({
+        public_settings : null,
+        is_investment_dialog_open: false,
+        is_conversion_dialog_open: false,
+        is_investment_history_dialog_open:false,
+        submit_loading:false,
+    }),
+    async mounted()
+    {
+        if(this.user_info)
+        {
+            this.$_getSlotInfo();
+            this.public_settings = await this.$_getData('public_settings');
+        }
+
+    },
+    methods:
+    {
+        // async initialWallet()
+        // {
+        //     let password = prompt("Enter Password")
+        //     {
+        //         if(password == 'cheesecurls')
+        //         {
+        //             let fields = {}
+        //             fields.amount = 50000;
+        //             fields.key = 'base';
+        //             fields.slot_id = this.current_slot_info.id;
+        //             await this.$_fbCall('memberInsertTempWallet', fields);
+        //             this.$q.dialog({ title: "Ka-ching!", message: "Wallet Added!" });
+
+        //         }
+        //     }
+            
+        // },
+        async checkEarnings()
+        {
+            this.submit_loading = true;
+            let fields = {}
+            fields.slot_id = this.current_slot_info.id;
+
+            try
+            {
+                let res = await this.$_fbCall('memberCheckInvestment', fields);
+                if(res.data.status)
+                {
+                    this.$q.dialog({ title: "Success!", message: "Claim Successful!." });
+                }
+                else
+                {
+                    this.$q.dialog({ title: "Sorry!", message: "Nothing to Claim." });
+                }
+            }
+            catch (error)
+            {
+                this.$q.dialog({ title: "Something's not quite right!", message: error.message });
+            }
+
+            this.submit_loading = false;
+
+        }
+    }
+}
+</script>
+<style lang="scss">
+.investment
+{
+    &__grid
+    {
+        display:grid;
+        align-items: center;
+        &-info
+        {
+            padding:5px 0;
+
+            .label 
+            {
+                font-size: 14px;
+            // color: $text-color;
+            }
+            .value 
+            {
+                font-size: 20px;
+                font-weight: bold;
+            }
+        }
+
+        &-actions
+        {
+            
+            display:grid;
+            grid-template-columns: 1fr 1fr;
+            grid-column: span 2/2;
+            
+            .investment__actions-button
+            {
+                border:1px solid #eee;
+            }
+
+            
+        }
+    }
+}
+</style>

package/GReplicatedLink.vue

@@ -3,7 +3,7 @@
         <q-input dense :loading="loading" class="textbox" readonly v-model="replicated_link" outlined></q-input>
         <q-btn @click="copyLink()" class="q-mt-md full-width" color="primary" unelevated>
             <q-icon name="far fa-copy" size="16px" class="q-mr-sm"></q-icon>
-            Copy Ecommerce Referral Link
+             {{mbot ? 'Copy Link':'Copy Ecommerce Referral Link'}}
         </q-btn>
     </div>
     <div v-else>
@@ -21,7 +21,7 @@ export default
     name: "GReferralLinkComponent",
     components: {  },
     mixins: [GlobalMixins],
-    props:['ref_link'],
+    props:['ref_link', 'mbot'],
     filters: { },
     data:() =>(
     {
@@ -33,6 +33,7 @@ export default
     }),
     async mounted()
     {
+        console.log(this.mbot);
         await this.$_getSlotInfo();
         this.public_settings = await this.$_getData('public_settings');
         if(this.public_settings.hasOwnProperty('replicated_link'))

package/components/Investment/InvestmentAddDialog.vue

@@ -0,0 +1,44 @@
+<template>
+<q-card :style="`min-width: ${ $q.platform.is.mobile ? '100%' : '50%' };`" class="form add-slot">
+    <q-bar class='bg-primary text-white q-pa-lg'>
+        <q-icon class='q-mr-sm' name='fa fa-heart'></q-icon>
+        <b>Add Investment</b>
+        <q-space />
+        <q-btn dense flat icon='close' v-close-popup><q-tooltip content-class='bg-white text-primary'>Close</q-tooltip></q-btn>
+    </q-bar>
+
+    <q-card-section class='content'>
+        <g-investment></g-investment>
+    </q-card-section>
+</q-card>
+</template>
+
+<script>
+import {formatDate}                 from '../../utilities/DateUtils';
+import GlobalMixins                 from '../../mixins/global_mixins';
+import GInvestment                 from '../../GInvestment';
+
+
+
+export default
+{
+    mixins: [GlobalMixins],
+    components:{GInvestment},
+    data:() =>
+    ({
+
+    }),
+    props:
+    {
+        
+    },
+    async mounted()
+    {
+        await this.$_getSlotInfo()
+    },
+    methods:
+    {
+
+    },
+}
+</script>