Upload quote-ui.js

quote-ui.js

@@ -0,0 +1,154 @@
+/**
+ * V.AI STUDIO — Quote UI v7
+ * 
+ * - Nút "💾 Lưu" LUÔN HIỆN (không cần mã truy cập) — lưu đơn cho mọi user
+ * - Nút "📋 Đơn hàng", "📦 GH Excel", "📦 GH PDF" ẨN cho đến khi nhập V.AISTUDIO
+ * - Khi Lưu → tự động lưu vào danh sách đơn hàng (VAI_ORDERS)
+ */
+(function(){
+'use strict';
+
+var ACCESS_CODE='V.AISTUDIO';
+
+function isUnlocked(){
+    return document.body.classList.contains('vas-unlocked');
+}
+
+function unlock(){
+    document.body.classList.add('vas-unlocked');
+    console.log('[Quote UI v7] ✅ Unlocked');
+    setTimeout(addProtectedButtons,200);
+}
+
+function lock(){
+    document.body.classList.remove('vas-unlocked');
+    removeProtectedButtons();
+}
+
+// === NÚT LƯU (LUÔN HIỆN) ===
+function hasSaveButton(){
+    return !!document.querySelector('[data-vai-save-btn]');
+}
+
+function addSaveButton(){
+    if(hasSaveButton())return;
+    var actionsArea=document.querySelector('.quote-actions');
+    if(!actionsArea)return;
+
+    var btn=document.createElement('button');
+    btn.setAttribute('data-vai-save-btn','1');
+    btn.className='quote-btn'; // KHÔNG có checkout-done-btn → luôn hiện
+    btn.innerHTML='💾 Lưu';
+    btn.style.cssText='padding:12px 20px;border:none;border-radius:10px;font-weight:700;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease;white-space:nowrap;background:#7c3aed;color:#fff';
+    btn.onmouseenter=function(){this.style.background='#6d28d9';};
+    btn.onmouseleave=function(){this.style.background='#7c3aed';};
+    btn.onclick=function(){
+        if(window.VAI_ORDERS&&window.VAI_ORDERS.save){
+            window.VAI_ORDERS.save();
+        }else{
+            alert('⏳ Đang tải module đơn hàng...');
+        }
+    };
+    // Insert as first button in actions
+    actionsArea.insertBefore(btn, actionsArea.firstChild);
+    console.log('[Quote UI v7] 💾 Lưu button added (always visible)');
+}
+
+// === CÁC NÚT BẢO VỆ (ẨN CHO ĐẾN KHI UNLOCK) ===
+function hasProtectedButtons(){
+    return !!document.querySelector('[data-vai-protected-btn]');
+}
+
+function removeProtectedButtons(){
+    document.querySelectorAll('[data-vai-protected-btn]').forEach(function(b){b.remove();});
+}
+
+function addProtectedButtons(){
+    if(!isUnlocked())return;
+    if(hasProtectedButtons())return;
+    var actionsArea=document.querySelector('.quote-actions');
+    if(!actionsArea)return;
+
+    var btnStyle='padding:12px 20px;border:none;border-radius:10px;font-weight:700;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease;white-space:nowrap';
+
+    var buttons=[
+        {html:'📋 Đơn hàng',bg:'#2563eb',hover:'#1d4ed8',fn:function(){if(window.VAI_ORDERS)window.VAI_ORDERS.openSearch();else alert('⏳ Đang tải...');}},
+        {html:'📦 GH Excel',bg:'#059669',hover:'#047857',fn:function(){if(typeof exportDeliveryExcel==='function')exportDeliveryExcel();}},
+        {html:'📦 GH PDF',bg:'#0d9488',hover:'#0f766e',fn:function(){if(typeof exportDeliveryPDF==='function')exportDeliveryPDF();}}
+    ];
+
+    buttons.forEach(function(cfg){
+        var btn=document.createElement('button');
+        btn.setAttribute('data-vai-protected-btn','1');
+        btn.className='quote-btn checkout-done-btn'; // ẨN cho đến khi vas-unlocked
+        btn.innerHTML=cfg.html;
+        btn.style.cssText=btnStyle+';background:'+cfg.bg+';color:#fff';
+        btn.onmouseenter=function(){this.style.background=cfg.hover;};
+        btn.onmouseleave=function(){this.style.background=cfg.bg;};
+        btn.onclick=cfg.fn;
+        actionsArea.appendChild(btn);
+    });
+    console.log('[Quote UI v7] Protected buttons injected (Đơn hàng, GH)');
+}
+
+function isQuoteOpen(){
+    var ov=document.querySelector('.quote-overlay');
+    return ov&&(ov.classList.contains('open')||ov.style.display==='flex'||ov.style.display==='block');
+}
+
+// === BIND mã truy cập input (#qcAccessCode) ===
+function bindAccessCodeInput(){
+    var accessInput=document.getElementById('qcAccessCode');
+    if(!accessInput)return false;
+    if(accessInput.getAttribute('data-vai-access'))return true;
+    accessInput.setAttribute('data-vai-access','1');
+    
+    function checkCode(){
+        var val=(accessInput.value||'').trim();
+        if(val===ACCESS_CODE||val.toUpperCase()===ACCESS_CODE){
+            if(!isUnlocked())unlock();
+        }else{
+            if(isUnlocked())lock();
+        }
+    }
+    
+    accessInput.addEventListener('input',checkCode);
+    accessInput.addEventListener('change',checkCode);
+    accessInput.addEventListener('blur',checkCode);
+    accessInput.addEventListener('keypress',function(e){if(e.key==='Enter')checkCode();});
+    return true;
+}
+
+// === OBSERVER ===
+var observer=new MutationObserver(function(){
+    bindAccessCodeInput();
+    if(isQuoteOpen()){
+        if(!hasSaveButton())setTimeout(addSaveButton,200);
+        if(isUnlocked()&&!hasProtectedButtons())setTimeout(addProtectedButtons,300);
+    }
+    if(!isQuoteOpen()){
+        if(hasSaveButton())document.querySelectorAll('[data-vai-save-btn]').forEach(function(b){b.remove();});
+        if(hasProtectedButtons())removeProtectedButtons();
+    }
+    if(!isUnlocked()&&hasProtectedButtons())removeProtectedButtons();
+});
+observer.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:['class','style']});
+
+setInterval(function(){
+    bindAccessCodeInput();
+    if(isQuoteOpen()){
+        if(!hasSaveButton())addSaveButton();
+        if(isUnlocked()&&!hasProtectedButtons())addProtectedButtons();
+    }
+    if(!isQuoteOpen()){
+        if(hasSaveButton())document.querySelectorAll('[data-vai-save-btn]').forEach(function(b){b.remove();});
+        if(hasProtectedButtons())removeProtectedButtons();
+    }
+    if(!isUnlocked()&&hasProtectedButtons())removeProtectedButtons();
+},2000);
+
+setTimeout(bindAccessCodeInput,1000);
+setTimeout(bindAccessCodeInput,3000);
+
+console.log('[Quote UI v7] loaded — Lưu always visible, protected buttons need V.AISTUDIO');
+})();