[IMP] website_payment: wip work to add credit card front-end management + jquery.payment library use

bzr revid: tde@openerp.com-20131108155054-t4wsnvfu5eb0o3hf

12 files changed, 67 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..e61696fcd30
--- /dev/null
+++ b/addons/website_payment/static/src/css/website_payment.css
@@ -0,0 +1,24 @@
+@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;
+}
+
+/*div.visa {
+    background-image: url('/website_payment/static/src/img/placeholder.png');
+    background-repeat: no-repeat;
+    background-position: 14px 14px;
+}*/
+
+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..d467df2de47
--- /dev/null
+++ b/addons/website_payment/static/src/css/website_payment.sass
@@ -0,0 +1,29 @@
+@charset "utf-8"
+
+@import "compass/css3"
+
+.css_website_mail
+    .has-error
+        border-color: red
+    .css_nav_month
+        display: none
+        &:first-of-type
+            display: block
+
+.blog_content
+    a.oe_mail_expand:after
+        content: " →"
+    a.oe_mail_expand
+        font-weight: bold
+
+p.post-meta
+    position: relative
+    top: -5px
+
+.js_website_blog
+    div#right_column
+        section
+            +opacity(0.6)
+        section:hover
+            +opacity(1)
+            @include transition(all 0.2s ease-out)
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..0b0a2369c4e
--- /dev/null
+++ b/addons/website_payment/static/src/js/payment_acquirer.js
@@ -0,0 +1,12 @@
+$(document).ready(function () {
+
+    $('input#cc_number').payment('formatCardNumber');
+    $('input#cc_cvc').payment('formatCardCVC');
+    $('input#cc_expiry_mm').payment('restrictNumeric');
+    $('input#cc_expiry_yy').payment('restrictNumeric');
+
+    $('input#cc_number').on('focusout', function (e) {
+        var valid_value = $.payment.validateCardNumber(this.value);
+        console.log('check: ', valid_value);
+    });
+});