add prop to hide modal footer

app/assets/javascripts/boards/components/board_form.vue

@@ -170,6 +170,7 @@ export default {
 <template>
   <popup-dialog
     v-show="currentPage"
+    :hide-footer="readonly"
     :title="title"
     :primary-button-label="buttonText"
     :kind="buttonKind"
@@ -261,9 +262,5 @@ export default {
         </div>
       </div>
     </form>
-    <div
-      slot="footer"
-      v-if="readonly"
-    ></div>
   </popup-dialog>
 </template>

app/assets/javascripts/vue_shared/components/popup_dialog.vue

@@ -11,6 +11,11 @@ export default {
       type: String,
       required: false,
     },
+    hideFooter: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     kind: {
       type: String,
       required: false,
@@ -24,7 +29,7 @@ export default {
       type: Boolean,
       required: false,
       default: false,
-    }
+    },
   },
 
   computed: {
@@ -79,7 +84,7 @@ export default {
           </slot>
         </div>
         <slot name="footer">
-          <div class="modal-footer">
+          <div class="modal-footer" v-if="!hideFooter">
             <button
               type="button"
               class="btn pull-left"