[Site] Connexion/inscription page producteur sur mobile : ajouter liens raccourcis "Connexion" et "Inscription" en haut de page #1331

frontend/views/site/producer.php

@@ -42,18 +42,31 @@ use yii\bootstrap\ActiveForm;
 
 $producerManager = ProducerManager::getInstance();
 
-$this->setTitle('Connexion nécessaire') ;
+$this->setTitle('Identification nécessaire') ;
 $this->setIcon('log-in');
 $this->setMeta('description', 'Veuillez vous connecter pour réserver les produits de ce producteur.') ;
 
 ?>
 
 <div id="page-producer">
+
+    <div class="btn-group buttons-login-signup">
+        <a href="#login" class="btn btn-default">
+            <span class="glyphicon glyphicon-log-in"></span>
+            Connexion
+        </a>
+        <a href="#signup" class="btn btn-default">
+            <span class="glyphicon glyphicon-user"></span>
+            Inscription
+        </a>
+        <div class="clr"></div>
+    </div>
+
     <div class="alert alert-warning">
         Veuillez vous identifier pour accéder à l'espace du producteur <strong><?= Html::encode($producer->name); ?></strong>.
     </div>
     <div class="col-md-6">
-        <div class="panel panel-primary">
+        <div class="panel panel-primary" id="login">
             <div class="panel-heading">
                 <h2 class="panel-title">
                     <span class="glyphicon glyphicon-log-in"></span>
@@ -84,7 +97,7 @@ $this->setMeta('description', 'Veuillez vous connecter pour réserver les produi
     </div>
 
     <div class="col-md-6">
-        <div class="panel panel-primary">
+        <div class="panel panel-primary" id="signup">
             <div class="panel-heading">
                 <h2 class="panel-title">
                     <span class="glyphicon glyphicon-user"></span>

frontend/web/css/screen.css

@@ -2070,32 +2070,37 @@ h2 {
   color: black;
 }
 
-/* line 690, ../sass/_order_system.scss */
+/* line 689, ../sass/_order_system.scss */
+#page-producer .buttons-login-signup {
+  display: none;
+}
+
+/* line 696, ../sass/_order_system.scss */
 #page-producer h1,
 #page-producer-code h1 {
   font-size: 40px;
 }
-/* line 693, ../sass/_order_system.scss */
+/* line 699, ../sass/_order_system.scss */
 #page-producer .info,
 #page-producer-code .info {
   text-align: center;
 }
 
-/* line 698, ../sass/_order_system.scss */
+/* line 704, ../sass/_order_system.scss */
 #page-producer-offline {
   text-align: center;
 }
-/* line 701, ../sass/_order_system.scss */
+/* line 707, ../sass/_order_system.scss */
 #page-producer-offline .info {
   margin-bottom: 60px;
 }
 
-/* line 707, ../sass/_order_system.scss */
+/* line 713, ../sass/_order_system.scss */
 #page-producer-code form#producer-code {
   max-width: 400px;
   margin: 0px auto;
 }
-/* line 711, ../sass/_order_system.scss */
+/* line 717, ../sass/_order_system.scss */
 #page-producer-code form#producer-code .form-group.buttons {
   text-align: center;
 }
@@ -2321,4 +2326,15 @@ termes.
     display: block;
     margin-bottom: 5px;
   }
+
+  /* line 248, ../sass/_responsive.scss */
+  #page-producer .buttons-login-signup {
+    display: block;
+    margin-bottom: 20px;
+    text-align: center;
+  }
+  /* line 253, ../sass/_responsive.scss */
+  #page-producer .buttons-login-signup a {
+    float: none;
+  }
 }

frontend/web/sass/_order_system.scss

@@ -685,6 +685,12 @@ h2 {
 	
 }
 
+#page-producer {
+  .buttons-login-signup {
+    display: none;
+  }
+}
+
 #page-producer,
 #page-producer-code {
     h1 {

frontend/web/sass/_responsive.scss

@@ -243,4 +243,16 @@ termes.
       }
     }
   }
+
+  #page-producer {
+    .buttons-login-signup {
+      display: block;
+      margin-bottom: 20px;
+      text-align: center;
+
+      a {
+        float: none;
+      }
+    }
+  }
 }