let categoriaActual=0;
class Categoria{constructor(nombre,descripcion,presupuestoMin,personalInfo){this.nombre=nombre;this.descripcion=descripcion;this.presupuestoMin=presupuestoMin;this.personalInfo=personalInfo}} class Pregunta{constructor(categoria,nombre,icono,descripcion,formulario){this.categoria=categoria;this.nombre=nombre;this.icono=icono;this.descripcion=descripcion;this.formulario=formulario}}
class insertarDatos{
static addBoton(){const tagname=document.querySelector('formulario');const div=document.createElement('div') div.id='formulario-inicio';div.innerHTML=`
¿Listo para crear tu presupuesto?
`;tagname.appendChild(div)}
static addFormulario(){const tagname=document.querySelector('formulario');const div=document.createElement('div') div.id="formulario";tagname.appendChild(div)}
static addPreguntas(){const preguntas=[{categoria:0,nombre:'Nombre',icono:'user',descripcion:'text',formulario:!0},{categoria:0,nombre:'Correo Electrónico',icono:'mention',descripcion:'email',formulario:!0},{categoria:0,nombre:'Teléfono / Whatsapp',icono:'phone',descripcion:'number',formulario:!0},{categoria:0,nombre:'Información del Proyecto',icono:'phone',descripcion:'textarea',formulario:!0},
{categoria:1,nombre:'Identidad Corporativa',icono:'puzzle',descripcion:'Mejoraremos tu marca diseñado tu identidad corporativa lista para el mercado',formulario:!1},{categoria:1,nombre:'Rediseño de Marca',icono:'pencil',descripcion:'Editaremos tu marca dandole un diseño mas elegante y minimalistico',formulario:!1},{categoria:1,nombre:'Tarjetas Corporativas',icono:'doc-text-inv',descripcion:'Diseñaremos la presentación de tu tarjeta personal o corporativa',formulario:!1},{categoria:1,nombre:'Logotipo',icono:'tree',descripcion:'Diseñaremos el logotipo para tu empresa con los mas creativos y modernos diseños',formulario:!1},{categoria:1,nombre:'Packaging',icono:'file-directory',descripcion:'Construiremos tu Packaging',formulario:!1},{categoria:1,nombre:'Folletos',icono:'tag-1',descripcion:'Diseñaremos y enteviaremos folletos ideales para tus clientes',formulario:!1},{categoria:1,nombre:'Portafolios Digitales',icono:'trello',descripcion:'Construiremos tu portafolio digital en el cual tu marca podra ser mostrada',formulario:!1},
{categoria:2,nombre:'E-commerce',icono:'shopping-cart',descripcion:'Construiremos tu tienda digital en linea',formulario:!1},{categoria:2,nombre:'Blogs',icono:'pencil-square-o',descripcion:'Construiremos tu blog de acuerdo a tus necesidades',formulario:!1},{categoria:2,nombre:'Business Web',icono:'area-chart',descripcion:'Constriremos tu sitio web de negocio y gestiona tus clientes',formulario:!1},{categoria:2,nombre:'Website Personalizado',icono:'tasks',descripcion:'Diseñaremos tu sitio web de acuerdo a tus exigencias',formulario:!1},
{categoria:3,nombre:'Marketing Digital',icono:'envelope-o',descripcion:'Planearemos tu campaña de marketing',formulario:!1},{categoria:3,nombre:'Community Management',icono:'bullhorn',descripcion:'Compartiremos por las redes sociales tu proyecto',formulario:!1},{categoria:3,nombre:'Coontenido Promocional',icono:'youtube',descripcion:'Promocionaremos tu contenido especifico y darte un mayor margen de visitas',formulario:!1},
{categoria:4,nombre:'Retoque Fotográfico',icono:'picture',descripcion:'Corregiremos posibles errores en tus fotografias',formulario:!1},{categoria:4,nombre:'Producción Grafica',icono:'ios-film',descripcion:'Produciremos y diseñaremos un video de manera profesional',formulario:!1},{categoria:4,nombre:'Animación',icono:'flash',descripcion:'Produciremos cortometrajes animados para tus campañas',formulario:!1},{categoria:4,nombre:'Videos Promocionales',icono:'ios-film-outline',descripcion:'Crearemos videos promocionales de tu proyecto',formulario:!1},{categoria:4,nombre:'Producción Audiovisual',icono:'picture',descripcion:'Produciremos un contenido audiovisual con diferentes escenas de tu proyecto',formulario:!1}] insertarDatos.Insertar(preguntas,1)}
static addCategorias(){const categorias=[{nombre:'Describe tu Proyecto',descripcion:'Ingresa tus datos y escribe de manera general la idea de tu proyecto',presupuestoMIN:0,personalInfo:!0},{nombre:'Marca',descripcion:'Desarrollamos tu marca personal o empresarial',presupuestoMIN:100,personalInfo:!1},{nombre:'Web',descripcion:'Construiremos y desarrollaremos tu sitio Web',presupuestoMIN:150,personalInfo:!1},{nombre:'Campañas',descripcion:'Anunciaremos y diseñaremos tu campaña',presupuestoMIN:100,personalInfo:!1},{nombre:'Media',descripcion:'Editaremos y diseñaremos tus videos presentacionales',presupuestoMIN:200,personalInfo:!1}] insertarDatos.Insertar(categorias,0)}
static Insertar(Dato,num){var longitud=Dato.length;var delay=0;var Data=0;for(var i=0;i `;if(i>0){text=text+`
`}
text=text+`
¿Cuanto estas dispuesto a invertir en esta área? Precio en dolares Americanos
`;if(i>0){text=text+' '}}else{var text=` `} if(i+1 static addPregutnasList(pregunta,i,categoria_id,maximo,delay){var pregunta_existe=document.getElementById('pregunta-'+i); if(pregunta_existe==null){const categoria=document.querySelector('#categoria-'+categoria_id+' ul'); const li=document.createElement("li");li.setAttribute("id","pregunta-"+i) if(pregunta.formulario==!1){li.setAttribute("class","li-formulario aparecer");li.innerHTML=`
${pregunta.descripcion}
`}else{li.setAttribute("class","li-formulario-camp aparecer");if(pregunta.descripcion!='textarea'){li.innerHTML=` ${pregunta.nombre}
`}else{li.innerHTML=` ${pregunta.nombre} `}}
li.setAttribute("style",'animation-delay: '+delay+'s');categoria.appendChild(li)}} static addFactura(i){ }} document.addEventListener('DOMContentLiteSpeedLoaded',insertarDatos.addBoton);document.addEventListener('DOMContentLiteSpeedLoaded',insertarDatos.addFormulario);document.addEventListener('DOMContentLiteSpeedLoaded',insertarDatos.addCategorias);document.addEventListener('DOMContentLiteSpeedLoaded',insertarDatos.addPreguntas); function separarId(id){var separador=id.split("-");id_separado=separador[1];id_separado=parseInt(id_separado);return id_separado} function cambiarColor(id){var checkbox=document.getElementById(id);id_separado=separarId(id);var pregunta=document.getElementById('pregunta-'+id_separado);var titulo_pregunta=document.querySelector('#pregunta-'+id_separado+' .title'); if(checkbox.checked==!0){pregunta.setAttribute('class','li-formulario agregarBordes');titulo_pregunta.setAttribute('class','title colorear')}else{pregunta.setAttribute('class','li-formulario ');titulo_pregunta.setAttribute('class','title')}} function crearPresupuesto(){categoriaActual=0;document.getElementById("formulario-inicio").style.display="none";document.getElementById('categoria-'+categoriaActual).style.display="block"} function siguienteCategoria(e,id){e.preventDefault();id_separado=separarId(id);categoriaActual=categoriaActual+1; document.getElementById('categoria-'+id_separado).style.display="none";var existencia=document.getElementById('categoria-'+(id_separado+1));if(existencia!=null){document.getElementById('categoria-'+(id_separado+1)).style.display="block"}else{ImprimirFactura()}} function anteriorCategoria(e,id){e.preventDefault();id_separado=separarId(id);categoriaActual=categoriaActual-1;document.getElementById('categoria-'+id_separado).style.display="none";var existencia=document.getElementById('categoria-'+(id_separado+1));if(existencia!=null){document.getElementById('categoria-'+(id_separado-1)).style.display="block"}else{ImprimirFactura()}} function ImprimirFactura(){const formulario=document.getElementById('formulario');const div=document.createElement("div");div.className="factura"; var categorias=document.querySelector("formulario #formulario").children;var preguntas=document.getElementsByClassName("preguntaformulario");var presupuestoformulario=document.getElementsByClassName("presupuestoformulario"); var factura=` `;for(var i=0;i `;for(var j=0;j ${nombre_pregunta} ${descripcion_pregunta} `}}else{if(nombre_pregunta=="Presupuesto por categoria"){factura=factura+` ${nombre_pregunta} ${descripcion_pregunta} $${preguntas[j].value}.00 `}else{factura=factura+` ${nombre_pregunta} ${descripcion_pregunta} ${preguntas[j].value} `}}}}} var presupuestototal=0;for(var i=0;i Presupuesto total $${presupuestototal}.00 `;factura=factura+'' div.innerHTML=factura;console.log(factura); formulario.appendChild(div)}${categoria.descripcion}
${categoria.nombre}
${categoria.descripcion}
Resumen de mi proyecto