Falta corporativos, carro de compras y testimonios
This commit is contained in:
@ -8,6 +8,214 @@ function resize() {
|
||||
})
|
||||
}
|
||||
|
||||
class Amount {
|
||||
constructor(elem) {
|
||||
this.elem = elem
|
||||
this.minus = elem.parent().find('.minus')
|
||||
this.plus = elem.parent().find('.plus')
|
||||
this.n = 0
|
||||
this.setup()
|
||||
this.max = 999
|
||||
}
|
||||
setup() {
|
||||
this.elem.val(0)
|
||||
this.plus.click((e) => {
|
||||
this.increment()
|
||||
this.print()
|
||||
})
|
||||
this.minus.click((e) => {
|
||||
this.decrement()
|
||||
this.print()
|
||||
})
|
||||
this.elem.change((e) => {
|
||||
this.n = parseInt(this.elem.val())
|
||||
this.print()
|
||||
})
|
||||
this.print()
|
||||
}
|
||||
enable_button(name) {
|
||||
this[name].removeClass('disabled')
|
||||
if (name == 'plus') {
|
||||
this[name].html('<i class="plus icon"></i>')
|
||||
}
|
||||
if (name == 'minus') {
|
||||
this[name].html('<i class="minus icon"></i>')
|
||||
}
|
||||
}
|
||||
disable_button(name) {
|
||||
this[name].addClass('disabled')
|
||||
this[name].html('')
|
||||
}
|
||||
check_limits() {
|
||||
this.enable_button('plus')
|
||||
this.enable_button('minus')
|
||||
if (this.n > this.max) {
|
||||
this.n = this.max
|
||||
}
|
||||
if (this.n == this.max) {
|
||||
this.disable_button('plus')
|
||||
}
|
||||
|
||||
if (this.n < 0) {
|
||||
this.n = 0
|
||||
}
|
||||
if (this.n == 0) {
|
||||
this.disable_button('minus')
|
||||
}
|
||||
}
|
||||
increment() {
|
||||
this.n += 1
|
||||
}
|
||||
decrement() {
|
||||
this.n -= 1
|
||||
}
|
||||
get value() {
|
||||
return this.n
|
||||
}
|
||||
print() {
|
||||
this.check_limits()
|
||||
this.elem.val(this.n)
|
||||
}
|
||||
}
|
||||
|
||||
class Colors {
|
||||
constructor(elem, changing = false) {
|
||||
this.color = {
|
||||
white: 'blanco',
|
||||
black: 'negro',
|
||||
blue: 'azul',
|
||||
green: 'verde',
|
||||
yellow: 'amarillo',
|
||||
orange: 'naranjo',
|
||||
red: 'rojo'
|
||||
}
|
||||
this.picked = 'blue'
|
||||
this.elem = elem
|
||||
this.input = elem.find('input[name="color"]')
|
||||
this.changing = null
|
||||
if (changing) {
|
||||
this.changing = elem.parent().parent().find('.column2 img')
|
||||
}
|
||||
this.setup()
|
||||
}
|
||||
setup() {
|
||||
this.elem.find('.circle').each((i, el) => {
|
||||
$(el).click((e) => {
|
||||
let color = $(el).attr('class').split(' ')[0]
|
||||
this.change_color(color)
|
||||
})
|
||||
})
|
||||
this.change_color('blue')
|
||||
}
|
||||
default_color_format(el) {
|
||||
$(el).removeClass('selected')
|
||||
}
|
||||
change_color(color) {
|
||||
this.picked = this.color[color]
|
||||
this.input.val(this.picked)
|
||||
this.elem.find('.circle').each((i, el) => {
|
||||
this.default_color_format(el)
|
||||
})
|
||||
this.elem.find('.' + color + '.circle').addClass('selected')
|
||||
if (this.changing != null) {
|
||||
this.changing.attr('src', './assets/images/' + this.picked + '.png')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let smtp = {
|
||||
Host: 'smtp.google.com',
|
||||
Username: 'rsalinas85@gmail.com',
|
||||
Password: 'salinas1234',
|
||||
From: 'ventas@3dstand.cl'
|
||||
}
|
||||
|
||||
let sticky_form = {
|
||||
elem: $('.sticky form'),
|
||||
setup: function() {
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
return false
|
||||
})
|
||||
},
|
||||
submit: function() {
|
||||
console.debug('submit sticky')
|
||||
}
|
||||
}
|
||||
let cotiza_form = {
|
||||
elem: $('#corporativos form'),
|
||||
setup: function() {
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
return false
|
||||
})
|
||||
this.file = this.elem.find('input[type="file"]')
|
||||
this.elem.find('.file').click((e) => {
|
||||
this.file.trigger('click')
|
||||
})
|
||||
},
|
||||
submit: function() {
|
||||
let email = this.elem.find('[name="email"]').val()
|
||||
let data = new FormData(this.elem[0])
|
||||
let body = [
|
||||
'Nombre: ' + this.elem.find('[name="nombre"]').val(),
|
||||
'E-mail: ' + email,
|
||||
'Teléfono: ' + this.elem.find('[name="telefono"]').val(),
|
||||
'',
|
||||
'Color: ' + this.elem.find('[name="color"]').val(),
|
||||
'Cantidad: ' + this.elem.find('[name="cantidad"]').val(),
|
||||
this.elem.find('[name="mensaje"]').val()
|
||||
]
|
||||
let content = {
|
||||
Host: smtp.Host,
|
||||
Username: smtp.Username,
|
||||
Password: smtp.Password,
|
||||
To: email,
|
||||
From: smtp.From,
|
||||
Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}),
|
||||
Body: body.join('<br />'),
|
||||
Attachments: [
|
||||
{
|
||||
name: "Logo",
|
||||
data: data.get('archivo')
|
||||
}
|
||||
]
|
||||
}
|
||||
console.debug(email)
|
||||
//Email.send()
|
||||
}
|
||||
}
|
||||
let conversemos_form = {
|
||||
elem: $('#contacto'),
|
||||
setup: function() {
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
return false
|
||||
})
|
||||
},
|
||||
submit: function() {
|
||||
let email = this.elem.find('[name="email"]').val()
|
||||
let body = [
|
||||
'Nombre: ' + this.elem.find('[name="nombre"]').val(),
|
||||
'E-mail: ' + email,
|
||||
'',
|
||||
this.elem.find('[name="mensaje"]').val()
|
||||
]
|
||||
let content = {
|
||||
Host: smtp.Host,
|
||||
Username: smtp.Username,
|
||||
Password: smtp.Password,
|
||||
From: smtp.From,
|
||||
To: email,
|
||||
Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}),
|
||||
Body: body.join('<br />')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.menu.sticky').sticky()
|
||||
$('.column2 .sticky').sticky({
|
||||
@ -16,5 +224,13 @@ $(document).ready(function() {
|
||||
|
||||
$('.shopping.cart').innerText = 0
|
||||
|
||||
//window.onresize = resize;
|
||||
window.onresize = resize;
|
||||
|
||||
let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]'))
|
||||
let sticky_color = new Colors($('.sticky .colores'), true)
|
||||
sticky_form.setup()
|
||||
let cotiza_amount = new Amount($('#corporativos .input input[name="cantidad"]'))
|
||||
let cotiza_color = new Colors($('#corporativos .colores'))
|
||||
cotiza_form.setup()
|
||||
conversemos_form.setup()
|
||||
})
|
||||
|
||||
2
public/assets/scripts/main.min.js
vendored
2
public/assets/scripts/main.min.js
vendored
@ -1,2 +1,2 @@
|
||||
function resize(){$(".container").each(function(t,i){var n=$(this).height;$(this).width;$(this).width=n*(400/944)})}$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0});
|
||||
"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}function resize(){$(".container").each(function(e,t){var i=$(this).height;$(this).width;$(this).width=i*(400/944)})}var Amount=function(){function t(e){_classCallCheck(this,t),this.elem=e,this.minus=e.parent().find(".minus"),this.plus=e.parent().find(".plus"),this.n=0,this.setup(),this.max=999}return _createClass(t,[{key:"setup",value:function(){var t=this;this.elem.val(0),this.plus.click(function(e){t.increment(),t.print()}),this.minus.click(function(e){t.decrement(),t.print()}),this.elem.change(function(e){t.n=parseInt(t.elem.val()),t.print()}),this.print()}},{key:"enable_button",value:function(e){this[e].removeClass("disabled"),"plus"==e&&this[e].html('<i class="plus icon"></i>'),"minus"==e&&this[e].html('<i class="minus icon"></i>')}},{key:"disable_button",value:function(e){this[e].addClass("disabled"),this[e].html("")}},{key:"check_limits",value:function(){this.enable_button("plus"),this.enable_button("minus"),this.n>this.max&&(this.n=this.max),this.n==this.max&&this.disable_button("plus"),this.n<0&&(this.n=0),0==this.n&&this.disable_button("minus")}},{key:"increment",value:function(){this.n+=1}},{key:"decrement",value:function(){--this.n}},{key:"print",value:function(){this.check_limits(),this.elem.val(this.n)}},{key:"value",get:function(){return this.n}}]),t}(),Colors=function(){function i(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];_classCallCheck(this,i),this.color={white:"blanco",black:"negro",blue:"azul",green:"verde",yellow:"amarillo",orange:"naranjo",red:"rojo"},this.picked="blue",this.elem=e,this.input=e.find('input[name="color"]'),this.changing=null,t&&(this.changing=e.parent().parent().find(".column2 img")),this.setup()}return _createClass(i,[{key:"setup",value:function(){var n=this;this.elem.find(".circle").each(function(e,i){$(i).click(function(e){var t=$(i).attr("class").split(" ")[0];n.change_color(t)})}),this.change_color("blue")}},{key:"default_color_format",value:function(e){$(e).removeClass("selected")}},{key:"change_color",value:function(e){var i=this;this.picked=this.color[e],this.input.val(this.picked),this.elem.find(".circle").each(function(e,t){i.default_color_format(t)}),this.elem.find("."+e+".circle").addClass("selected"),null!=this.changing&&this.changing.attr("src","./assets/images/"+this.picked+".png")}}]),i}(),smtp={Host:"smtp.google.com",Username:"rsalinas85@gmail.com",Password:"salinas1234",From:"ventas@3dstand.cl"},sticky_form={elem:$(".sticky form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){console.debug("submit sticky")}},cotiza_form={elem:$("#corporativos form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1}),this.file=this.elem.find('input[type="file"]'),this.elem.find(".file").click(function(e){t.file.trigger("click")})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=new FormData(this.elem[0]),i=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"Teléfono: "+this.elem.find('[name="telefono"]').val(),"","Color: "+this.elem.find('[name="color"]').val(),"Cantidad: "+this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="mensaje"]').val()];smtp.Host,smtp.Username,smtp.Password,smtp.From,(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),i.join("<br />"),t.get("archivo");console.debug(e)}},conversemos_form={elem:$("#contacto"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"",this.elem.find('[name="mensaje"]').val()];smtp.Host,smtp.Username,smtp.Password,smtp.From,(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),t.join("<br />")}};$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0,window.onresize=resize;new Amount($('.sticky .input input[name="cantidad"]')),new Colors($(".sticky .colores"),!0);sticky_form.setup();new Amount($('#corporativos .input input[name="cantidad"]')),new Colors($("#corporativos .colores"));cotiza_form.setup(),conversemos_form.setup()});
|
||||
//# sourceMappingURL=maps/main.min.js.map
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user