FHx remove confirmation

resources/views/app/patient/segment-templates/history_family/edit.blade.php

@@ -129,10 +129,16 @@ if(!$contentData) {
                         </div>
                         <div class="col-md-2">
                             <label class="text-secondary text-sm mb-1 d-block">&nbsp;</label>
-                            <a v-if="items.length > 1" href="#" v-on:click.prevent="removeItem(index)"
-                               class="on-hover-opaque text-danger mt-1 d-inline-block">
-                                <i class="fa fa-trash-alt"></i>
-                            </a>
+                            <div moe relative v-if="items.length > 1">
+                                <a href="#" start show><i class="fa fa-trash-alt text-danger on-hover-opaque"></i></a>
+                                <div url="/nop" right>
+                                    <p>Are you sure?</p>
+                                    <div class="">
+                                        <a class="btn btn-sm btn-danger text-white" v-on:click.prevent="removeItem(index)">Yes</a>
+                                        <button type="button" class="btn btn-sm btn-default border" cancel>No</button>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <div class="row mb-1 font-weight-bold">
@@ -355,6 +361,8 @@ if(!$contentData) {
                         Vue.nextTick(() => {
                             let parent = $('#edit-univ_history_family-container').closest('form');
                             parent.find('[name="unknown"]').trigger('change');
+                            $('#edit-univ_history_family-container').find('[moe][initialized]').removeAttr('initialized');
+                            initMoes();
                         });
                     },
                     removeItem: function(_index) {
@@ -365,8 +373,13 @@ if(!$contentData) {
                         Vue.nextTick(() => {
                             let parent = $('#edit-univ_history_family-container').closest('form');
                             parent.find('[name="unknown"]').trigger('change');
+                            hideMoeFormMask();
                         });
                     }
+                },
+                mounted: function() {
+                    $('#edit-univ_history_family-container').find('[moe][initialized]').removeAttr('initialized');
+                    initMoes();
                 }
             });