[producer] Ajout titrage order/order dans step "Points de vente"

producer/views/order/order.php

@@ -125,6 +125,7 @@ $this->setTitle('Commander') ;
                             Chargement ...
                         </div>
                         <div v-else>
+                            <h3>Où souhaitez-vous récupérer votre commande ?</h3>
                             <table id="points-sale" class="table table-bordered" v-if="pointsSale.length">
                                 <thead>
                                     <tr>

producer/web/css/screen.css

@@ -499,7 +499,6 @@ ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {
 }
 /* line 417, ../sass/_layout.scss */
 #main #content h3 {
-  font-family: "highvoltageregular";
   font-family: "capsuularegular";
   text-transform: uppercase;
   font-size: 23px;
@@ -507,29 +506,29 @@ ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {
   margin-bottom: 30px;
   margin-top: 45px;
 }
-/* line 426, ../sass/_layout.scss */
+/* line 425, ../sass/_layout.scss */
 #main #content h3 span {
   padding-top: 14px;
   color: #323232;
 }
-/* line 432, ../sass/_layout.scss */
+/* line 431, ../sass/_layout.scss */
 #main #content h4 {
   font-size: 20px;
 }
-/* line 436, ../sass/_layout.scss */
+/* line 435, ../sass/_layout.scss */
 #main #content h5 {
   font-size: 18px;
 }
-/* line 440, ../sass/_layout.scss */
+/* line 439, ../sass/_layout.scss */
 #main #content h6 {
   font-size: 16px;
 }
-/* line 446, ../sass/_layout.scss */
+/* line 445, ../sass/_layout.scss */
 #main #content form .form-group .hint-block {
   color: gray;
 }
 
-/* line 454, ../sass/_layout.scss */
+/* line 453, ../sass/_layout.scss */
 #footer-producer {
   text-align: center;
   position: absolute;
@@ -537,28 +536,28 @@ ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {
   left: 0px;
   width: 100%;
 }
-/* line 461, ../sass/_layout.scss */
+/* line 460, ../sass/_layout.scss */
 #footer-producer a {
   color: #FF7F00;
 }
-/* line 463, ../sass/_layout.scss */
+/* line 462, ../sass/_layout.scss */
 #footer-producer a:active {
   text-decoration: underline;
 }
 
-/* line 469, ../sass/_layout.scss */
+/* line 468, ../sass/_layout.scss */
 #footer {
   background-color: #FFF8DC;
   height: 100px;
   float: right;
   text-align: center;
 }
-/* line 475, ../sass/_layout.scss */
+/* line 474, ../sass/_layout.scss */
 #footer .content {
   padding-top: 20px;
   color: black;
 }
-/* line 479, ../sass/_layout.scss */
+/* line 478, ../sass/_layout.scss */
 #footer .content a {
   color: black;
   font-family: "capsuularegular";
@@ -566,11 +565,11 @@ ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {
   padding-left: 10px;
   padding-right: 10px;
 }
-/* line 486, ../sass/_layout.scss */
+/* line 485, ../sass/_layout.scss */
 #footer .content a:hover {
   text-decoration: underline;
 }
-/* line 493, ../sass/_layout.scss */
+/* line 492, ../sass/_layout.scss */
 #footer #code-source img {
   height: 20px;
 }
@@ -1279,47 +1278,51 @@ termes.
 }
 
 /* line 3, ../sass/order/_order.scss */
-.order-order #app-order-order {
+.order-order #main #app-order-order {
   display: none;
 }
-/* line 7, ../sass/order/_order.scss */
-.order-order #app-order-order.loaded {
+/* line 6, ../sass/order/_order.scss */
+.order-order #main #app-order-order h3 {
+  font-family: "highvoltageregular";
+}
+/* line 10, ../sass/order/_order.scss */
+.order-order #main #app-order-order.loaded {
   display: block;
 }
-/* line 11, ../sass/order/_order.scss */
-.order-order #app-order-order #distribution-date {
+/* line 14, ../sass/order/_order.scss */
+.order-order #main #app-order-order #distribution-date {
   display: none;
 }
-/* line 15, ../sass/order/_order.scss */
-.order-order #app-order-order .slide-enter-active {
+/* line 18, ../sass/order/_order.scss */
+.order-order #main #app-order-order .slide-enter-active {
   transition: all .2s ease;
 }
-/* line 19, ../sass/order/_order.scss */
-.order-order #app-order-order .slide-leave-active {
+/* line 22, ../sass/order/_order.scss */
+.order-order #main #app-order-order .slide-leave-active {
   transition: all 0s ease;
 }
