[Boutique] Commande : modification de commande

producer/views/order/order.php

                 <div class="clr"></div>
             </div>
             <div class="content">
+                <div v-if="order" class="alert alert-warning alert-edit-order">
+                    <div class="glyphicon glyphicon-pencil"></div>
+                    Attention, vous êtes en train de modifier votre commande du <strong>{{ dateFormat }}</strong>.
+                </div>
                 <div v-if="errors && errors.length" class="alert alert-danger">
                     <ul>
                         <li v-for="error in errors">

producer/web/css/screen.css

 .order-order #main #app-order-order #distribution-date, .order-order #main #app-order-order #order-distribution-date {
   display: none;
 }
-/* line 21, ../sass/order/_order.scss */
+/* line 27, ../sass/order/_order.scss */
 .order-order #main #app-order-order .slide-enter-active {
   transition: all .2s ease;
 }
-/* line 25, ../sass/order/_order.scss */
+/* line 31, ../sass/order/_order.scss */
 .order-order #main #app-order-order .slide-leave-active {
   transition: all 0s ease;
 }
-/* line 28, ../sass/order/_order.scss */
+/* line 34, ../sass/order/_order.scss */
 .order-order #main #app-order-order .slide-enter, .order-order #main #app-order-order .slide-leave-to {
   transform: translateX(10px);
   opacity: 0;
 }
-/* line 33, ../sass/order/_order.scss */
+/* line 39, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps {
   margin-bottom: 20px;
 }
-/* line 35, ../sass/order/_order.scss */
+/* line 41, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul {
   height: 70px;
 }
-/* line 38, ../sass/order/_order.scss */
+/* line 44, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li {
   text-align: center;
   padding-right: 8px;
   padding-left: 8px;
   position: relative;
 }
-/* line 44, ../sass/order/_order.scss */
+/* line 50, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .info-step {
   position: absolute;
   top: 45px;
   font-size: 17px;
   font-weight: bold;
 }
-/* line 56, ../sass/order/_order.scss */
+/* line 62, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .glyphicon-chevron-right, .order-order #main #app-order-order #steps ul li.active .glyphicon-chevron-right {
   float: right;
   color: gray;
   position: relative;
   top: 10px;
 }
-/* line 64, ../sass/order/_order.scss */
+/* line 70, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li.first {
   padding-left: 0px;
 }
-/* line 68, ../sass/order/_order.scss */
+/* line 74, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li#step-payment {
   padding-right: 0px;
 }
-/* line 72, ../sass/order/_order.scss */
+/* line 78, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li#step-products .btn::after, .order-order #main #app-order-order #steps ul li.first .btn::before {
   display: none;
 }
-/* line 77, ../sass/order/_order.scss */
+/* line 83, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn {
   color: #333;
   text-transform: uppercase;
   border: 0px none;
   text-transform: uppercase;
 }
-/* line 88, ../sass/order/_order.scss */
+/* line 94, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn .button-content {
   position: relative;
   left: 8px;
 }
-/* line 93, ../sass/order/_order.scss */
+/* line 99, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn.btn-primary {
   background-color: #F39C12;
 }
-/* line 97, ../sass/order/_order.scss */
+/* line 103, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn::after, .order-order #main #app-order-order #steps ul li .btn::before {
   content: "";
   position: absolute;
   top: -1px;
 }
-/* line 103, ../sass/order/_order.scss */
+/* line 109, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn::after {
   right: -34px;
   border: 17px solid transparent;
   border-left: 17px solid #e0e0e0;
   background-color: transparent;
 }
-/* line 110, ../sass/order/_order.scss */
+/* line 116, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn::before {
   left: 0px;
   border: 17px solid transparent;
   border-left: 17px solid white;
   background-color: transparent;
 }
-/* line 117, ../sass/order/_order.scss */
+/* line 123, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn.btn-primary::after {
   border-left: 17px solid #F39C12;
 }
-/* line 131, ../sass/order/_order.scss */
+/* line 137, ../sass/order/_order.scss */
 .order-order #main #app-order-order #steps ul li .btn-primary {
   color: white;
 }
