diff --git a/kfet/forms.py b/kfet/forms.py
index 5cd4f470..fc4e6937 100644
--- a/kfet/forms.py
+++ b/kfet/forms.py
@@ -136,7 +136,11 @@ class KPsulAccountForm(forms.ModelForm):
model = Account
fields = ['trigramme']
widgets = {
- 'trigramme': forms.TextInput(attrs={'autocomplete': 'off'}),
+ 'trigramme': forms.TextInput(
+ attrs={
+ 'autocomplete': 'off',
+ 'spellcheck': 'false',
+ }),
}
class KPsulCheckoutForm(forms.Form):
diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index fe72b1f0..b7cf2e09 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -1,4 +1,5 @@
@import url("nav.css");
+@import url("kpsul.css");
body {
margin-top:50px;
@@ -13,8 +14,8 @@ a:focus, a:hover {
color:#C8102E;
}
-.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
- margin-left:5px;
+:focus {
+ outline:none;
}
.btn, .btn-lg, .btn-group-lg>.btn {
@@ -33,12 +34,9 @@ a:focus, a:hover {
color:#FFF;
}
-.container-fluid .row:first-child {
+.row-page-header {
background-color:rgba(200,16,46,1);
color:#FFF;
-}
-
-.row.row-page-header {
border-bottom:3px solid #000;
}
diff --git a/kfet/static/kfet/css/kpsul.css b/kfet/static/kfet/css/kpsul.css
new file mode 100644
index 00000000..40008749
--- /dev/null
+++ b/kfet/static/kfet/css/kpsul.css
@@ -0,0 +1,236 @@
+/*
+ * Top row
+ */
+
+.row.kpsul_top {
+ padding:0 15px;
+ color:#000;
+}
+
+.row.kpsul_top > div {
+ margin-top:15px;
+}
+
+/* Account */
+
+#account {
+ border:1px solid #ddd;
+ color:black;
+ height:160px;
+}
+
+#account[data-balance="ok"] { border-color:#009011; }
+#account[data-balance="ok"] #account_form input { background:#009011; color:#FFF;}
+#account[data-balance="low"] { border-color:#EC6400; }
+#account[data-balance="low"] #account_form input { background:#EC6400; color:#FFF; }
+#account[data-balance="neg"] { border-color:#C8102E; }
+#account[data-balance="neg"] #account_form input { background:#C8102E; color:#FFF; }
+#account[data-balance="frozen"] { border-color:#000FBA; }
+#account[data-balance="frozen"] #account_form input { background:#000FBA; color:#FFF; }
+
+#account_form {
+ padding:0;
+ height:100%;
+}
+
+#account_form input {
+ width:100%;
+ height:100%;
+
+ padding:0;
+ padding-bottom:10px;
+
+ border:0;
+ border-radius:0;
+
+ background:#ddd;
+
+ font-family:'Roboto Mono';
+ font-size:70px;
+ font-weight:bold;
+
+ text-align:center;
+ text-transform:uppercase;
+}
+
+@media (min-width: 768px) {
+ #account {
+ margin-right:0;
+ }
+
+ #account_form input {
+ font-size:85px;
+ }
+
+ @media (min-width: 992px) {
+ #account_form input {
+ font-size:100px;
+ }
+ }
+}
+
+#account_data {
+ height:100%;
+}
+
+#account_data .data_line {
+ line-height:24px;
+
+ font-family:'Roboto Mono';
+ font-size:14px;
+}
+
+#account_data #account-balance{
+ height:60px;
+ line-height:60px;
+
+ font-size:60px;
+ font-weight:bold;
+}
+
+#account_data #account-name {
+ font-weight:bold;
+}
+
+/* Checkout */
+
+#checkout {
+ border:1px solid #ddd;
+ padding:0;
+ height:160px;
+ font-family:'Roboto Mono';
+}
+
+#checkout_form select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor:pointer;
+ outline:none;
+ border:0;
+
+ width:100%;
+ height:50px;
+ padding:0 15px;
+
+ background:#ddd;
+
+ font-weight:bold;
+ font-size:18px;
+}
+
+#checkout_form select option {
+ height:25px;
+ padding:0 15px;
+ line-height:25px;
+ font-weight:normal;
+ font-size:14px;
+}
+
+#checkout_data {
+ padding:0 15px;
+}
+
+/*
+ * Second part
+ */
+
+.row.kpsul_middle {
+ padding:0 15px;
+ font-family:'Roboto Mono';
+ color:#000;
+}
+
+.row.kpsul_middle > div {
+ margin-top:15px;
+ padding:0;
+}
+
+.row.kpsul_middle > div:first-child > div {
+ margin-right:0;
+}
+
+@media (min-width:768px) {
+ .row.kpsul_middle > div:first-child > div {
+ margin-right:15px
+ }
+}
+
+/* Special operations */
+
+#special_operations {
+ height:40px;
+}
+
+#special_operations button {
+ height:100%;
+ width:50%;
+
+ float:left;
+
+ background:#ddd;
+ color:#000;
+
+ font-size:18px;
+ font-weight:bold;
+}
+
+#special_operations button:focus {
+ outline:none;
+}
+
+#operation_deposit:focus, #operation_deposit:hover {
+ background:#009011;
+ color:#FFF;
+}
+
+#operation_withdraw:focus, #operation_withdraw:hover {
+ background:#C8102E;
+ color:#FFF;
+}
+
+/* Article autocomplete */
+
+#article_selection {
+ height:40px;
+ width:100%;
+}
+
+#article_selection input {
+ height:100%;
+ float:left;
+ border:1px solid #ddd;
+ border-radius:0;
+ border-top:0;
+ font-size:16px;
+ font-weight:bold;
+}
+
+#article_selection input+input {
+ border-left:0;
+}
+
+#article_selection input[type=number] {
+ -moz-appearance:textfield;
+}
+
+#article_selection input[type=number]::-webkit-inner-spin-button,
+#article_selection input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+
+#article_autocomplete {
+ width:95%;
+ padding-left:10px;
+}
+
+#article_number {
+ width:5%;
+ text-align:center;
+}
+
+/* Article data */
+
+
diff --git a/kfet/templates/kfet/base.html b/kfet/templates/kfet/base.html
index 4d8a5b4e..8c0d4713 100644
--- a/kfet/templates/kfet/base.html
+++ b/kfet/templates/kfet/base.html
@@ -9,7 +9,7 @@
{# CSS #}
-
+
{# JS #}
diff --git a/kfet/templates/kfet/kpsul.html b/kfet/templates/kfet/kpsul.html
index 1212f625..1874b941 100644
--- a/kfet/templates/kfet/kpsul.html
+++ b/kfet/templates/kfet/kpsul.html
@@ -16,48 +16,79 @@
-{{ trigramme_form.as_p }}
-
-
-
-
-
-
-
-
-
+
+
+
+
+ {{ trigramme_form.trigramme }}
+
+
+
+
+
+
+ {{ checkout_form.checkout }}
+
+
+
+ En caisse: €
+
+
+ Dernier relevé:
+ €
+ à
+ par
+
+
+
-{{ checkout_form.as_p }}
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Nom |
+ Catégorie |
+ Prix |
+ Stock |
+
+
+
+
+
+
+
+
+
+
-
-
-
- Nom |
- Catégorie |
- Prix |
- Stock |
-
-
-
-
-
-