Aggiunta calcolo valore prodotto e miglioramenti UI

Implementato il calcolo del valore reale dei prodotti in asta, includendo il prezzo "Compra Subito", spese di spedizione e risparmio stimato. Aggiunta una nuova sezione "Info Prodotto" nella UI per visualizzare i dettagli estratti e i calcoli. - **AuctionMonitorControl.xaml**: Aggiunta sezione fissa per mostrare informazioni prodotto e calcolo valore. - **AuctionMonitorControl.xaml.cs**: Gestiti eventi per il caricamento e aggiornamento delle informazioni prodotto. - **MainWindow**: Integrati handler per il calcolo e refresh delle informazioni prodotto. - **AuctionInfo.cs**: Aggiunte proprietà per gestire prezzo "Compra Subito", spese di spedizione e limiti di vincita. - **ProductValueCalculator.cs**: Nuova utility per calcolare il valore del prodotto e parsare informazioni dall'HTML. - **AuctionViewModel.cs**: Binding per visualizzare risparmio, costo totale e convenienza nella UI. - **Documentazione**: Aggiornata con dettagli sull'algoritmo di calcolo e layout UI. Fix: - Risolto problema di encoding UTF-8 per emoji nella UI. - Migliorato parsing HTML per prezzi e limiti di vincita. TODO: - Testare parsing su più aste e gestire edge cases. - Implementare caricamento automatico delle informazioni.
2025-11-21 16:55:21 +01:00
parent f124f2e4e8
commit ee67bedc31
171 changed files with 134519 additions and 241 deletions
@@ -0,0 +1,136 @@
+const { createApp } = Vue;
+
+let container = window.innerWidth > 576 ? "#appVariants" : "#appVariantsMobile";
+
+createApp({
+    data() {
+        return {
+            showElement:  false,
+            title: "",
+            content: "",
+            variants: []
+        }
+    },
+    mounted(){
+        let idProduct = document.querySelector('body').getAttribute('data-idProduct');
+        fetch('/ajax/get_variants.php?' + new URLSearchParams({
+            product: idProduct
+        })).then((response) => response.json())
+            .then((data) => {
+
+                this.showElement = !!Object.keys(data).length && data.isvalid === true && data.products.length > 0;
+                this.title = data.title_detail;
+                this.variants = data.products;
+            });
+
+    }
+
+}).mount(container);
+
+
+createApp({
+    data() {
+        return {
+            showElement: false,
+            title: "",
+            showErrorMsg: false,
+            errorMsg: "",
+            variants: [],
+            btnClassLists: ['.pay-btn','.btn-blue-proceed','.pay-with-a-card', '.btn-green'],
+            choose: "",
+            chooseId: null,
+            defaultText: "",
+            showDropdown: false
+
+        }
+    },
+    created(){
+        this.disablePayButton();
+    },
+    mounted(e) {
+
+        this.addListenerPayButton();
+        let data = JSON.parse(atob(document.querySelector('#variantsModule').getAttribute('data-content')));
+
+        this.showElement = this.setupApp(data);
+        this.title = data.title_checkout;
+        this.defaultText = data.label_option_selectbox_default;
+        this.variants = data.products;
+
+        this.errorMsg = data.label_error_msg_selectbox;
+
+
+    },
+    methods: {
+        setupApp(data){
+
+            if(data.isvalid === false){
+                this.activePayButton();
+                return false;
+            }
+
+            if(data.isvalid && data.products.length === 0){
+                this.activePayButton();
+                return false;
+            }
+
+            if(data.isvalid === true){
+                this.disablePayButton();
+                return !!Object.keys(data).length && data.products.length;
+            }
+
+        },
+        selectVariant(e){
+            this.chooseId  = e.target.querySelector('.variant-id').textContent;
+            this.choose  = e.target.querySelector('.variant-name').textContent;
+            this.defaultText = "";
+            this.hideDropdown();
+            this.hideError();
+            this.removeListenerPayButton();
+            this.activePayButton();
+        },
+        chooseVariant(){
+            this.hideError();
+            this.hideDropdown();
+        },
+        hideDropdown(){
+            this.showDropdown = !this.showDropdown;
+        },
+        activePayButton(){
+            this.btnClassLists.forEach((element) => {
+                document.querySelector(element).classList.remove('disabled');
+            });
+        },
+        disablePayButton(){
+            this.btnClassLists.forEach((element) => {
+                document.querySelector(element).classList.add('disabled');
+            });
+        },
+        addListenerPayButton(){
+            this.btnClassLists.forEach((element) => {
+                document.querySelector(element).addEventListener('click', (e) => {
+                    if(document.querySelector(element).classList.contains('disabled')){
+                        e.preventDefault();
+                        this.showError();
+                    }
+                });
+            });
+        },
+        removeListenerPayButton(){
+            this.btnClassLists.forEach((element) => {
+                document.querySelector(element).removeEventListener('click', () => {});
+            });
+        },
+        showError(){
+            document.querySelector('.variantSelected').classList.add('error');
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+            this.showErrorMsg = true;
+        },
+        hideError(){
+            document.querySelector('.variantSelected').classList.remove('error');
+            this.showErrorMsg = false;
+        }
+
+    }
+
+}).mount('#appVariantsCheckout');