Page Abonnements

- cacher l'app pendant le chargement
- style points de vente / produits
- index : ordre des colonnes dans la table

common/models/SubscriptionSearch.php

         
         $query = Subscription::find()
             ->with($optionsSearch['with'])
-            ->innerJoinWith($optionsSearch['join_with'], true)
-            ->where(['subscription.id_producer' => Producer::getId()])    
+            ->joinWith($optionsSearch['join_with'], true)
+            ->where(['subscription.id_producer' => Producer::getId()]) 
+            ->groupBy('subscription.id')
             ;
         
         $dataProvider = new \yii\data\ActiveDataProvider([

producer/views/layouts/main.php

                         $credit = ' <span class="label label-'.$labelType.'">'.number_format($userProducer->credit, 2).' €</span>' ;
                     }
                     
-                    $countSubcriptions = Subscription::searchCount(['subscription.id_user' => User::getCurrentId()]) ;
+                    $countSubcriptions = Subscription::find()
+                        ->where([
+                            'subscription.id_user' => User::getCurrentId(),
+                            'subscription.id_producer' => Producer::getId(),
+                        ])->count() ;
                     $labelSubscription = $countSubcriptions > 0 ? 'success' : 'default' ;
                     
                     $countOrders = Order::find()

producer/views/subscription/_form.php

 
 ?>
 
-<div class="subscription-form" id="app-subscription-form">
+<div class="subscription-form" id="app-subscription-form" :class="{'loaded': !loading}">
     
     <form @submit.prevent="formSubmit()" v-show="loading == false">
         

producer/views/subscription/index.php

         }
     ],
     [
-        'attribute' => 'date_begin',
-        'label' => 'Date de début',
-        'format' => 'raw',
+        'attribute' => 'week_frequency',
+        'filter' => [
+            1 => 'Toutes les semaines', 
+            2 => 'Toutes les 2 semaines', 
+            3 => 'Toutes les 3 semaines',
+            4 => 'Tous les mois'],
         'value' => function($model) {
-            $html = date('d/m/Y',strtotime($model->date_begin)) ;
-            return $html ;
+            if($model->week_frequency == 1) {
+                return 'Toutes les semaines' ;
+            }
+            else {
+                return 'Toutes les '.$model->week_frequency.' semaines' ;
+            }
+
         }
     ],
     [
         }
     ],
     [
-        'attribute' => 'week_frequency',
-        'filter' => [
-            1 => 'Toutes les semaines', 
-            2 => 'Toutes les 2 semaines', 
-            3 => 'Toutes les 3 semaines',
-            4 => 'Tous les mois'],
+        'attribute' => 'date_begin',
+        'label' => 'Date de début',
+        'format' => 'raw',
         'value' => function($model) {
-            if($model->week_frequency == 1) {
-                return 'Toutes les semaines' ;
-            }
-            else {
-                return 'Toutes les '.$model->week_frequency.' semaines' ;
-            }
-
+            $html = date('d/m/Y',strtotime($model->date_begin)) ;
+            return $html ;
         }
     ],
 ] ;

producer/web/css/screen.css

   color: gray;
 }
 
-/* line 7, ../sass/subscription/_form.scss */
+/* line 4, ../sass/subscription/_form.scss */
+.subscription-create .subscription-form,
+.subscription-update .subscription-form {
+  display: none;
+}
+/* line 8, ../sass/subscription/_form.scss */
+.subscription-create .subscription-form.loaded,
+.subscription-update .subscription-form.loaded {
+  display: block;
+}
+/* line 13, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale .locality,
 .subscription-update .subscription-form .points-sale .locality {
   color: gray;
 }
-/* line 10, ../sass/subscription/_form.scss */
+/* line 16, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale label,
 .subscription-update .subscription-form .points-sale label {
   cursor: pointer;
 }
-/* line 16, ../sass/subscription/_form.scss */
+/* line 22, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .days .form-group,
 .subscription-update .subscription-form .days .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 26, ../sass/subscription/_form.scss */
