Refactoring/traduction css backend

backend/views/producer/billing.php

@@ -76,7 +76,7 @@ $this->params['breadcrumbs'][] = $this->title;
         ],
     ]); ?>
     
-    <?= $form->field($etablissement, 'prix_libre',[
+    <?= $form->field($producer, 'prix_libre',[
             'inputTemplate' => '<div class="input-group">{input}<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> HT / mois</span></div>',
         ])
         ->label('Prix libre');  ?>

backend/web/sass/screen.scss

@@ -209,7 +209,7 @@ a {
     }
 }
 
-.nom-boulange {
+.name-producer {
     //font-family: 'Georgia' ;
     margin-bottom: 15px ;
     text-align: left ;
@@ -228,23 +228,7 @@ a {
     border-bottom: solid 1px #e0e0e0 ;
     @include box-shadow(0px 0px 5px gray) ;
     
-    #etat-paiement-etablissement {
-        float: right ;
-        text-align: right ;
-        color: darken($color1,15) ;
-        font-size: 16px ;
-        .strong {
-            background-color: white ;
-            color: $color1 ;
-            @include border-radius(10px) ;
-            padding: 0px 10px ;
-        }
-        .btn {
-            padding: 2px 5px ;
-        }
-    }
-    
-    #select-etablissement {
+    #select-producer {
         float: left ;
         font-size: 15px ;
     }
@@ -289,7 +273,6 @@ a {
         a {
             margin-right: 5px ;
             margin-left: 5px ;
-            //text-transform: uppercase ;
             color: gray ;
         }
     } 
@@ -303,9 +286,9 @@ a {
 
 // liste de commandes
 .site-index, .user-commandes {
-    #dernieres-commandes, #historique-commandes {
+    #last-orders, #history-orders {
 
-        tr.commande-update {
+        tr.order-update {
             td {
                 background-color: $color2 ;
             }
@@ -314,7 +297,7 @@ a {
             }
         }
         
-        tr.commande-delete {
+        tr.order-delete {
             td {
                 background-color: lighten(#C9302C, 40);
             }
@@ -323,42 +306,34 @@ a {
             }
         }
         
-        td.historique {
+        td.history {
             min-width: 170px ;
             .small {
                 margin-bottom: 7px ;
             }
             
             strong {
-                //margin-left: 15px ;
             }
-            
-            /*.label {
-                color: gray ;
-                border: solid 1px gray ;
-            }*/
         }
 
-        .small, .localite {
+        .small, .locality {
             font-size: 12px ;
             color: gray ;
         }
-        .commentaire {
+        .comment {
             font-size: 12px ;
         }
 
         .date {
             text-align: center ;
 
-            .bloc-date {
+            .block-date {
                 width: 50% ;
                 margin: 0px auto ;
                 padding-top: 0px ; 
             }
 
-
-
-            .jour {
+            .day {
                 text-transform: capitalize ;
                 line-height: 13px ;
                 font-size: 10px ;
@@ -371,7 +346,7 @@ a {
                 font-weight: bold ;
             }
 
-            .mois {
+            .month {
                 text-transform: uppercase ;
                 line-height: 13px ;
                 font-size: 15px ;
@@ -404,21 +379,21 @@ a {
         }
     }
     
-    #facturation {
+    #billing {
         h2 {
             font-size: 25px ;
             text-align: center ;
         }
         
-        .mois-en-cours {
-            .montant span {
+        .current-month {
+            .amount span {
                 background-color: white ;
                 color: #333 ;
                 border: solid 1px gray ;
             }
         }
         
-        .montant {
+        .amount {
             margin-top: 35px ;
             text-align: center ;
             span {
@@ -434,7 +409,7 @@ a {
     
 }
 
-#page-commande {
+#page-order {
 
         #row2 {
             
@@ -454,12 +429,11 @@ a {
             padding-left: 20px ;
         }
 	
-	#jours-production {
+	#distribution-days {
 		display: none ;
 	}
 	
 	#calendar {
-            
                 h2 {
                     font-size: 20px ;
                     position: relative ;
@@ -509,7 +483,7 @@ a {
             margin-top: 10px ;
         }
         
-        #bloc-production {
+        #block-distribution {
             
             .label {
                 float: right ;
@@ -521,7 +495,7 @@ a {
                 border-color: #4cae4c ;
             }
             
-            #productions-point-vente {
+            #distributions-points-sale {
                 margin-top: 15px ;
                 padding: 10px ;
                 border: solid 1px #e0e0e0 ;
@@ -539,11 +513,9 @@ a {
             }
         }
 	
-	#produits-production {
+	#products-distribution {
             
             .overflow {
-                //max-height: 400px ;
-                //overflow-y: scroll ;
                 
                 table {
                     width: 100%;
@@ -561,7 +533,6 @@ a {
                 thead th {
                     height: 30px;
 
-                    /*text-align: left;*/
                 }
 
                 tbody {
@@ -582,22 +553,22 @@ a {
                     float: left;
                 }
                 
-                .td-produit {
+                .td-product {
                     width: 60% ;
                 }
-                .td-actif, .td-max {
+                .td-active, .td-max {
                     width: 20% ;
                     text-align: center ;
                 }
                 
                 thead {
-                    .td-produit {
+                    .td-product {
                         width: 57% ;
                     }
                 }
             }
             
-            input.quantite-max {
+            input.quantity-max {
                 background-color: white;
                 border: 1px solid #e0e0e0;
                 text-align: center;
@@ -611,8 +582,8 @@ a {
             }
 	}
         
-        #btn-export-commandes, 
-        #btn-commandes-auto {
+        #btn-export-orders, 
+        #btn-subscription {
             float: right ;
             position: relative; 
             top: -5px ;
@@ -620,14 +591,14 @@ a {
             padding: 2px 5px ;
         }
         
-        #btn-export-commandes,
-        #btn-commandes-auto {
+        #btn-export-orders,
+        #btn-subscription {
             color: white ;
             margin-left: 10px ;
             padding: 1px 5px ;
         }
         
-        #btn-commandes-auto {
+        #btn-subscription {
             top: -7px ;
             .btn {
                 padding: 2px 5px; 
@@ -637,8 +608,8 @@ a {
             }
         }
         
-        #bloc-totaux {
-            .table-produits {
+        #block-totals {
+            .table-products {
                 .depasse {
                     color: #b32815 ;
                 }
@@ -650,25 +621,24 @@ a {
             }
         }
         
-        #commandes-points-vente {
+        #orders-points-sale {
             
             .tab-pane {
                 padding-top: 20px ;
             }
             
-            .recap-pv {
+            .recap-point-sale {
                 
-                &.no-commande {
-                    .recettes {
+                &.no-order {
+                    .revenues {
                         display: none;
                     }
                 }
-                .recettes {
+                
+                .revenues {
                     float: right ;
                     color: $color1 ;
-                    //background-color: $color1 ;
                     border: solid 1px $color1 ;
-                    
                     padding: 4px 10px ;
                     @include border-radius(10px) ;
                     font-weight: bold ;
@@ -677,23 +647,22 @@ a {
                 }
             }
             
-            .alert.commentaire {
+            .alert.comment {
                 display: none ;
             }
             
-            ul.liste-commandes {
+            ul.liste-orders {
                 margin-top: 10px ;
                 list-style-type: none ;
                 height: 100% ;
                 max-height: 400px ;
-                //border: solid 1px #e0e0e0 ;
                 margin-left: 0 ;
                 padding-left: 0 ;
                 margin-top: 0px ;
                 width: 100% ;
                 overflow-y: scroll ;
 
-                &.no-commande {
+                &.no-order {
                     display: none ;
                 }
                 
@@ -705,15 +674,14 @@ a {
                         @include border-radius(0px) ;
                         display: block ;
                         padding: 7px ;
-                        //border-bottom: solid 1px #e0e0e0 ;
                         color: #333 ;
                         
-                        .montant {
+                        .amount {
                             float: right ;
                             color: $color1 ;
                             font-weight: bold ;
                             
-                            &.paye {
+                            &.paid {
                                 color: #5cb85c ;
                                 color: #519951 ;
                             }
@@ -725,10 +693,7 @@ a {
                         
                         &:hover, &:active, &.active {
                             text-decoration: none ;
-                            //background-color: #F5F5F5 ;
-                            //background-color: lighten($color2,5) ;
                             background-color: #FCF8E3 ;
-                            //border-right: solid 3px $color1 ;
                             outline: none ;
                             border-color: #ccc ;
                             @include transition(all 0.1s) ;
@@ -737,13 +702,13 @@ a {
                 }
             }
             
-            .creer-commande,
-            .commandes-auto {
+            .create-order,
+            .subscriptions {
                 width: 100% ;
                 margin-bottom: 10px ;
             }
             
-            .bloc-commande {
+            .block-order {
                 padding-top: 20px ;
                 margin-top: 20px ;
                 display: none ;
@@ -770,7 +735,7 @@ a {
                     display: none ;
                 }
                 
-                .choix-user {
+                .choice-user {
                     display: none ;
                     
                     .form-control {
@@ -780,38 +745,37 @@ a {
                 }
             }
             
-            table.table-produits {
-                .td-commande {
+            table.table-products {
+                .td-order {
                     text-align: center ;
                 }
                 input.form-control {
-                    //width: 100px ;
                     text-align: center ;
                 }
                 
                 tr.disabled {
-                    .td-produit {
+                    .td-product {
                         color: gray ;
                     }
                 }
             }
          
-            .td-produit,
-            .th-produit {
+            .td-product,
+            .th-product {
                 width: 70% ;
             }
             
-            .td-commande,
-            .th-commande {
+            .td-order,
+            .th-order {
                 width: 30% ;
                 text-align: center ;
             }
             
-            .td-produit {
+            .td-product {
                 text-transform: uppercase ;
             }
             
-            .td-commande {
+            .td-order {
                 font-weight: bold ;
             }
             
@@ -828,20 +792,20 @@ a {
                 }
             }
             
-            .td-paiement {
+            .td-payment {
                 .buttons-credit {
                     float: right ;
                 }
             }
             
-            .panel-commande-automatique {
-                .field-commandeautoform-id_user,
-                .field-commandeautoform-id_etablissement
+            .panel-order-auto {
+                .field-subscriptionform-id_user,
+                .field-subscriptionform-id_producer
                 {
                     display: none ;
                 }
                 
-                .jours {
+                .days {
                     .form-group {
                         float: left ;
                         margin-right: 10px ;
@@ -851,11 +815,11 @@ a {
             
         }
         
-        #old-commandes {
+        #old-orders {
             display: none ;
         }
 	
-	.form-commandes-point-vente {
+	.form-orders-point-sale {
 	
 		margin-top: 20px ;
                 
@@ -863,7 +827,7 @@ a {
                     border-bottom: solid 1px #e0e0e0 ;
                 }
                 
-		.title-point-vente {
+		.title-point-sale {
 			background-color: lighten(#fdd44b, 30) ;
 			border-left: solid 3px $color1 ;
 			font-weight: bold ; 
@@ -871,7 +835,7 @@ a {
                         padding: 10px ;
 		}
                 
-                .title-totaux {
+                .title-totals {
                     text-align: center ;
                 }
                 
@@ -883,19 +847,18 @@ a {
                     border-right: solid 1px #e0e0e0 ;
                 }
 	
-		input.quantite {
-			//width: 50px ;
+		input.quantity {
                         width: 30px ;
 			background-color: white ;
 			border: solid 1px #e0e0e0 ;
 			text-align: center ;
 		}
 		
-		.td-produit {
+		.td-product {
 			text-align: center ;
 		}	
 	
-		.submit-pv {
+		.submit-point-sale {
 			float: right ;
 		}
 		
@@ -904,7 +867,7 @@ a {
 			border: solid 1px #e0e0e0 ;
 		}
 		
-		.date-commande {
+		.date-order {
 			font-size: 12px ;
 		}
 		
@@ -920,8 +883,6 @@ a {
 			text-align: center ;
 		}
                 
-                
-	
 		.depasse {
 			color: #b32815 ;
 		}
@@ -930,15 +891,11 @@ a {
 			font-weight: normal ;
 			font-size: 13px ;
 		}
-		
-		.vrac {
-			display: none ;
-		}
-                
-                td.client {
+
+                td.user {
                     text-align: left ;
                     padding: 3px ;
-                    .date-commande {
+                    .date-order {
                         color: gray ;
                     }
                 }
@@ -1023,18 +980,8 @@ a {
 	
 }
 
-
-#email-masse-form {
-    #ids-users {
-        line-height: 30px ;
-        .label {
-            text-transform: capitalize ;
-        }
-    }
-}
-
-.produit-create, .produit-update {
-    #jours-production {
+.product-create, .product-update {
+    #days-distribution {
         .form-group {
             float: left ;
             margin-right: 15px ;
@@ -1044,7 +991,7 @@ a {
             }
         }
     }
-    .field-produit-id_etablissement {
+    .field-product-id_producer {
         display: none; 
     }
 }
@@ -1053,12 +1000,12 @@ a {
     background-color: white ;
 }
 
-.wrap .produit-index {
+.wrap .product-index {
     .td-photo {
         max-width: 100px ;
         width: 100px ;
     }
-    .photo-produit {
+    .photo-product {
         max-width: 100px ;
     }
     
@@ -1070,7 +1017,7 @@ a {
 
 /* communiquer */
 
-.communiquer-mode-emploi {
+.communicate-instructions {
     border: solid 1px #e0e0e0 ;
     padding: 10px ;
     @include border-radius(10px) ;
@@ -1119,7 +1066,7 @@ a {
     }
 }
 
-.communiquer-mode-emploi-encart {
+.communicate-instructions-inset {
     width: 420px ;
     margin-top: 20px ;
     .header {
@@ -1149,18 +1096,18 @@ a {
     }
 }
 
-.bloc-mode-emploi-pdf {
+.block-instructions-pdf {
     width: 49.9% ;
     float: left;
     border-bottom: dotted 1px gray ;
 }
 
-.bloc-mode-emploi-border {
+.block-instructions-border {
     border-right: dotted 1px gray ;
     border-bottom: dotted 1px gray ;
 }
 
-.communiquer-mode-emploi-pdf {
+.communicate-instructions-pdf {
     border: 0px none ;
     //border-bottom: dotted 1px gray ;
     @include border-radius(0px) ;
@@ -1191,17 +1138,17 @@ a {
     }
 }
 
-.bloc-mode-emploi-bottom {
+.block-instructions-bottom {
     border-bottom: 0px none ;
     border-bottom: solid 1px white;
 }
 
 
-/* commandes auto */
+/* abonnements */
 
-.commandeauto-form {
+.subscription-form {
     
-    #bloc-select-user {
+    #block-select-user {
         padding-left: 0px ;
     }
     
@@ -1214,21 +1161,21 @@ a {
         }
     }
     
-    .field-commandeautoform-id_etablissement {
+    .field-subscriptionform-id_producer {
         display: none ;
     }
-    .jours {
+    .days {
         .form-group {
             float: left; 
             margin-right: 20px ; 
         }
     }
     
-    .produits {
+    .products {
         .table {
             width: 500px ;
         }
-        .quantite {
+        .quantity {
             text-align: center ;
         }
     }
@@ -1236,8 +1183,8 @@ a {
 
 /* points de vente */
 
-.point-vente-form {
-    #pointvente-users {
+.point-sale-form {
+    #pointsale-users {
         display: none ;
         height: 500px ;
         overflow-y: scroll ;
@@ -1245,14 +1192,14 @@ a {
             font-weight: normal ;
             display: block ;
         }
-        .commentaire {
+        .comment {
             display: none ;
             margin-left: 17px ;
             width: 200px ;
         }
     }
     
-    #jours-livraison {
+    #delivery-days {
         .form-group {
             float: left ;
             margin-right: 15px ;
@@ -1275,7 +1222,7 @@ a {
         }
     }
     
-    #tabs-points-vente {
+    #tabs-points-sale {
         margin-bottom: 20px ;
     }
     
@@ -1302,14 +1249,14 @@ a {
 
 /* facturation */
 
-#estimation-facture {
+#free-price {
     padding: 20px ;
     background-color: #F9F9F9 ;
 
     h2 {
         font-family: 'myriadpro-it' ;
     }
-    .montant {
+    .amount {
         span {
             font-size: 25px ;
             color: white ;
@@ -1331,19 +1278,19 @@ a {
         }
     }
     
-    .field-etablissement-prix_libre {
+    .field-producer-free_price {
         .input-group {
             width: 200px ;
         }
     }
     
-    .field-user-prix_libre {
+    .field-user-free_price {
         label {
             display: none ;
         }
     }
     
-    #etablissement-prix_libre {
+    #producer-free_price {
         width: 100px ;
         height: 60px ;
         font-size: 30px ;
@@ -1352,8 +1299,8 @@ a {
     }
 }
 
-.developpement-index {
-    ul#tabs-statuts-developpements {
+.development-index {
+    ul#tabs-status-developments {
         margin-bottom: 30px ;
         border-bottom: solid 3px $color1 ;
         
@@ -1370,19 +1317,19 @@ a {
         }
     }
     
-    #tab-developpements {
-        .btn-group-priorite {
+    #tab-developments {
+        .btn-group-priority {
             width: 100% ;
             margin-bottom: 5px ;
 
-            .btn-priorite {
+            .btn-priority {
                 display: block ;
                 float: none ;
                 width: 100% ;
             }
         }
         
-        .label-priorite {
+        .label-priority {
             display: block ;
             width: 100% ;
             margin-bottom: 2px ;
@@ -1393,13 +1340,13 @@ a {
 
 /* stats */
 
-.stats-produits {
+.stats-products {
     
     #nav-year {
         float: right ;
     }
     
-    tr.mois {
+    tr.month {
         th {
             text-align: center ;
         }
@@ -1411,7 +1358,7 @@ a {
         }
     }
     
-    td.nom {
+    td.name {
         text-transform: uppercase ;
     }