-/* line 139, ../sass/order/_order.scss */
+/* line 145, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #order-date-color,
 .order-order #main #app-order-order #legend #distribution-date-color {
   width: 13px;
   height: 13px;
   display: inline-block;
 }
-/* line 146, ../sass/order/_order.scss */
+/* line 152, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #order-date-color {
   background-color: #F39C12;
 }
-/* line 149, ../sass/order/_order.scss */
+/* line 155, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #distribution-date-color {
   background-color: #5cb85c;
 }
-/* line 154, ../sass/order/_order.scss */
+/* line 160, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar {
   margin-bottom: 15px;
 }
-/* line 156, ../sass/order/_order.scss */
+/* line 162, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
   font-size: 2rem;
 }
-/* line 159, ../sass/order/_order.scss */
+/* line 165, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-background {
   padding: 20px;
 }
-/* line 164, ../sass/order/_order.scss */
+/* line 170, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day:hover .c-day-background {
   background-color: #F39C12 !important;
   color: white !important;
 }
-/* line 170, ../sass/order/_order.scss */
+/* line 176, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-popover-content {
   font-size: 1.3rem;
 }
-/* line 178, ../sass/order/_order.scss */
+/* line 184, ../sass/order/_order.scss */
 .order-order #main #app-order-order #credit-online-payment .panel .panel-heading .btn-default {
   float: right;
   position: relative;
   top: -5px;
 }
-/* line 190, ../sass/order/_order.scss */
+/* line 196, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .panel .btn-primary {
   float: right;
 }
-/* line 194, ../sass/order/_order.scss */
+/* line 200, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .panel .date {
   font-size: 20px;
 }
-/* line 198, ../sass/order/_order.scss */
+/* line 204, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .panel .point-sales {
   color: gray;
   font-size: 14px;
   margin-top: 8px;
 }
-/* line 207, ../sass/order/_order.scss */
+/* line 213, ../sass/order/_order.scss */
 .order-order #main #app-order-order .block-actions {
   text-align: right;
   margin-top: 20px;
 }
