Month: April 2025

Network Load Fix

User <script> import { ref,onMounted,watchEffect,watch } from 'vue' import TheQuote from './TheQuote.vue' import { useTrueFalseStore } from '@/stores/truefalse'; import { useLoadingStore } from '@/stores/loading'; import { useNetworkStore } from '@/stores/network'; const mainAdminEmail = import.meta.env.VITE_MAIN_ADMIN_EMAIL; import { fetchPortfolioItems, fetchPortfolioCategories } from '@/dbstore/firebase/myPortfolio' const truefalseStore = useTrueFalseStore(); const networkStore = useNetworkStore(); const loadingStore = useLoadingStore(); const tab […]

Check internet status

User HOw to check user internent is online/offline Assistant To check if a user's internet connection is online or offline in JavaScript (especially for Vue.js or plain JS apps), you can use the **`navigator.onLine`** property and listen for the **`online`** and **`offline`** events. — ### ✅ Basic JavaScript Example console.log(navigator.onLine ? "Online" : "Offline"); window.addEventListener('online', […]

Pinia Network Store Fix

User import { defineStore } from 'pinia' import { ref, onMounted, onBeforeUnmount } from 'vue' export const useNetworkStore = defineStore('network', () => { const isOnline = ref(navigator.onLine) // ✅ Define handlers outside so they can be removed later const handleOnline = () => (isOnline.value = true) const handleOffline = () => (isOnline.value = false) onMounted(() […]

Find Gmail Accounts by Number

User how to find all google email accounts related with mobile number Assistant Unfortunately, **Google does not provide a public or official way to find all Gmail accounts associated with a mobile number** for privacy and security reasons. However, here are some important points and what **can** be done (legitimately): — ### ✅ If it's […]

Holiday Notice Correction

User Just for your information here is the holiday for tomorrow, We will back on Monday next week Correct above sentence Assistant Sure! Here's the corrected version of your sentence: "Just for your information, tomorrow is a holiday. We will be back next Monday." Let me know if you'd like a more formal or casual […]

Conditional field visibility fix

User <style> .hub-multistep-btn { background-color: #00b4d5; border-radius: 25px; font-weight: 600; min-height: 40px; cursor: pointer; width: 100%; font-size: 15px; text-align: center; transition: all .3s; fill: #fff; } #step-progress { margin: 20px 0; text-align: center; display: flex; justify-content: space-between; align-items: center; } .step-indicator { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 0 5px; […]

Back Button Positioning Update

User <style> .hub-multistep-btn { background-color: #00b4d5; border-radius: 25px; font-weight: 600; min-height: 40px; cursor: pointer; width: 100%; font-size: 15px; text-align: center; transition: all .3s; fill: #fff; } #step-progress { margin: 20px 0; text-align: center; display: flex; justify-content: space-between; align-items: center; } .step-indicator { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 0 5px; […]

Move submit button code

User <style> .hub-multistep-btn { background-color: #00b4d5; border-radius: 25px; font-weight: 600; min-height: 40px; cursor: pointer; width: 100%; font-size: 15px; text-align: center; transition: all .3s; fill: #fff; } #step-progress { margin: 20px 0; text-align: center; display: flex; justify-content: space-between; align-items: center; } .step-indicator { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 0 5px; […]

Form Styling Customization

User <style> .hub-multistep-btn { background-color: #00b4d5; border-radius: 25px; font-weight: 600; min-height: 40px; cursor: pointer; width: 100%; font-size: 15px; text-align: center; transition: all .3s; fill: #fff; } #step-progress { margin: 20px 0; text-align: center; display: flex; justify-content: space-between; align-items: center; } .step-indicator { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #ccc; color: […]

PDF Optimization Suggestions

User add_filter('pdf_template_table_headings','pdf_invoice_head',999,2); function pdf_invoice_head($header, $order_id ){ //CHANGE DATE HERE AND BELOW y-m-d $date2 = strtotime('2021-11-24'); $orderedDate = strtotime(get_post_meta($order_id,'_dispensed_date',TRUE )); if($orderedDate < $date2 ){ $headers = '' . esc_html__('Medication details:', 'woocommerce-pdf-invoice') . '' . '' . '' . '' . '' . esc_html__( 'Medication', 'woocommerce-pdf-invoice' ) . '' . '' . esc_html__( 'Quantity', 'woocommerce-pdf-invoice' ) . […]