freeplanet/src/views/pages/estimate/estimate.ts

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'
    }
  }

}