-/* line 214, ../sass/order/_order.scss */
+/* line 220, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .the-name {
   font-family: "capsuularegular";
   color: black;
   line-height: 25px;
   font-weight: bold;
 }
-/* line 222, ../sass/order/_order.scss */
+/* line 228, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount {
   color: gray;
 }
-/* line 226, ../sass/order/_order.scss */
+/* line 232, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment a,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount a {
   color: #F39C12;
 }
-/* line 232, ../sass/order/_order.scss */
+/* line 238, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions {
   width: 150px;
 }
-/* line 234, ../sass/order/_order.scss */
+/* line 240, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions button {
   width: 100%;
 }
-/* line 240, ../sass/order/_order.scss */
+/* line 246, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale tr.selected td {
   background-color: white;
 }
-/* line 248, ../sass/order/_order.scss */
+/* line 254, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name {
   font-family: "highvoltageregular";
   font-size: 22px;
   text-transform: uppercase;
   padding-top: 13px;
 }
-/* line 255, ../sass/order/_order.scss */
+/* line 261, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name .glyphicon-triangle-bottom,
 .order-order #main #app-order-order table#products td.category-name .glyphicon-triangle-right {
   font-size: 15px;
 }
-/* line 260, ../sass/order/_order.scss */
+/* line 266, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name span.label {
   font-family: "Arial";
   font-weight: normal;
   text-transform: none;
   margin-left: 15px;
 }
-/* line 269, ../sass/order/_order.scss */
+/* line 275, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name:hover {
   cursor: pointer;
   background-color: #F39C12;
   color: white;
 }
-/* line 277, ../sass/order/_order.scss */
+/* line 283, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.photo img {
   width: 100px;
 }
-/* line 287, ../sass/order/_order.scss */
+/* line 293, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices {
   margin-top: 10px;
   font-size: 10px;
   padding-bottom: 2px;
   margin-bottom: 0px;
 }
-/* line 295, ../sass/order/_order.scss */
+/* line 301, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li {
   margin-bottom: 5px;
 }
-/* line 297, ../sass/order/_order.scss */
+/* line 303, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong {
   font-weight: bold;
 }
-/* line 305, ../sass/order/_order.scss */
+/* line 311, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
   width: 135px;
   text-align: center;
 }
-/* line 309, ../sass/order/_order.scss */
+/* line 315, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .price-infos, .order-order #main #app-order-order table#products .price-total .price-infos {
   color: gray;
   font-size: 13px;
   line-height: 15px;
 }
-/* line 315, ../sass/order/_order.scss */
+/* line 321, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity {
   width: 175px;
 }
-/* line 317, ../sass/order/_order.scss */
+/* line 323, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity {
   text-align: center;
   border-right: 0px none;
 }
-/* line 321, ../sass/order/_order.scss */
+/* line 327, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-addon {
   padding: 5px;
   padding-left: 0px;
   border-left: 0px none;
   border-right: 0px none;
 }
-/* line 332, ../sass/order/_order.scss */
+/* line 338, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary h3 {
   margin-top: 0px;
   font-family: "capsuularegular";
   text-transform: none;
   margin-bottom: 5px;
 }
-/* line 339, ../sass/order/_order.scss */
+/* line 345, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul {
   margin-bottom: 15px;
   padding-left: 20px;
   font-size: 23px;
 }
-/* line 346, ../sass/order/_order.scss */
+/* line 352, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .quantity {
   font-size: 18px;
 }
-/* line 350, ../sass/order/_order.scss */
+/* line 356, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .name {
   font-family: "capsuularegular";
   font-size: 24px;
 }
-/* line 354, ../sass/order/_order.scss */
+/* line 360, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .other {
   font-family: "capsuularegular";
   font-size: 18px;
 }
-/* line 362, ../sass/order/_order.scss */
+/* line 368, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total {
   font-size: 23px;
 }
-/* line 370, ../sass/order/_order.scss */
+/* line 376, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .delivery {
   margin-bottom: 20px;
 }
-/* line 373, ../sass/order/_order.scss */
+/* line 379, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .delivery .delivery-home {
   margin-bottom: 20px;
 }
-/* line 382, ../sass/order/_order.scss */
+/* line 388, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .comment {
   margin-bottom: 20px;
 }
-/* line 387, ../sass/order/_order.scss */
+/* line 393, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .credit .info {
   margin-left: 20px;
   color: gray;
 }
-/* line 394, ../sass/order/_order.scss */
+/* line 400, ../sass/order/_order.scss */
 .order-order #main #app-order-order #specific-delays {
   margin-top: 15px;
 }
-/* line 402, ../sass/order/_order.scss */
+/* line 408, ../sass/order/_order.scss */
 .order-order #main #app-order-order #infos {
   margin-top: 30px;
 }
-/* line 404, ../sass/order/_order.scss */
+/* line 410, ../sass/order/_order.scss */
 .order-order #main #app-order-order #infos .panel-body {
   padding-top: 0px;
   white-space: pre-line;
 }
 
-/* line 414, ../sass/order/_order.scss */
+/* line 420, ../sass/order/_order.scss */
 #main #content .panel h3 {
   font-family: "highvoltageregular";
   margin: 0px;

producer/web/sass/order/_order.scss

         #distribution-date, #order-distribution-date {
             display: none ;
         }
+
+        .alert-edit-order {
+            strong {
+                //font-weight: bold;
+            }
+        }
         
         .slide-enter-active {
             transition: all .2s ease;