update my info form styles

members_space/static/css/members-space-my-info.css

@@ -19,7 +19,7 @@
 
 @media screen and (min-width: 351px) and (max-width: 435px) {
     .my_info_line {
-        font-size:  80%;
+        font-size: 90%;
         padding: 2vw 0;
     }
 }
@@ -52,6 +52,9 @@
     margin-bottom: 0;
 }
 
+#my_info .member_shift_name_area {
+    margin-top: 0;
+}
 #attached_info {
     display: flex;
     flex-direction: column;
@@ -67,12 +70,19 @@
     cursor: pointer;
 }
 
-#edit_address_form{
+#edit_address_form {
     display: none ;
 }
-#edit_phone_form{
+#edit_address_form #zip_form {
+    margin: 5px 0;
+}
+#edit_phone_form {
     display: none ;
 }
+#edit_phone_form #mobile_form {
+    margin: 5px 0;
+}
+
 
 @media screen and (max-width: 992px) {
     #my_info {

members_space/static/js/members-space-my-info.js

@@ -14,10 +14,10 @@ function init_my_info() {
     }
 
     $(".member_address").empty();
-    if (partner_data.street !== "") {
+    if (partner_data.street !== "" && partner_data.street !== "False") {
         $(".member_address")
             .append(partner_data.street + "<br/>");
-        if (partner_data.street2 !== "") {
+        if (partner_data.street2 !== "" && partner_data.street2 !== "False") {
             $(".member_address")
                 .append(partner_data.street2 + "<br/>");
         }
@@ -30,7 +30,8 @@ function init_my_info() {
     $(".member_mobile").empty();
     if (partner_data.mobile !== "" && partner_data.mobile !== "False" && partner_data.mobile !== false && partner_data.mobile !== null) {
         $(".member_mobile")
-            .append(partner_data.mobile);
+            .append(partner_data.mobile)
+            .show();
     } else {
         $(".member_mobile").hide();
     }
@@ -38,7 +39,8 @@ function init_my_info() {
     $(".member_phone").empty();
     if (partner_data.phone !== "" && partner_data.phone !== "False" && partner_data.phone !== false && partner_data.phone !== null) {
         $(".member_phone")
-            .append(partner_data.phone);
+            .append(partner_data.phone)
+            .show();
     } else {
         $(".member_phone").hide();
     }
@@ -51,6 +53,7 @@ function init_my_info() {
         .on('click', () => {
             $("#street_form").val(partner_data.street);
             // $("#street2_form").val(partner_data.street2);
+            $("#zip_form").val(partner_data.zip);
             $("#city_form").val(partner_data.city);
             $('#edit_address_value').hide();
             $('#edit_address_form').show();
@@ -65,6 +68,7 @@ function init_my_info() {
             data= [];
             data['street']= $("#street_form").val();
             // data['street2']= $("#street2_form").val();
+            data['zip']= $("#zip_form").val();
             data['city']= $("#city_form").val();
 
             saveInfo(data, 'address');
@@ -72,6 +76,8 @@ function init_my_info() {
 
     $('#edit_phone').off('click')
         .on('click', () => {
+            if (partner_data.phone === "False") partner_data.phone = "";
+            if (partner_data.mobile === "False") partner_data.mobile = "";
             $("#phone_form").val(partner_data.phone);
             $("#mobile_form").val(partner_data.mobile);
             $('#edit_phone_value').hide();

templates/members_space/my_info.html

@@ -63,8 +63,9 @@
                         <span id="edit_address"><i class="fas fa-edit tile_icon edit-btn" ></i></span>
                     </div>
                     <div class="my_info_line_right member_address_area1" id="edit_address_form">
-                        <input type="text" name="street_form" id="street_form" placeholder="Rue"> 
+                        <input type="text" name="street_form" id="street_form" placeholder="Rue"> <br>
                         <!-- <input type="text" name="street2_form" id="street2_form" placeholder="Complément">  -->
+                        <input type="text" name="zip_form" id="zip_form" placeholder="Code postal"> <br>
                         <input type="text" name="city_form" id="city_form" placeholder="Ville"> <br>
                         <span id="cancel_edit_address"><i class="fas fa-times tile_icon edit-btn"></i></span>
                         <span id="save_edit_address"><i class="fas fa-check tile_icon edit-btn"></i></span>
@@ -80,7 +81,7 @@
                         <span id="edit_phone"><i class="fas fa-edit tile_icon edit-btn" ></i></span>
                     </div>
                     <div class="my_info_line_right member_phone_area1" id="edit_phone_form">
-                        <input type="text" name="phone" id="phone_form" placeholder="Tel fixe">
+                        <input type="text" name="phone" id="phone_form" placeholder="Tel fixe"> <br>
                         <input type="text" name="mobile" id="mobile_form" placeholder="Tel mobile"><br>
                         <span id="cancel_edit_phone"><i class="fas fa-times tile_icon edit-btn"></i></span>
                         <span id="save_edit_phone"><i class="fas fa-check tile_icon edit-btn"></i></span>