-/* line 22, ../sass/order/_order.scss */
-.order-order #app-order-order .slide-enter, .order-order #app-order-order .slide-leave-to {
+/* line 25, ../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 27, ../sass/order/_order.scss */
-.order-order #app-order-order #steps {
+/* line 30, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps {
   margin-bottom: 20px;
 }
-/* line 29, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul {
+/* line 32, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul {
   height: 70px;
 }
-/* line 32, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li {
+/* line 35, ../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 38, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .info-step {
+/* line 41, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .info-step {
   position: absolute;
   top: 45px;
   left: 0px;
@@ -1330,27 +1333,27 @@ termes.
   font-size: 17px;
   font-weight: bold;
 }
-/* line 50, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .glyphicon-chevron-right, .order-order #app-order-order #steps ul li.active .glyphicon-chevron-right {
+/* line 53, ../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 58, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li#step-date {
+/* line 61, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li#step-date {
   padding-left: 0px;
 }
-/* line 62, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li#step-payment {
+/* line 65, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li#step-payment {
   padding-right: 0px;
 }
-/* line 66, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li#step-payment .btn::after, .order-order #app-order-order #steps ul li#step-date .btn::before {
+/* line 69, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li#step-payment .btn::after, .order-order #main #app-order-order #steps ul li#step-date .btn::before {
   display: none;
 }
-/* line 71, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn {
+/* line 74, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .btn {
   color: #333;
   text-transform: uppercase;
   display: block;
@@ -1363,169 +1366,169 @@ termes.
   border: 0px none;
   text-transform: uppercase;
 }
-/* line 82, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn .button-content {
+/* line 85, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .btn .button-content {
   position: relative;
   left: 8px;
 }
-/* line 87, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn.btn-primary {
+/* line 90, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .btn.btn-primary {
   background-color: #FF7F00;
 }
-/* line 91, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn::after, .order-order #app-order-order #steps ul li .btn::before {
+/* line 94, ../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 97, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn::after {
+/* line 100, ../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 104, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn::before {
+/* line 107, ../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 111, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn.btn-primary::after {
+/* line 114, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .btn.btn-primary::after {
   border-left: 17px solid #FF7F00;
 }
-/* line 125, ../sass/order/_order.scss */
-.order-order #app-order-order #steps ul li .btn-primary {
+/* line 128, ../sass/order/_order.scss */
+.order-order #main #app-order-order #steps ul li .btn-primary {
   color: white;
 }
-/* line 133, ../sass/order/_order.scss */
-.order-order #app-order-order #legend #order-date-color,
-.order-order #app-order-order #legend #distribution-date-color {
+/* line 136, ../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 140, ../sass/order/_order.scss */
-.order-order #app-order-order #legend #order-date-color {
+/* line 143, ../sass/order/_order.scss */
+.order-order #main #app-order-order #legend #order-date-color {
   background-color: #FF7F00;
 }
-/* line 143, ../sass/order/_order.scss */
-.order-order #app-order-order #legend #distribution-date-color {
+/* line 146, ../sass/order/_order.scss */
+.order-order #main #app-order-order #legend #distribution-date-color {
   background-color: #5cb85c;
 }
-/* line 148, ../sass/order/_order.scss */
-.order-order #app-order-order #calendar {
+/* line 151, ../sass/order/_order.scss */
+.order-order #main #app-order-order #calendar {
   margin-bottom: 15px;
 }
-/* line 150, ../sass/order/_order.scss */
-.order-order #app-order-order #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
+/* line 153, ../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 153, ../sass/order/_order.scss */
-.order-order #app-order-order #calendar .c-day-background {
+/* line 156, ../sass/order/_order.scss */
+.order-order #main #app-order-order #calendar .c-day-background {
   padding: 20px;
 }
-/* line 158, ../sass/order/_order.scss */
-.order-order #app-order-order #calendar .c-day:hover .c-day-background {
+/* line 161, ../sass/order/_order.scss */
+.order-order #main #app-order-order #calendar .c-day:hover .c-day-background {
   background-color: #FF7F00 !important;
   color: white !important;
 }
-/* line 164, ../sass/order/_order.scss */
-.order-order #app-order-order #calendar .c-day-popover-content {
+/* line 167, ../sass/order/_order.scss */
+.order-order #main #app-order-order #calendar .c-day-popover-content {
   font-size: 1.3rem;
 }
-/* line 169, ../sass/order/_order.scss */
-.order-order #app-order-order .block-actions {
+/* line 172, ../sass/order/_order.scss */
+.order-order #main #app-order-order .block-actions {
   text-align: right;
   margin-top: 20px;
 }
