BOOKMARKLET-GUIDE.md

## 🚀 CÁCH KÍCH HOẠT TÍNH NĂNG BÁO GIÁ (Không cần sửa index.html)

### ✅ Cách dùng (Chỉ 1 lần duy nhất):

1. **Mở Space:** https://bep40-v-aistudio.static.hf.space
2. **Thêm sản phẩm vào giỏ hàng**
3. **Kéo đoạn mã sau vào thanh bookmark của trình duyệt:**

```javascript
javascript:(function(){
  if(window._vaiPatched)return alert('✅ Đã kích hoạt rồi!');
  ['vai-complete-quote.js','export-functions.js'].forEach(f=>{
    if(!document.querySelector('script[src*="'+f+'"]')){
      var s=document.createElement('script');
      s.src=f+'?v='+Date.now();
      document.body.appendChild(s);
    }
  });
  setTimeout(function(){
    var f=document.getElementById('cartFooter');
    if(f&&!f.querySelector('[onclick*="saveOrder"]')){
      f.insertAdjacentHTML('beforeend','<div style="display:flex;gap:6px;margin-top:6px"><button onclick="saveOrder()" style="flex:1;padding:10px;background:#059669;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-save"></i> Lưu</button><button onclick="openOrderPage()" style="flex:1;padding:10px;background:#7c3aed;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-receipt"></i> Đơn hàng</button><button onclick="exportDeliveryExcel()" style="flex:1;padding:10px;background:#217346;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-truck"></i> Excel Giao</button><button onclick="exportDeliveryPDF()" style="flex:1;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-file-pdf"></i> PDF Giao</button></div>');
    }
    alert('✅ Đã kích hoạt tính năng Báo Giá!\nNhấn OK để tải lại trang...');
    location.reload();
  },1500);
})();
```

### 📖 Các bước chi tiết:

#### Bước 1: Tạo Bookmark
1. Mở Chrome/Firefox
2. Nhấn `Ctrl+Shift+O` (Chrome) hoặc `Ctrl+Shift+B` (Firefox) để mở Bookmark Manager
3. Tạo bookmark mới
4. **Tên:** `VAI Quote Activate`
5. **URL:** Paste toàn bộ đoạn mã `javascript:` ở trên vào ô URL

#### Bước 2: Kích hoạt
1. Mở Space: https://bep40-v-aistudio.static.hf.space
2. **Nhấn bookmark `VAI Quote Activate`** trên thanh bookmark
3. Đợi 2-3 giây, trang sẽ tự động tải lại
4. **Hoàn tất!** Tính năng Báo Giá đã sẵn sàng

---

### 🧪 Cách khác: Chạy trực tiếp trong Console

1. Mở Space
2. Nhấn `F12` để mở DevTools
3. Chuyển sang tab `Console`
4. **Copy & Paste** toàn bộ mã sau vào Console và nhấn `Enter`:

```javascript
(function(){
  if(window._vaiPatched)return console.log('✅ Already patched!');
  console.log('🔧 Loading V.AISTUDIO quote dependencies...');
  ['vai-complete-quote.js','export-functions.js'].forEach(f=>{
    if(!document.querySelector('script[src*="'+f+'"]')){
      var s=document.createElement('script');
      s.src=f+'?v='+Date.now();
      s.onload=()=>console.log('✅ Loaded: '+f);
      s.onerror=()=>console.error('❌ Failed: '+f);
      document.body.appendChild(s);
    }
  });
  setTimeout(function(){
    var f=document.getElementById('cartFooter');
    if(f&&!f.querySelector('[onclick*="saveOrder"]')){
      f.insertAdjacentHTML('beforeend','<div style="display:flex;gap:6px;margin-top:6px"><button onclick="saveOrder()" style="flex:1;padding:10px;background:#059669;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-save"></i> Lưu</button><button onclick="openOrderPage()" style="flex:1;padding:10px;background:#7c3aed;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-receipt"></i> Đơn hàng</button><button onclick="exportDeliveryExcel()" style="flex:1;padding:10px;background:#217346;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-truck"></i> Excel Giao</button><button onclick="exportDeliveryPDF()" style="flex:1;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer"><i class="fas fa-file-pdf"></i> PDF Giao</button></div>');
      console.log('✅ Added missing cart buttons!');
    }
    console.log('✅ V.AISTUDIO Quote System Activated!');
    window._vaiPatched=true;
  },1500);
})();
```

---

### ✅ Kiểm tra sau khi kích hoạt

1. Mở giỏ hàng (icon giỏ hàng trên header)
2. Nhấn **"Báo giá"**
3. Nhập mã **`V.AISTUDIO`**
4. Kiểm tra các nút:
   - ✅ **"Lưu"** (saveOrder)
   - ✅ **"Đơn hàng"** (openOrderPage)
   - ✅ **"Excel Giao"** (exportDeliveryExcel)
   - ✅ **"PDF Giao"** (exportDeliveryPDF)

---

### 🔗 Link tham khảo

- **Space đang chạy:** https://bep40-v-aistudio.static.hf.space
- **Source code:** https://huggingface.co/spaces/bep40/vaistudio-fixed
- **File JS đã tải:** 
  - `vai-complete-quote.js`: https://huggingface.co/spaces/bep40/V.AISTUDIO/blob/main/vai-complete-quote.js
  - `export-functions.js`: https://huggingface.co/spaces/bep40/V.AISTUDIO/blob/main/export-functions.js

---

### ⚠️ Lưu ý

- Bookmarklet/Console method **không làm thay đổi file `index.html`**
- Tính năng sẽ mất khi tải lại trang (trừ khi nhấn bookmark lại)
- **Cách vĩnh viễn:** Cần thêm 1 dòng `<script src="quote-loader.js"></script>` vào `index.html`
- Để tự động hóa vĩnh viễn, bạn cần sửa `index.html` theo hướng dẫn trong `HUONG-DAN-CAP-NHAT.md`

---

**✅ Đã tạo xong bookmarklet! Chỉ cần kéo vào bookmark bar và nhấn 1 lần là xong! 🎉**