From c5aea42e126c6bed7b4a973dd3d41712fdac8622 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@openerp.com>
Date: Fri, 8 Nov 2013 16:50:54 +0100
Subject: [IMP] website_payment: wip work to add credit card front-end
 management + jquery.payment library use

bzr revid: tde@openerp.com-20131108155054-t4wsnvfu5eb0o3hf
---
 addons/website_payment/static/src/css/Makefile     |  2 ++
 .../static/src/css/website_payment.css             | 24 ++++++++++++++++++
 .../static/src/css/website_payment.sass            | 29 ++++++++++++++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 addons/website_payment/static/src/css/Makefile
 create mode 100644 addons/website_payment/static/src/css/website_payment.css
 create mode 100644 addons/website_payment/static/src/css/website_payment.sass

(limited to 'addons/website_payment/static/src/css')

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)
-- 
cgit v1.2.3


From 3d73443fcde2f36d2cbb6880bce44a846d275fb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@openerp.com>
Date: Tue, 12 Nov 2013 14:21:33 +0100
Subject: [IMP] website_payment: form for credit card, using jquery.payment in
 the module JS file + udpated CSS / SASS

bzr revid: tde@openerp.com-20131112132133-f9nqb7jgy1ovmc5b
---
 .../static/src/css/website_payment.css             | 59 +++++++++++++-----
 .../static/src/css/website_payment.sass            | 70 +++++++++++++---------
 2 files changed, 87 insertions(+), 42 deletions(-)

(limited to 'addons/website_payment/static/src/css')

diff --git a/addons/website_payment/static/src/css/website_payment.css b/addons/website_payment/static/src/css/website_payment.css
index e61696fcd30..196d6cf8956 100644
--- a/addons/website_payment/static/src/css/website_payment.css
+++ b/addons/website_payment/static/src/css/website_payment.css
@@ -1,24 +1,53 @@
-@charset "UTF-8";
-
+@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;
+  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;
+  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.visa {
-    background-image: url('/website_payment/static/src/img/placeholder.png');
-    background-repeat: no-repeat;
-    background-position: 14px 14px;
-}*/
+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;
+  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
index d467df2de47..b5d4d03a9bd 100644
--- a/addons/website_payment/static/src/css/website_payment.sass
+++ b/addons/website_payment/static/src/css/website_payment.sass
@@ -1,29 +1,45 @@
 @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)
+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
-- 
cgit v1.2.3