Creating Estimate Page

2019-07-12 18:23:16 +02:00
parent b11dd46f9f
commit 6a92dbeca8
11 changed files with 328 additions and 12 deletions
--- a/src/views/pages/estimate/estimate.ts
+++ b/src/views/pages/estimate/estimate.ts
@@ -0,0 +1,183 @@
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+import { IEstimate } from '@src/model'
+import { tools } from '@src/store/Modules/tools'
+
+@Component({})
+export default class Estimate extends Vue {
+  public arrEstimate: IEstimate[] = []
+
+  public arrEstimateit: IEstimate[] = [
+    {
+      id: 1,
+      title: 'Pagina Web Base', description: 'Incluso nel prezzo:<br />' +
+      '- 5 pagine principali: Home principale con testo + slideshow di immagini, Chi siamo, Dove Siamo, Contatti<br />' +
+      '- Possibilità di modificare in maniera autonoma i testi delle pagine (Sito Dinamico)<br />' +
+      '- Galleria d\'immagini Slideshow ' +
+      '- Certificato SSL / HTTPS di sicurezza incluso<br />' +
+      '- GDPR privacy e cookie<br />' +
+      '- Posizionamento motori di ricerca<br />',
+      price: 250,
+      advanced: false,
+      qta: 1,
+      icon: 'web',
+      numpag: 5,
+      viewlist: null,
+      checksel: true
+    },
+    {
+      id: 9,
+      title: 'Hosting Base Dominio WWW (Servizio Esterno)',
+      description: 'Servizio di Hosting linux base + Database Mysql + Servizio Mail + Dominio',
+      advanced: false,
+      icon: 'home',
+      price: 80,
+      qta: 1,
+      numpag: 0,
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 2,
+      title: '+ 5 Pagine Aggiuntive',
+      description: 'Inserisci il numero di pagine che si vuole creare',
+      advanced: false,
+      price: 50,
+      qta: 1,
+      numpag: 5,
+      icon: 'description',
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 3,
+      title: '+ 10 Pagine Aggiuntive',
+      description: 'pagine aggiuntive da creare',
+      price: 85,
+      qta: 1,
+      numpag: 10,
+      icon: 'description',
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 4,
+      title: '+ 20 Pagine Aggiuntive',
+      description: 'pagine aggiuntive da creare',
+      advanced: false,
+      price: 140,
+      qta: 1,
+      numpag: 20,
+      icon: 'description',
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: tools.languageid,
+      title: '+ 1 Lingua Aggiuntiva (con testi già tradotti)',
+      description: 'Inserimento di 1 lingua straniera nel sito. Comprende le pagine selezionate',
+      advanced: false,
+      icon: 'language',
+      price: 10,
+      qta: 1,
+      numpag: 0,
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 8,
+      title: 'Gestione Newsletter integrata con MailChimp',
+      advanced: true,
+      description: 'All\'interno del sito l\'utente potrà lasciare la propria email e nome, e verrà inviata a MailChimp (Account Gratuito)',
+      icon: 'contact_mail',
+      price: 50,
+      qta: 1,
+      numpag: 0,
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 6,
+      title: 'Calendario Eventi',
+      advanced: true,
+      description: 'Visualizzazione Mensile e Settimanale di un calendario Eventi Personalizzato',
+      icon: 'event',
+      price: 100,
+      qta: 1,
+      numpag: 0,
+      viewlist: null,
+      checksel: false
+    },
+    {
+      id: 7,
+      title: 'Galleria Immagini Personalizzata',
+      advanced: true,
+      description: 'Possibilità di aggiungere/eliminare foto autonomamente dalla galleria Immagini (Richiede Hosting Base)',
+      icon: 'perm_media',
+      price: 100,
+      qta: 1,
+      numpag: 0,
+      viewlist: null,
+      checksel: false
+    }
+    // {
+    //   id: 7,
+    //   title: 'Servizio di Assistenza e modifica pagine (dal 2° anno)',
+    //   description: '',
+    //   icon: 'perm_media',
+    //   price: 100,
+    //   qta: 1,
+    //   numpag: 0,
+    //   viewlist: null,
+    //   checksel: false
+    // },
+  ]
+
+  public mounted() {
+    this.arrEstimate = this.arrEstimateit
+  }
+
+  public getPrice(rec: IEstimate) {
+    if (rec.id === tools.languageid) {
+      return rec.price * this.getNumpagTotal()
+    } else {
+      return rec.price
+    }
+  }
+
+  public getNumpagTotal() {
+    let numpag = 0
+    let rec: IEstimate = null
+
+    for (rec of this.arrEstimateit) {
+      if (rec.checksel) {
+        numpag += rec.numpag
+      }
+    }
+
+    return numpag
+  }
+
+  public getTotal() {
+    let tot = 0
+    let rec: IEstimate = null
+
+    const numpagtot = this.getNumpagTotal()
+
+    for (rec of this.arrEstimateit) {
+      if (rec.checksel)
+          tot += this.getPrice(rec) * rec.qta
+    }
+
+    return tot
+  }
+
+  public getColor(rec) {
+    if (rec.advanced) {
+      return 'red'
+    } else {
+      return 'blue'
+    }
+  }
+
+}