[MERGE] Merged lp:~openerp-dev/openobject-addons/trunk-website-al

bzr revid: psa@tinyerp.com-20131224053125-3lrogsrgd3ccp0i6

12 files changed, 158 insertions, 0 deletions

diff --git a/addons/website_payment/static/src/css/Makefile b/addons/website_payment/static/src/css/Makefile
new file mode 100644
index 00000000000..7f7f16d3616
--- /dev/null
+++ b/addons/website_payment/static/src/css/Makefile
@@ -0,0 +1,2 @@
+sass:
+	sass --trace -t expanded website_payment.sass:website_payment.css
diff --git a/addons/website_payment/static/src/css/website_payment.css b/addons/website_payment/static/src/css/website_payment.css
new file mode 100644
index 00000000000..196d6cf8956
--- /dev/null
+++ b/addons/website_payment/static/src/css/website_payment.css
@@ -0,0 +1,53 @@
+@charset "utf-8";
+input#cc_number {
+  background-image: url("/website_payment/static/src/img/grey-dots.png");
+  background-repeat: no-repeat;
+  background-position: 14px 14px;
+}
+
+div.card_placeholder {
+  background-image: url("/website_payment/static/src/img/placeholder.png");
+  background-repeat: no-repeat;
+  width: 32px;
+  height: 20px;
+  position: absolute;
+  top: 34px;
+  right: 20px;
+  -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  pointer-events: none;
+}
+
+div.amex {
+  background-image: url("/website_payment/static/src/img/amex.png");
+  background-repeat: no-repeat;
+}
+
+div.diners {
+  background-image: url("/website_payment/static/src/img/diners.png");
+  background-repeat: no-repeat;
+}
+
+div.discover {
+  background-image: url("/website_payment/static/src/img/discover.png");
+  background-repeat: no-repeat;
+}
+
+div.jcb {
+  background-image: url("/website_payment/static/src/img/jcb.png");
+  background-repeat: no-repeat;
+}
+
+div.mastercard {
+  background-image: url("/website_payment/static/src/img/mastercard.png");
+  background-repeat: no-repeat;
+}
+
+div.visa {
+  background-image: url("/website_payment/static/src/img/visa.png");
+  background-repeat: no-repeat;
+}
+
+input#cc_number:active, input#cc_number:focus {
+  background-image: none;
+}
diff --git a/addons/website_payment/static/src/css/website_payment.sass b/addons/website_payment/static/src/css/website_payment.sass
new file mode 100644
index 00000000000..b5d4d03a9bd
--- /dev/null
+++ b/addons/website_payment/static/src/css/website_payment.sass
@@ -0,0 +1,45 @@
+@charset "utf-8"
+
+input#cc_number
+    background-image: url('/website_payment/static/src/img/grey-dots.png')
+    background-repeat: no-repeat
+    background-position: 14px 14px
+
+div.card_placeholder
+    background-image: url('/website_payment/static/src/img/placeholder.png')
+    background-repeat: no-repeat
+    width: 32px
+    height: 20px
+    position: absolute
+    top: 34px
+    right: 20px
+    -webkit-transition: .4s cubic-bezier(0.455,0.03,0.515,0.955)
+    transition: .4s cubic-bezier(0.455,0.03,0.515,0.955)
+    pointer-events: none
+
+div.amex
+    background-image: url('/website_payment/static/src/img/amex.png')
+    background-repeat: no-repeat
+
+div.diners
+    background-image: url('/website_payment/static/src/img/diners.png')
+    background-repeat: no-repeat
+
+div.discover
+    background-image: url('/website_payment/static/src/img/discover.png')
+    background-repeat: no-repeat
+
+div.jcb
+    background-image: url('/website_payment/static/src/img/jcb.png')
+    background-repeat: no-repeat
+
+div.mastercard
+    background-image: url('/website_payment/static/src/img/mastercard.png')
+    background-repeat: no-repeat
+
+div.visa
+    background-image: url('/website_payment/static/src/img/visa.png')
+    background-repeat: no-repeat
+
+input#cc_number:active, input#cc_number:focus
+    background-image: none
diff --git a/addons/website_payment/static/src/img/amex.png b/addons/website_payment/static/src/img/amex.png
new file mode 100644
index 00000000000..7de472cdd9b
--- /dev/null
+++ b/addons/website_payment/static/src/img/amex.png
diff --git a/addons/website_payment/static/src/img/diners.png b/addons/website_payment/static/src/img/diners.png
new file mode 100644
index 00000000000..93b909d1b33
--- /dev/null
+++ b/addons/website_payment/static/src/img/diners.png
diff --git a/addons/website_payment/static/src/img/discover.png b/addons/website_payment/static/src/img/discover.png
new file mode 100644
index 00000000000..692bd76d403
--- /dev/null
+++ b/addons/website_payment/static/src/img/discover.png
diff --git a/addons/website_payment/static/src/img/grey-dots.png b/addons/website_payment/static/src/img/grey-dots.png
new file mode 100644
index 00000000000..bf5391ef906
--- /dev/null
+++ b/addons/website_payment/static/src/img/grey-dots.png
diff --git a/addons/website_payment/static/src/img/jcb.png b/addons/website_payment/static/src/img/jcb.png
new file mode 100644
index 00000000000..4160175eb5f
--- /dev/null
+++ b/addons/website_payment/static/src/img/jcb.png
diff --git a/addons/website_payment/static/src/img/mastercard.png b/addons/website_payment/static/src/img/mastercard.png
new file mode 100644
index 00000000000..b51a920d156
--- /dev/null
+++ b/addons/website_payment/static/src/img/mastercard.png
diff --git a/addons/website_payment/static/src/img/placeholder.png b/addons/website_payment/static/src/img/placeholder.png
new file mode 100644
index 00000000000..665f42efba8
--- /dev/null
+++ b/addons/website_payment/static/src/img/placeholder.png
diff --git a/addons/website_payment/static/src/img/visa.png b/addons/website_payment/static/src/img/visa.png
new file mode 100644
index 00000000000..0358fbf00b6
--- /dev/null
+++ b/addons/website_payment/static/src/img/visa.png
diff --git a/addons/website_payment/static/src/js/payment_acquirer.js b/addons/website_payment/static/src/js/payment_acquirer.js
new file mode 100644
index 00000000000..8955af0b7bc
--- /dev/null
+++ b/addons/website_payment/static/src/js/payment_acquirer.js
@@ -0,0 +1,58 @@
+$(document).ready(function () {
+
+    $('input#cc_number').payment('formatCardNumber');
+    $('input#cc_cvc').payment('formatCardCVC');
+    $('input#cc_expiry').payment('formatCardExpiry')
+
+    $('input#cc_number').on('focusout', function (e) {
+        var valid_value = $.payment.validateCardNumber(this.value);
+        var card_type = $.payment.cardType(this.value);
+        console.log('Validating card', this.value, 'is a', card_type, 'and valid:', valid_value);
+        if (card_type) {
+            $(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder ' + card_type);
+        }
+        else {
+            $(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder');   
+        }
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('has-success');
+            $(this).parent('.form-group').removeClass('has-error');
+        }
+        else {
+            $(this).parent('.form-group').addClass('has-error');
+            $(this).parent('.form-group').removeClass('has-success');
+        }
+    });
+
+    $('input#cc_cvc').on('focusout', function (e) {
+        var cc_nbr = $(this).parents('.oe_cc').find('#cc_number').val();
+        var card_type = $.payment.cardType(cc_nbr);
+        var valid_value = $.payment.validateCardCVC(this.value, card_type);
+        console.log('Validating CVC', this.value, 'for card', cc_nbr, 'of type', card_type, 'and is valid:', valid_value);
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('has-success');
+            $(this).parent('.form-group').removeClass('has-error');
+        }
+        else {
+            $(this).parent('.form-group').addClass('has-error');
+            $(this).parent('.form-group').removeClass('has-success');
+        }
+    });
+
+    $('input#cc_expiry').on('focusout', function (e) {
+        var expiry_value = $.payment.cardExpiryVal(this.value);
+        var month = expiry_value.month || '';
+        var year = expiry_value.year || '';
+        var valid_value = $.payment.validateCardExpiry(month, year);
+        console.log('Validating expiry', this.value, 'month', month, 'year', year, 'and is valid:', valid_value);
+        if (valid_value) {
+            $(this).parent('.form-group').addClass('has-success');
+            $(this).parent('.form-group').removeClass('has-error');
+        }
+        else {
+            $(this).parent('.form-group').addClass('has-error');
+            $(this).parent('.form-group').removeClass('has-success');
+        }
+    });
+
+});