add previous op recap

kfet/static/kfet/css/kpsul.css

@@ -8,7 +8,7 @@ input[type=number]::-webkit-outer-spin-button {
     margin: 0;
 }
 
-#account, #checkout, input, #history, #basket, #basket_rel, #articles_data {
+#account, #checkout, input, #history, #basket, #basket_rel, #previous_op, #articles_data {
     background:#fff;
 }
 
@@ -335,11 +335,11 @@ input[type=number]::-webkit-outer-spin-button {
     padding:0;
 }
 
-#basket, #basket_rel {
+#basket, #basket_rel, #previous_op {
     height:100%;
 }
 
-#basket_rel {
+#basket_rel, #previous_op {
     border-top:1px solid #C8102E;
 }
 
@@ -354,6 +354,11 @@ input[type=number]::-webkit-outer-spin-button {
     #basket_rel {
         border-top:0;
         margin-left:7px;
+        margin-right:7px;
+    }
+    #previous_op {
+        border-top:0;
+        margin-left:7px;
     }
 }
 

kfet/templates/kfet/kpsul.html

@@ -138,10 +138,14 @@
             </table>
           </div>
         </div>
-        <div class="col-sm-6">
+        <div class="col-sm-3">
           <div id="basket_rel">
           </div>
         </div>
+        <div class="col-sm-3">
+          <div id="previous_op">
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -473,6 +477,7 @@ $(document).ready(function() {
             },
         })
         .done(function(data) {
+            updatePreviousOp();
             coolReset();
             lock = 0;
         })
@@ -1045,6 +1050,16 @@ $(document).ready(function() {
         });
     }
 
+    var previousop_container = $('#previous_op');
+
+    function updatePreviousOp() {
+        var previousop_html = '';
+        var trigramme = triInput.val().toUpperCase(); 
+        previousop_html += '<div>Trigramme : '+trigramme+'</div>';
+        previousop_html += basketrel_container.html();
+        previousop_container.html(previousop_html);
+    }
+
     // -----
     // Addcost
     // -----