-/* line 176, ../sass/order/_order.scss */
-.order-order #app-order-order table#points-sale td.name .the-name {
+/* line 179, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#points-sale td.name .the-name {
   font-family: "capsuularegular";
   color: black;
   font-size: 20px;
   line-height: 25px;
 }
-/* line 184, ../sass/order/_order.scss */
-.order-order #app-order-order table#points-sale td.actions {
+/* line 187, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#points-sale td.actions {
   width: 150px;
 }
-/* line 186, ../sass/order/_order.scss */
-.order-order #app-order-order table#points-sale td.actions button {
+/* line 189, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#points-sale td.actions button {
   width: 100%;
 }
-/* line 192, ../sass/order/_order.scss */
-.order-order #app-order-order table#points-sale tr.selected td {
+/* line 195, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#points-sale tr.selected td {
   background-color: white;
 }
-/* line 200, ../sass/order/_order.scss */
-.order-order #app-order-order table#products td.photo img {
+/* line 203, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products td.photo img {
   width: 100px;
 }
-/* line 206, ../sass/order/_order.scss */
-.order-order #app-order-order table#products td.name .name {
+/* line 209, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products td.name .name {
   font-family: "capsuularegular";
   color: black;
   font-size: 20px;
   line-height: 25px;
 }
-/* line 212, ../sass/order/_order.scss */
-.order-order #app-order-order table#products td.name .other {
+/* line 215, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products td.name .other {
   font-size: 14px;
   color: #333;
 }
-/* line 216, ../sass/order/_order.scss */
-.order-order #app-order-order table#products td.name .recipe {
+/* line 219, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products td.name .recipe {
   color: gray;
 }
-/* line 220, ../sass/order/_order.scss */
-.order-order #app-order-order table#products .price-unit, .order-order #app-order-order table#products .price-total {
+/* line 223, ../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: 100px;
   text-align: center;
 }
-/* line 224, ../sass/order/_order.scss */
-.order-order #app-order-order table#products .price-unit .unit, .order-order #app-order-order table#products .price-total .unit {
+/* line 227, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit {
   color: gray;
   font-size: 13px;
 }
-/* line 229, ../sass/order/_order.scss */
-.order-order #app-order-order table#products .td-quantity {
+/* line 232, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products .td-quantity {
   width: 175px;
 }
-/* line 231, ../sass/order/_order.scss */
-.order-order #app-order-order table#products .td-quantity input.quantity {
+/* line 234, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products .td-quantity input.quantity {
   text-align: center;
   border-right: 0px none;
 }
-/* line 235, ../sass/order/_order.scss */
-.order-order #app-order-order table#products .td-quantity .input-group-addon {
+/* line 238, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products .td-quantity .input-group-addon {
   padding: 5px;
   padding-left: 0px;
   margin: 0px;
   border-left: 0px none;
   border-right: 0px none;
 }
-/* line 245, ../sass/order/_order.scss */
-.order-order #app-order-order table#products tr.total .price-total {
+/* line 248, ../sass/order/_order.scss */
+.order-order #main #app-order-order table#products tr.total .price-total {
   font-size: 23px;
 }
-/* line 253, ../sass/order/_order.scss */
-.order-order #app-order-order #content-step-payment .credit .info {
+/* line 256, ../sass/order/_order.scss */
+.order-order #main #app-order-order #content-step-payment .credit .info {
   margin-left: 20px;
   color: gray;
 }
-/* line 259, ../sass/order/_order.scss */
-.order-order #app-order-order #content-step-payment .comment {
+/* line 262, ../sass/order/_order.scss */
+.order-order #main #app-order-order #content-step-payment .comment {
   margin-bottom: 20px;
 }
-/* line 264, ../sass/order/_order.scss */
-.order-order #app-order-order #infos {
+/* line 267, ../sass/order/_order.scss */
+.order-order #main #app-order-order #infos {
   margin-top: 30px;
 }
-/* line 266, ../sass/order/_order.scss */
-.order-order #app-order-order #infos .panel-body {
+/* line 269, ../sass/order/_order.scss */
+.order-order #main #app-order-order #infos .panel-body {
   padding-top: 0px;
   white-space: pre-line;
 }

producer/web/sass/_layout.scss

@@ -415,7 +415,6 @@ ul.pagination {
         }
         
         h3 {
-            font-family: 'highvoltageregular' ;
             font-family: 'capsuularegular' ;
             text-transform: uppercase ;
             font-size: 23px ;

producer/web/sass/order/_order.scss

@@ -1,9 +1,12 @@
 
-.order-order {
+.order-order #main {
     #app-order-order {
-        
         display: none ;
         
+        h3 {
+            font-family: "highvoltageregular" ;
+        }
+        
         &.loaded {
             display: block ;
         }