remove-button

members/static/css/inscriptions.css

@@ -77,3 +77,16 @@
 #associate_area{
     margin-bottom: 15px;
 }
+
+.remove_binome_icon {
+    margin-left: 5px;
+}
+
+.remove_binome_icon:hover {
+    color: #e62720;
+}
+
+.chosen_associate_group {
+    display: flex;
+    align-items: center;
+}
\ No newline at end of file

members/static/js/inscriptions.js

@@ -361,10 +361,11 @@ function modify_current_coop() {
             $('#existing_member_choice').addClass('choice_active');
             var member_button = '<div>' + current_coop.parent_name + '</div>';
 
-            $('.chosen_associate').html(member_button);
             $('.chosen_associate_area').show();
             associated_old_choice = 'existing_member_choice';
 
+            $(".remove_binome_icon").on("click", hide_chosen_associate)
+
         } else {
             $('#new_member_choice_action').show();
             $('#existing_member_choice_action').hide();
@@ -383,6 +384,11 @@ function modify_current_coop() {
     }
     ncoop_view.show();
 }
+
+function hide_chosen_associate() {
+    $(".chosen_associate_area").hide();
+}
+
 function modify_coop_by_btn_triggered() {
     var clicked = $(this);
     var coop_id = clicked.find('div').data('id');

templates/members/inscriptions.html

@@ -97,7 +97,7 @@
             <div >
               <p><i>Binôme choisi : </i></p>
             </div>
-            <div>
+            <div class="chosen_associate_group">
               <span class="chosen_associate"></span>
               <i class="fas fa-times remove_binome_icon"></i>
             </div>