v2.0.4-beta

assets/js/main.js

@@ -9,31 +9,31 @@ let available_colors = {
   },
   blue: {
     name: 'azul',
-    rgb: 'rgb(0, 0, 255)'
+    rgb: 'rgb(0, 110, 230)'
   },
   petrol: {
-    name: 'petroleo',
-    rgb: 'rgb(0, 0, 150)'
+    name: 'azul_petroleo',
+    rgb: 'rgb(0, 80, 120)'
   },
   cyan: {
     name: 'celeste',
-    rgb: 'rgb(150, 150, 255)'
+    rgb: 'rgb(80, 200, 255)'
   },
   green: {
     name: 'verde',
-    rgb: 'rgb(0, 255, 0)'
+    rgb: 'rgb(10, 200, 100)'
   },
   yellow: {
     name: 'amarillo',
-    rgb: 'rgb(255, 255, 0)'
+    rgb: 'rgb(255, 240, 70)'
   },
   orange: {
     name: 'naranjo',
-    rgb: 'rgb(255, 130, 0)'
+    rgb: 'rgb(255, 130, 70)'
   },
   red: {
     name: 'rojo',
-    rgb: 'rgb(255, 0, 0)'
+    rgb: 'rgb(255, 20, 50)'
   }
 }
 
@@ -115,7 +115,7 @@ class Colors {
     this.input = elem.find('input[name="color"]')
     this.changing = null
     if (changing) {
-      this.changing = elem.parent().parent().find('.column2 img')
+      this.changing = elem.parent().parent().find('.column img')
     }
     this.setup()
   }
@@ -143,7 +143,7 @@ class Colors {
     })
     this.elem.find('.' + color + '.circle').addClass('selected')
     if (this.changing != null) {
-      this.changing.attr('src', './assets/images/' + this.picked + '.png')
+      this.changing.attr('src', './assets/images/fotos/' + this.picked + '/left.jpg')
     }
   }
 }
@@ -198,7 +198,8 @@ let dimensiones = {
   setup: function() {
     this.elem.find('.colores .circle').each((i, el) => {
       let color = $(el).attr('class').split(' ')[0]
-      if (color == 'petrol' || color == 'cyan') {
+      let cssColor = $(el).css('background-color')
+      if (cssColor != this.colors[color]['rgb']) {
         $(el).css('background-color', this.colors[color]['rgb'])
       }
       $(el).click((e) => {
@@ -412,15 +413,49 @@ let testimonios = {
   }
 }
 
+let sticky = {
+  elem: $('#columna_sticky'),
+  setup: function() {
+    var h = 0
+    $('section.columna').each((i, el) => {
+      h += $(el).outerHeight(true)
+    })
+    this.elem.height(h)
+    this.elem.find('#column').height(h)
+
+    $('#columna_sticky .sticky').sticky({
+      context: '#column'
+    })
+  }
+}
+
+let image = {
+  elem: $('.agrandable'),
+  modal: $('#images.modal'),
+  setup: function() {
+    this.modal.modal()
+    this.modal.find('.close.icon').click((e) => {
+      this.modal.modal('hide')
+      this.modal.find('.image').html('')
+    })
+    let p = this
+    this.elem.click(function(e) {
+      let img = $(this).find('img').attr('src')
+      p.modal.find('.image').html('')
+      p.modal.find('.image').append(
+        $('<img />').attr('src', img)
+      )
+      p.modal.modal('show')
+    })
+  }
+}
+
 $(document).ready(function() {
-  $('#menu.sticky').sticky()
-  $('.column2 .sticky').sticky({
-    context: '#column'
-  })
   $('#subir').sticky()
 
   $('.shopping.cart').innerText = 0
 
+  sticky.setup()
   ventajas.setup()
   dimensiones.setup()
   let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]'))
@@ -430,6 +465,7 @@ $(document).ready(function() {
   let cotiza_color = new Colors($('#corporativos .colores'))
   cotiza_form.setup()
   conversemos_form.setup()
+  image.setup()
 
   window.mobileCheck = function() {
     let check = false;