+/* line 31, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale table tr.selected td,
 .subscription-update .subscription-form .points-sale table tr.selected td {
   background-color: white;
 }
-/* line 31, ../sass/subscription/_form.scss */
+/* line 36, ../sass/subscription/_form.scss */
+.subscription-create .subscription-form .points-sale table .the-name,
+.subscription-update .subscription-form .points-sale table .the-name {
+  font-family: "capsuularegular";
+  font-size: 20px;
+  color: black;
+}
+/* line 42, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale table .block-code,
 .subscription-update .subscription-form .points-sale table .block-code {
   width: 150px;
 }
-/* line 35, ../sass/subscription/_form.scss */
+/* line 46, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale table .actions,
 .subscription-update .subscription-form .points-sale table .actions {
   width: 150px;
 }
-/* line 38, ../sass/subscription/_form.scss */
+/* line 49, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .points-sale table .actions button,
 .subscription-update .subscription-form .points-sale table .actions button {
   width: 100%;
   display: block;
 }
-/* line 47, ../sass/subscription/_form.scss */
+/* line 58, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .monday, .subscription-create .subscription-form .products .tuesday, .subscription-create .subscription-form .products .wednesday, .subscription-create .subscription-form .products .thursday,
 .subscription-create .subscription-form .products .friday, .subscription-create .subscription-form .products .saturday, .subscription-create .subscription-form .products .sunday, .subscription-create .subscription-form .products .no-day,
 .subscription-update .subscription-form .products .monday,
 .subscription-update .subscription-form .products .no-day {
   display: none;
 }
-/* line 52, ../sass/subscription/_form.scss */
+/* line 63, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .monday-active .monday,
 .subscription-create .subscription-form .products .tuesday-active .tuesday,
 .subscription-create .subscription-form .products .wednesday-active .wednesday,
 .subscription-update .subscription-form .products .sunday-active .sunday {
   display: block;
 }
-/* line 62, ../sass/subscription/_form.scss */
+/* line 73, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products td.quantity,
 .subscription-update .subscription-form .products td.quantity {
   width: 150px;
 }
-/* line 65, ../sass/subscription/_form.scss */
+/* line 76, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products td.quantity input,
 .subscription-update .subscription-form .products td.quantity input {
   text-align: center;
 }
-/* line 68, ../sass/subscription/_form.scss */
+/* line 79, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products td.quantity input.has-quantity,
 .subscription-update .subscription-form .products td.quantity input.has-quantity {
   font-weight: bold;
 }
-/* line 74, ../sass/subscription/_form.scss */
+/* line 85, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .name,
 .subscription-update .subscription-form .products .name {
-  font-family: "comfortaalight";
-  font-weight: bold;
-  text-transform: uppercase;
-  font-size: 18px;
+  font-family: "capsuularegular";
+  font-size: 20px;
+  color: black;
 }
-/* line 81, ../sass/subscription/_form.scss */
+/* line 91, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .description,
 .subscription-update .subscription-form .products .description {
   font-style: italic;
 }
-/* line 85, ../sass/subscription/_form.scss */
+/* line 95, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .recipe,
 .subscription-update .subscription-form .products .recipe {
   font-size: 12px;
 }
-/* line 89, ../sass/subscription/_form.scss */
+/* line 99, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products .price-unit, .subscription-create .subscription-form .products .price-total,
 .subscription-update .subscription-form .products .price-unit,
 .subscription-update .subscription-form .products .price-total {
   text-align: center;
   width: 150px;
 }
-/* line 94, ../sass/subscription/_form.scss */
+/* line 104, ../sass/subscription/_form.scss */
 .subscription-create .subscription-form .products tr.total .price-total,
 .subscription-update .subscription-form .products tr.total .price-total {
   text-align: center;

producer/web/sass/subscription/_form.scss

 .subscription-update {
     .subscription-form {
         
+        display: none ;
+        
+        &.loaded {
+            display: block ;
+        }
+        
         .points-sale {
             .locality {
                 color: gray ;
         
         .points-sale {
             table {
-                
                 tr.selected {
                     td {
                         background-color: $color2 ;
                     }
                 }
                 
+                .the-name {
+                    font-family: 'capsuularegular' ;
+                    font-size: 20px ;
+                    color: black ;
+                }
+                
                 .block-code {
                     width: 150px ;
                 }
             }
             
             .name  {
-                font-family: "comfortaalight" ;
-                font-weight: bold ;
-                text-transform: uppercase ;
-                font-size: 18px ;
+                font-family: "capsuularegular" ;
+                font-size: 20px ;
+                color: black ;
             }
 
             .description {