geer-builder 1.2.607 → 1.2.610

package/GCashOut.vue

@@ -119,7 +119,7 @@ import DB_CASHOUT               from './models/DB_MEMBER_CASHOUT';
 import DB_USER                  from './models/DB_USER';
 import CashoutStatusDialog      from './dialogs/CashoutStatusDialog'
 import TinRegistrationDialog    from './dialogs/TinRegistrationDialog'
-import {QSpinnerFacebook }          from 'quasar'
+import {QSpinnerFacebook }      from 'quasar'
 
 export default {
     data: () =>

package/GEcomChat.vue

@@ -1,8 +1,8 @@
 <template>
-    <div class="g-ecom-chat">
+    <div class="g-ecom-chat" :style="is_popup == true ? 'width:20%' : '' ">
         <div v-if="this.user_info" class="body-grid">
             <template >
-                <div class="conversations">
+                <div class="conversations" :style="is_popup == true ? 'height:90vh' : '' ">
                     <q-bar class="bg-primary text-white q-pa-lg">
                         <q-btn v-if="$q.platform.is.mobile" dense flat color="white" size="sm" icon="fas fa-chevron-left" v-close-popup>
                             <q-tooltip content-class="bg-white text-white">Close</q-tooltip>
@@ -308,6 +308,7 @@ export default {
     components:{ GCard, GLoader, ChatAttachCode, ConfirmPasswordDialog, GSlotCreation, AddChatFloat, UpgradeSlotDialog, useBatchProductCodeDialog, UseProductCodeDialog},
     props:
     {
+        is_popup: Boolean,
         user_id: String,
         product_id: String,
         slot_code : String,
@@ -827,7 +828,7 @@ export default {
 .g-ecom-chat{
     // height: 381px;
         // display: inline-block;
-    // width:40%;
+    // width:20%;
     // margin: auto;
     z-index: 2002;
     .body-grid{

package/GEcomStorePage.vue

@@ -9,10 +9,10 @@
                         <div class="circle_pic" :style="this.merchant_info.profile_picture ? `background-image: url(${ this.merchant_info.profile_picture }); background-size: cover; background-position: center;` : ``"></div>
                         <div class="merchant__name">
                             <div class="profile_name" style="">{{this.merchant_info.full_name}}</div>
-                            <div class="active__status">Active {{timeSince( new Date(this.merchant_info.last_login_date.seconds * 1000 + this.merchant_info.last_login_date.nanoseconds/1000000))+" ago"}}</div>
+                            <div class="active__status"  v-if="merchant_info.last_login_date">Active {{timeSince( new Date(this.merchant_info.last_login_date.seconds * 1000 + this.merchant_info.last_login_date.nanoseconds/1000000))+" ago"}}</div>
                         </div>
                     </div>  
-                    <div class="button-holder" v-if="user_info && !(this.user_info.active_slot)">
+                    <div class="button-holder" v-if="user_info && !user_info.hasOwnProperty('active_slot')">
                         <q-btn class="q-mr-sm hidden open-merchant-btn btn-color" @click="openMerchantPage()">
                             <q-icon size="14px" color="gray" class="q-mr-sm" name="fa fa-store"></q-icon>
                             View Page
@@ -81,6 +81,10 @@
                 </q-card-section>
             </q-card>
         </q-dialog>
+        
+        <q-dialog :maximized="$q.platform.is.mobile" transition-show="slide-up" transition-hide="slide-down" v-model="is_open_merchant_chat">
+            <g-ecom-chat v-if="current_slot_info && merchant_info" :is_popup="true" :user_id="merchant_info.uid" :product_id="productid" :slot_code="current_slot_info.slot_code" @closeDialog="is_open_merchant_chat = false"></g-ecom-chat>
+        </q-dialog>
         <!-- <div class="product-list-container">
             <div class="filter" style=""><q-select v-model="category_choice" dense :options="categories_list" option-label="category_identifier" map-options emit-value option-value="category_identifier" outlined></q-select>
             <q-select class="q-ml-sm" dense v-model="sort_choice" :options="['Price: High to Low', 'Price: Low to High']" @input="sortby" option-label="category_identifier" map-options emit-value option-value="category_identifier" outlined></q-select></div>
@@ -109,10 +113,11 @@ import DB_USER               from './models/DB_USER';
 import DB_SLOT               from './models/DB_SLOT';
 import GProductList          from './GProductList';
 import GProductPage          from './GProductPage';
+import GEcomChat             from './GEcomChat';
 
 export default {
     
-    components: { GProductList,GProductPage },
+    components: { GProductList,GProductPage, GEcomChat },
     mixins: [GlobalMixins],
     props:
     {
@@ -121,6 +126,7 @@ export default {
     data: () =>
     ({
         is_rating_dialog: false,
+        is_open_merchant_chat: false,
         rate: 0,
         product_list:"",
         categories_list: [],
@@ -140,6 +146,8 @@ export default {
     }),
     async mounted()
     {
+        await this.$_getSlotInfo();
+        // alert(this.current_slot_info.slot_code);
         if(this.slot_code)
         await this.$bind('product_list', new DB_PRODUCTS().collection().where("type", "in", ["Product", "Membership Kit", "Exclusive"]).where("stockist", "==", this.slot_code).orderBy('created_date', 'desc'));
         await this.getCategories();
@@ -153,7 +161,7 @@ export default {
         },
         async openMerchantChat()
         {
-
+            this.is_open_merchant_chat = true;
         },
         async getUserInfo()
         {
@@ -174,9 +182,9 @@ export default {
                     if(this.merchant_slot.follower_list.includes(this.user_info.uid)) this.is_following = true;
                 }
             }
-            if (this.merchant_slot.rate_list) 
+            if (this.user_info && !this.user_info.hasOwnProperty('active_slot'))  
             {
-                if (this.user_info && !(this.user_info.active_slot))  
+                if (this.merchant_slot.hasOwnProperty('rate_list')) 
                 {
                     let check_user_on_list = this.merchant_slot.rate_list.includes(this.user_info.uid)
                     if (!check_user_on_list) 
@@ -184,14 +192,14 @@ export default {
                         this.is_rating_dialog = true;
                     }
                 }
-                else 
+                else
                 {
-                    this.is_rating_dialog = false;
+                    this.is_rating_dialog = true;
                 }
             }
-            else
+            else 
             {
-                this.is_rating_dialog = true;
+                this.is_rating_dialog = false;
             }
         },
         timeSince(date) {
@@ -375,7 +383,7 @@ export default {
         ignoreRating(user_response)
         {
             this.is_rating_dialog = false;
-            if (user_response === later) 
+            if (user_response === "later") 
             {
                 setTimeout(() => 
                 {

package/GProcessSale.vue

@@ -154,10 +154,14 @@
                                 </tr>
                                 <tr v-for="(payment, index) in payment_list" :key="index">
                                     <td>{{payment.payment_type.method_name}}</td>
-                                    <td>
+                                    <td v-if="!up_coin_pay">
                                         {{payment.payment_amount}} {{public_settings.cashier_currency ? public_settings.cashier_currency : ''}}
                                         <q-icon name="fa fa-times" size="14px" class="q-mr-sm" style="color:red" @click="removePayment(index)"></q-icon>
                                     </td>
+                                    <td v-else>
+                                        {{payment.payment_amount}}
+                                        <q-icon name="fa fa-times" size="14px" class="q-mr-sm" style="color:red" @click="removePayment(index)"></q-icon>
+                                    </td>
                                 </tr>
                                 <tr style="border-top:solid 1.5px black">
                                     <td class="subheader">Balance</td>
@@ -168,6 +172,10 @@
                     </div>
 
                     <div class="buttons text-right">
+                        <q-btn v-if="up_coin_button" color="primary" @click="upcoinPay()" unelevated style="margin-right:5px">
+                            <q-icon name="fas fa-coins" size="14px" class="q-mr-sm"></q-icon>
+                            UPCoin Pay
+                        </q-btn>
                         <q-btn color="primary" v-if="!hide_manage_discount" @click=openDiscount unelevated style="margin-right:5px">
                             <q-icon name="fa fa-percent" size="14px" class="q-mr-sm"></q-icon>
                             Add Discount
@@ -176,7 +184,7 @@
                             <q-icon name="fas fa-paper-plane" size="14px" class="q-mr-sm"></q-icon>
                             Add Batch/Lot
                         </q-btn>
-                        <q-btn color="primary" @click=addPayment unelevated style="margin-right:5px">
+                        <q-btn v-if="!hide_receive_payment_button" color="primary" @click=addPayment unelevated style="margin-right:5px">
                             <q-icon name="fa fa-credit-card" size="14px" class="q-mr-sm"></q-icon>
                             Receive Payment
                         </q-btn>
@@ -207,6 +215,11 @@
                     <discount-dialog @closePopup="is_discount_dialog_open = false; sample($event)"></discount-dialog>
                 </q-dialog>    
 
+                <q-dialog v-model="is_change_payment_dialog_open">
+                    <change-payment-method @closePopup="is_discount_dialog_open = false; sample($event)"></change-payment-method>
+                </q-dialog>    
+
+
                  <q-dialog  v-model="is_sale_choose_slot_dialog_open">
                      <sale-choose-slot-dialog :customer_email="field.email" @closePopup="is_sale_choose_slot_dialog_open = false; $emit('closePopup')" @slotSelect="getSelectedSlot"></sale-choose-slot-dialog>
                  </q-dialog> 
@@ -231,6 +244,7 @@ import DB_INVENTORY             from "./models/DB_INVENTORY";
 import DB_COUNTER               from "./models/DB_COUNTER";
 import ProcessSaleConfirmDialog from "./components/ProcessSaleConfirmDialog";
 import AddPaymentDialog         from "./dialogs/AddPaymentDialog";
+import ChangePaymentMethod         from "./dialogs/ChangePaymentMethod";
 import ManagerOverrideDialog         from "./dialogs/ManagerOverrideDialog";
 import DiscountDialog           from "./components/DiscountDialog";
 import AddBatchDialog           from "./components/AddBatchDialog";
@@ -246,6 +260,10 @@ export default
     mixins: [GlobalMixins],
     data: () => 
     ({
+        hide_receive_payment_button:false,
+        is_change_payment_dialog_open:false,
+        up_coin_pay:false,
+        up_coin_button:false,
         hide_manage_discount:true,
         show_batch:false,
         is_batch_number_dialog_open:false,
@@ -292,13 +310,14 @@ export default
         auto_fill_address:'',
         auto_fill_contact:'',
         all_address:[],
+        check_up_coin:false,
     }),
     props: ['stockist'],
-    components: { AddBatchDialog, GProduct, ProcessSaleConfirmDialog, DiscountDialog, AddPaymentDialog, SaleChooseSlotDialog,ManagerOverrideDialog },
-    mounted()
+    components: { ChangePaymentMethod,AddBatchDialog, GProduct, ProcessSaleConfirmDialog, DiscountDialog, AddPaymentDialog, SaleChooseSlotDialog,ManagerOverrideDialog },
+    async mounted()
     {
-        this.getCount();
-        this.getDiscountData();
+        await this.getCount();
+        await this.getDiscountData();
         if(this.stockist)
         {
             this.field.stockist = this.stockist;
@@ -337,6 +356,37 @@ export default
     },
     methods:
     {
+        async upcoinPay()
+        {
+            this.up_coin_pay = true;
+            await this.updateTable();
+
+            if(!this.chosen_slot_info.points.hasOwnProperty('up_coin'))
+            {
+                this.$q.dialog({ title: "Something's not quite right", html:true , message: `${this.chosen_slot_info.slot_code} doesnt have enough UPCoin` });
+            }
+            if(this.chosen_slot_info.points.up_coin < this.grandTotal)
+            {
+                this.$q.dialog({ title: "Something's not quite right", html:true , message: `${this.chosen_slot_info.slot_code} UPCoin is not enough to continue this transaction` });
+            }
+            else
+            {
+                this.hide_receive_payment_button = true;
+                let payment = 
+                {
+                    method_key:'up_coin', 
+                    method_name:'UPCoin'
+                };
+                let field = 
+                {
+                    payment_amount:this.grandTotal,
+                    remarks:"UPCoin Payment", 
+                    payment_type:payment
+                };
+                this.payment_list.push(field);
+                this.up_coin_button = false;
+            }
+        },
         addBatch(batch)
         {
             if(Object.keys(batch).length === 0)
@@ -350,6 +400,7 @@ export default
         },
         unsetSlot()
         {
+            this.payment_list = [];
             this.slot_choose = false;
             this.slot_reference = null;
         },
@@ -363,6 +414,11 @@ export default
             {
                 this.show_batch = true
             }
+            if(this.public_settings.hasOwnProperty('up_coin') && this.public_settings.up_coin.active)
+            {
+                this.check_up_coin = true;
+            }
+            console.log(this.check_up_coin, 'check');
         },
          resetData()
         {
@@ -468,6 +524,7 @@ export default
         },
         async getPayment(field)
         {
+            console.log(field, 'field');
             this.payment_list.push(field)
         },
         async getCount()
@@ -478,7 +535,6 @@ export default
         {
             if(this.public_settings.hasOwnProperty('cashier_auto_fill_address') && this.public_settings.cashier_auto_fill_address)
             {
-
                 let customer_info = await new DB_USER().collection().where("email", "==", this.field.email).get();
                 await this.$bind('all_address', new DB_USER_SHIPPING_ADDRESS(customer_info.docs[0].data().uid).collection().orderBy("default","desc")); 
                 if(this.all_address.length > 0)
@@ -686,6 +742,25 @@ export default
             }
             
         },
+        async checkUpCoin(product_list)
+        {
+            console.log(this.check_up_coin);
+            for(let element of product_list)
+            {
+                if(!element.product.hasOwnProperty('up_coin_price'))
+                {
+                    this.up_coin_button = false;
+                }
+                else if(element.product.hasOwnProperty('up_coin_price') && element.product.up_coin_price < 1)
+                {
+                    this.up_coin_button = false;
+                }
+                else
+                {
+                    this.up_coin_button = true;
+                }
+            }
+        },
         async getSelectedSlot(chosen_slot)
         {
             this.slot_reference = chosen_slot.slot_code;
@@ -693,6 +768,13 @@ export default
             {
                 this.chosen_slot_info = await this.db_slot.get(chosen_slot.slot_code)
                 this.updateTable();
+                if(this.field.product_list.length > 0)
+                {
+                    if(this.check_up_coin)
+                    {
+                        await this.checkUpCoin(this.field.product_list);
+                    }
+                }
             }
            
         },
@@ -787,6 +869,10 @@ export default
         {
             if(this.field.product_list.length > 0)
             {
+                if(this.check_up_coin)
+                {
+                    await this.checkUpCoin(this.field.product_list);
+                }
                 let key = 'product_id'
                 let holder = [...new Map(this.field.product_list.map(item =>
                     [item[key], item])).values()];
@@ -812,9 +898,23 @@ export default
                             // item_discount = await this.getDiscount(element)
                             item_discount = new ProductClass().getProductDiscount( this.membership_list ,this.rank_list, this.chosen_slot_info, this.stockist_list, temp_var);
                         }
-                        amount_holder = amount_holder + ((Number((element.product.selling_price - ((element.product.selling_price * item_discount) / 100))) * Number(element.quantity)))
-                        discount_holder = discount_holder + ((((element.product.selling_price * item_discount) / 100))) * Number(element.quantity);
-                        srp_holder = srp_holder +  ((Number((element.product.selling_price * Number(element.quantity)))));
+
+                        if(this.up_coin_pay)
+                        {
+                            amount_holder = amount_holder + Number((element.product.up_coin_price )* Number(element.quantity))
+                            discount_holder = discount_holder + 0;
+                            srp_holder = srp_holder +  ((Number((element.product.up_coin_price * Number(element.quantity)))));
+
+                            console.log(amount_holder, 'amount_holder');
+                            console.log(discount_holder, 'discount_holder');
+                            console.log(srp_holder, 'srp_holder');
+                        }
+                        else
+                        {
+                            amount_holder = amount_holder + ((Number((element.product.selling_price - ((element.product.selling_price * item_discount) / 100))) * Number(element.quantity)))
+                            discount_holder = discount_holder + ((((element.product.selling_price * item_discount) / 100))) * Number(element.quantity);
+                            srp_holder = srp_holder +  ((Number((element.product.selling_price * Number(element.quantity)))));  
+                        }
                     }
                 };
                 this.subTotal = amount_holder

package/GProductList.vue

@@ -21,6 +21,12 @@
                             <div class="commission-value">{{$_formatNumber((field.referral_commission), { decimal: 2})}} </div>
                         </div>
                     </template>
+                    <template v-if="show_reseller_commission && field.referral_commission < 0">
+                        <div class="commission-badge">
+                            <div class="commission-label">rc: </div>
+                            <div class="commission-value">none</div>
+                        </div>
+                    </template>
                     <div v-if="show_description" class="product-desc" v-html="field.description"></div>
                     <div class="product-list-detail" v-if="sort_by!='gc_price'">
                         <div class="product-list-row">

package/GTransaction.vue

@@ -148,6 +148,15 @@ export default
                 format: val => `${val}`,
                 sortable: true, 
             },
+            { 
+                name    : 'customer_name',
+                label   : 'Customer Name',
+                field   : row => row.customer.name.toUpperCase(),
+                align   : 'left',
+                required: true,
+                format: val => `${val}`,
+                sortable: true, 
+            },
             { 
                 name    : 'date',
                 label   : 'Date',
@@ -230,7 +239,7 @@ export default
         async getTransactionHistory()
         {
            await this.$bind('transaction_history', this.db_sale.collection().where("stockist", "==", this.user_info.branch_slot).where("status", "in", ["for pick up", "pending","completed","void", "transaction refill"]).orderBy('created_date', 'desc'));
-        },
+      },
         open_dialog()
         {
             this.is_sale_history_dialog_open=true;

package/components/MyPurchases/tabs/cancelled.vue

@@ -80,7 +80,7 @@
                         <!-- <div style="color:black;">Tracking Number:</div> <div style="color:black;font-weight:600">{{list.tracking_number}}</div>  -->
                         <!-- <div>Status: {{list.status == "cancelled" ? "Cancelled" : ""}}</div>  -->
                         <div class="methods">Payment Method: {{list.payment_method.payment_method_label }}</div> 
-                        <div class="methods" v-if="list.hasOwnProperty('reject_reason')">Reject Reason: {{list.reject_reason}}</div> 
+                        <div class="methods" v-if="list.hasOwnProperty('cancel_reason')">Cancellation Reason: {{list.cancel_reason}}</div> 
                        
                         <!-- <div style="margin-left:auto;padding-left:10px;margin-right:10px;">Shipping Fee: {{main_currency}} {{$_formatNumber(list.orders.shipping_fee, { decimal: 2})}}</div> 
                         <div style="padding-left:10px;margin-right:10px;border-left: 1px solid rgb(194, 189, 189);" v-if="public_settings.hasOwnProperty('custom_ecommerce_fee')">{{public_settings.custom_ecommerce_fee.label}}: {{main_currency}} {{$_formatNumber(list.orders[public_settings.custom_ecommerce_fee.id], { decimal: 2})}}</div> 

package/components/MyTransactions/tabs/Cancelled.vue

@@ -77,7 +77,7 @@
                 </div>
                     <div class="order-total">
                         <div class="methods">Payment Method: {{list.payment_method.payment_method_label }}</div> 
-                        <div class="methods" v-if="list.hasOwnProperty('reject_reason')">Reject Reason: {{list.reject_reason}}</div> 
+                        <div class="methods" v-if="list.hasOwnProperty('cancel_reason')">Cancellation Reason: {{list.cancel_reason}}</div> 
                         <!-- <div>Order Total ({{product_list[i].quantity}} Item): {{main_currency}} {{order_total}}</div>  -->
                         <!-- <div style="color:black;">Tracking Number:</div> <div style="color:black;font-weight:600">{{list.tracking_number}}</div>  -->
                         <!-- <div style="margin-left:auto;margin-right:10px;">Shipping Fee: {{main_currency}} {{$_formatNumber(list.orders.shipping_fee, { decimal: 2})}}</div> 

package/components/Printable.vue

@@ -153,11 +153,11 @@
                 </div>
                 <div class="row">
                     <div class="col-7 label">Total Payment</div>
-                    <div class="col-5 value text-bold">{{payment_method =='gc' ? "GC" : settings.cashier_currency ? settings.cashier_currency : settings.main_currency }}  {{ $_formatNumber(total_payment, { decimal: 2}) }}</div>
+                    <div class="col-5 value text-bold">{{payment_method =='up_coin' ?  'UPCoin': payment_method =='gc' ? "GC" : settings.cashier_currency ? settings.cashier_currency : settings.main_currency }}  {{ $_formatNumber(total_payment, { decimal: 2}) }}</div>
                 </div>
                 <div class="row">
                     <div class="col-7 label">Grand Total</div>
-                    <div class="col-5 value text-primary text-bold">{{payment_method =='gc' ? "GC" : settings.main_currency ? settings.cashier_currency : settings.main_currency}} {{ $_formatNumber(grand_total, { decimal: 2}) }}</div>
+                    <div class="col-5 value text-primary text-bold">{{ payment_method =='up_coin' ?  'UPCoin': payment_method =='gc' ? "GC" : settings.main_currency ? settings.cashier_currency : settings.main_currency}} {{ $_formatNumber(grand_total, { decimal: 2}) }}</div>
                 </div>
                 <div v-if="balance" class="row">
                     <div class="col-7 label">Outstanding Balance</div>

package/components/SalesInvoicePrintable.vue

@@ -58,17 +58,17 @@
                 <div class="bottom-grid">
                     <div class="flex-discount">
                         <div class="discount-title">Subtotal</div>
-                        <div class="discount-value">{{settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(sub_total, { decimal: 2}) }}</div>
+                        <div class="discount-value">{{payment_method =='up_coin' ?  'UPCoin': settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(sub_total, { decimal: 2}) }}</div>
                     </div>
                     <div class="flex-discount" v-if="gc_discount || payment_method != 'gc' ">
                         <div class="discount-title">Total Discount</div>
-                        <div class="discount-value">{{settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(total_discount, { decimal: 2}) }}</div>
+                        <div class="discount-value">{{ payment_method =='up_coin' ?  'UPCoin': settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(total_discount, { decimal: 2}) }}</div>
                     </div>
                     <div class="flex-total">
                         <div class="total-title"><b>Grand Total</b></div>
-                        <div class="total-value"><b>{{settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(grand_total, { decimal: 2}) }}</b></div>
+                        <div class="total-value"><b>{{ payment_method =='up_coin' ?  'UPCoin': settings.cashier_currency ? settings.cashier_currency : '' }} {{ $_formatNumber(grand_total, { decimal: 2}) }}</b></div>
                     </div>
-                    <div class="flex-change"  v-if="payment_method != 'gc'">
+                    <div class="flex-change"  v-if="payment_method != 'gc' && payment_method != 'up_coin'">
                         <div class="change-title">Change</div>
                         <div class="change-value">{{settings.cashier_currency ? settings.cashier_currency : '' }} {{this.change}}</div> 
                     </div>

package/components/TransactionConfirmDialog.vue

@@ -109,7 +109,6 @@ export default {
     {      
         await this.$bind('sale', this.db_sale.doc(this.sale_id));
         await this.$bind('user', this.db_user.doc(this.sale.customer.uid));
-
     },
     methods: 
     {    

package/dialogs/AddPaymentDialog.vue

@@ -1,19 +1,36 @@
 <template>
     <q-card class="discount-dialog" style="width: 500px; max-width: 500px; padding: 20px">
          <q-form @submit="receivePayment()">
-             <div class="fields row">
-                    <div v-if="selected_slot" class="field col-6 text-center text-bold">
-                        Current Wallet: 
+             <div class="fields payment-wallet">
+                <div class="slot-holder">
+                    {{selected_slot_info.slot_code}}
+                </div>
+                <div class="wallet-holder-grid">
+                    <div class="wallet-holder">
+                        <div v-if="selected_slot" class="field col-6 text-center text-bold">
+                            Current Wallet: 
+                        </div>
+                        <div v-if="selected_slot" class="field col-6 text-center">
+                            {{selected_slot_info.hasOwnProperty('wallet') ? selected_slot_info.wallet : 0}}
+                        </div>
                     </div>
-                     <div v-if="selected_slot" class="field col-6 text-center text-bold">
-                        Current GC: 
+                    <div class="gc-holder">
+                        <div v-if="selected_slot" class="field col-6 text-center text-bold">
+                            Current GC: 
+                        </div>
+                        <div v-if="selected_slot" class="field col-6 text-center">
+                            {{selected_slot_info.hasOwnProperty('points') ? selected_slot_info.points.gc : 0}}
+                        </div>
                     </div>
-                    <div v-if="selected_slot" class="field col-6 text-center">
-                        {{selected_slot_info.hasOwnProperty('wallet') ? selected_slot_info.wallet : 0}}
-                    </div>
-                     <div v-if="selected_slot" class="field col-6 text-center">
-                       {{selected_slot_info.hasOwnProperty('points') ? selected_slot_info.points.gc : 0}}
+                    <div class="up-coin-holder" v-if="!hide_up_coin">
+                        <div v-if="selected_slot" class="field col-6 text-center text-bold">
+                            Current UPCoin: 
+                        </div>
+                        <div v-if="selected_slot" class="field col-6 text-center">
+                        {{selected_slot_info.hasOwnProperty('points') ? selected_slot_info.points.up_coin : 0}}
+                        </div>
                     </div>
+                </div>
                     <div class="field col-12 q-mt-sm" style="margin-right:20px">
                         <q-select :option-label="(method) => method.hasOwnProperty('method_name') ? method.method_name   : `Payment Type` " label="Payment Type" option-value="method_key" :options="payment_options" v-model="field.payment_type"  stack-label></q-select>
                     </div>
@@ -50,10 +67,19 @@ export default
             },
             payment_options : [],
             selected_slot_info : {wallet:0,points:{gc:0}},
+            public_setting:null,
+            hide_up_coin:true
     }),
     props: ['selected_slot', 'gc'],
-    mounted() 
+    async mounted() 
     {
+        this.public_settings = await this.$_getData('public_settings');
+        if(this.public_settings.hasOwnProperty('up_coin') && this.public_settings.up_coin.active == true)
+        {
+            this.hide_up_coin = false;
+        }
+        console.log(this.public_settings.up_coin);
+        console.log(this.hide_up_coin);
         this.getPaymentMethods()
     },
     methods: 
@@ -124,8 +150,18 @@ export default
 <style lang="scss">
 .discount-dialog{
     .fields {
+        .slot-holder{
+            font-size:1rem;
+            font-weight: bold;
+            text-align: center;
+            color: $primary;
+            margin: 10px auto;
+        }
+        .wallet-holder-grid{
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+        }
         padding: 20px;
-        
         .label {
             font-weight: bold;
             font-size: 12px;

package/dialogs/ChangePaymentMethod.vue

@@ -0,0 +1,81 @@
+<template>
+    <div class="payment-dialog">
+        <div class="payment-holder">
+            <div class="field col-12 q-mt-sm" style="margin-right:20px">
+                <q-select :option-label="(method) => method.hasOwnProperty('method_name') ? method.method_name   : `Payment Type` " label="Payment Type" option-value="method_key" :options="payment_options" v-model="field.payment_type"  stack-label></q-select>
+            </div>
+            <div class="buttons text-right">
+                <q-btn @click="applyPayment" color="primary" class="full-width" unelevated>
+                <q-icon name="fa fa-check" size="14px" class="q-mr-sm"></q-icon>
+                    Appy Payment Type
+                </q-btn>
+            </div>  
+    </div>
+    </div>
+</template>
+
+<script>
+export default
+{
+    filters: { },
+    data:() =>(
+    {
+        payment_options : [],
+        field: {
+            payment_amount:"",     
+            remarks:""
+        },
+        payment_options : [],
+    }),
+    async mounted() 
+    { 
+        await this.getPaymentMethods();
+    },
+    methods: 
+    {
+        applyPayment()
+        {
+            console.log(this.field.payment_type);
+        },
+        async getPaymentMethods()
+        {
+            let value_holder = []
+            let option_holder = await this.$_getData('cashier_payment_methods');
+            option_holder.forEach( (res,index) =>
+            {
+                if(res.method_key == 'wallet' || res.method_key =='gc')
+                {
+                    if(this.selected_slot)
+                    {
+                        value_holder.push(res)
+                    }
+                }
+                else
+                {
+                        value_holder.push(res)
+
+                }
+                
+            })
+            this.payment_options = value_holder;
+
+            // if(this.gc == true)
+            // {
+            //      this.payment_options = [{method_key: "gc", method_name:"GC"}];
+            // }
+            // let slot_code = await this.$_getSlotBySlotCode(this.selected_slot)
+            // this.selected_slot_info =  slot_code != undefined ? slot_code : {}
+            
+        },
+    },
+    computed: { }
+}
+</script>
+<style lang="scss">
+.payment-dialog{
+    padding: 20px;
+    background: #fff;
+    width: 500px;
+    height: 500px;
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geer-builder",
-  "version": "1.2.607",
+  "version": "1.2.610",
   "description": "",
   "main": "index.js",
   "scripts": {