Add order-button.js: Search dropdown Add button + Product page Add button

order-button.js

@@ -0,0 +1,125 @@
+/**
+ * V.AI STUDIO — Order Button Injection
+ * 1. Adds "Thêm đơn" button to search dropdown results
+ * 2. Adds floating "Thêm đơn" button on product detail pages
+ */
+(function(){
+'use strict';
+
+// Wait for D and VAI_ORDERS to be ready
+function waitReady(cb){
+    var t=setInterval(function(){
+        if(typeof D!=='undefined'&&D.length>100){clearInterval(t);cb();}
+    },2000);
+    setTimeout(function(){clearInterval(t);},20000);
+}
+
+function addToLastOrder(product){
+    if(!window.VAI_ORDERS||!window.VAI_ORDERS.getAll)return false;
+    var orders=window.VAI_ORDERS.getAll();
+    if(!orders.length)return false;
+    var latest=orders[0];
+    var name=product.name||product.n||'';
+    var price=product.priceNum||product.pn||0;
+    if(!price)price=parseInt((product.price||product.p||'').toString().replace(/[^\d]/g,''))||0;
+    latest.items=latest.items||[];
+    // Check duplicate
+    var sku=product.sku||product.model||product.mod||'';
+    for(var i=0;i<latest.items.length;i++){if(latest.items[i].model===sku)return'dup';}
+    latest.items.push({name:name,model:sku,image:product.image||product.img||product.i||'',price:price,discPrice:price,qty:1,total:price,note:''});
+    latest.grandTotal=(latest.grandTotal||0)+price;
+    latest.savedAt=new Date().toISOString();
+    window.VAI_ORDERS.add(latest);
+    return true;
+}
+
+/**
+ * Override/enhance search dropdown to add "Thêm đơn" buttons
+ */
+function enhanceSearchDropdown(){
+    // Watch for dropdown appearance and add buttons
+    var observer=new MutationObserver(function(){
+        var dropdown=document.getElementById('vai-search-dropdown');
+        if(!dropdown||dropdown.style.display==='none')return;
+        // Add buttons if not already added
+        var items=dropdown.querySelectorAll('.vai-dd-item:not([data-btn-added])');
+        items.forEach(function(item){
+            item.setAttribute('data-btn-added','1');
+            var slug=item.getAttribute('data-slug');
+            if(!slug)return;
+            // Add "Thêm đơn" button
+            var btn=document.createElement('button');
+            btn.className='vai-dd-add-btn';
+            btn.textContent='+ Đơn';
+            btn.style.cssText='padding:4px 8px;background:#003f62;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;margin-left:6px;flex-shrink:0';
+            btn.addEventListener('click',function(e){
+                e.stopPropagation();
+                // Find product by slug
+                for(var i=0;i<D.length;i++){
+                    if(D[i]&&D[i].slug===slug){
+                        var result=addToLastOrder(D[i]);
+                        if(result===true){btn.textContent='✓';btn.style.background='#059669';}
+                        else if(result==='dup'){btn.textContent='Đã có';btn.style.background='#94a3b8';}
+                        else{btn.textContent='Chưa có đơn';btn.style.background='#dc2626';}
+                        setTimeout(function(){btn.textContent='+ Đơn';btn.style.background='#003f62';},2000);
+                        break;
+                    }
+                }
+            });
+            item.appendChild(btn);
+        });
+    });
+    observer.observe(document.body,{childList:true,subtree:true,attributes:true});
+}
+
+/**
+ * Add floating "Thêm vào đơn" button on product detail pages
+ */
+function addProductPageButton(){
+    var url=window.location.pathname;
+    var slugMatch=url.match(/\/san-pham\/([^/]+)/);
+    if(!slugMatch)return;
+    var slug=slugMatch[1];
+    
+    // Wait for page to load
+    setTimeout(function(){
+        // Don't add if already exists
+        if(document.getElementById('vai-add-order-btn'))return;
+        
+        // Find product
+        var product=null;
+        for(var i=0;i<D.length;i++){
+            if(D[i]&&D[i].slug===slug){product=D[i];break;}
+        }
+        if(!product)return;
+        
+        // Create floating button
+        var btn=document.createElement('button');
+        btn.id='vai-add-order-btn';
+        btn.innerHTML='🛒 Thêm vào đơn';
+        btn.style.cssText='position:fixed;bottom:80px;right:16px;z-index:999;padding:12px 20px;background:linear-gradient(135deg,#003f62,#0369a1);color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(0,63,98,.4);transition:transform .2s,box-shadow .2s';
+        btn.onmouseover=function(){this.style.transform='scale(1.05)';this.style.boxShadow='0 6px 20px rgba(0,63,98,.5)';};
+        btn.onmouseout=function(){this.style.transform='';this.style.boxShadow='0 4px 16px rgba(0,63,98,.4)';};
+        btn.addEventListener('click',function(){
+            var result=addToLastOrder(product);
+            if(result===true){
+                btn.innerHTML='✅ Đã thêm!';btn.style.background='linear-gradient(135deg,#059669,#10b981)';
+                setTimeout(function(){btn.innerHTML='🛒 Thêm vào đơn';btn.style.background='linear-gradient(135deg,#003f62,#0369a1)';},2500);
+            }else if(result==='dup'){
+                btn.innerHTML='ℹ️ Đã có trong đơn';btn.style.background='#64748b';
+                setTimeout(function(){btn.innerHTML='🛒 Thêm vào đơn';btn.style.background='linear-gradient(135deg,#003f62,#0369a1)';},2000);
+            }else{
+                btn.innerHTML='⚠️ Chưa có đơn nào';btn.style.background='#dc2626';
+                setTimeout(function(){btn.innerHTML='🛒 Thêm vào đơn';btn.style.background='linear-gradient(135deg,#003f62,#0369a1)';},2000);
+            }
+        });
+        document.body.appendChild(btn);
+    },2000);
+}
+
+waitReady(function(){
+    enhanceSearchDropdown();
+    addProductPageButton();
+    console.log('✅ Order buttons ready');
+});
+})();