add no-footer prop to ScrollList which conditionally renders the footer

Author: ahmedhamidawan

client/src/components/ScrollList/ScrollList.vue

@@ -25,6 +25,7 @@ interface Props<T> {
     inPanel?: boolean;
     name?: string;
     namePlural?: string;
+    noFooter?: boolean;
     propItems?: T[];
     propTotalCount?: number;
     propBusy?: boolean;
@@ -51,6 +52,7 @@ const props = withDefaults(defineProps<Props<T>>(), {
     inPanel: false,
     name: "item",
     namePlural: "items",
+    noFooter: false,
     propItems: undefined,
     propTotalCount: undefined,
     propBusy: undefined,
@@ -235,7 +237,7 @@ watch(
             </div>
             <ScrollToTopButton :offset="scrollTop" @click="scrollToTop" />
         </div>
-        <div :class="!inPanel && 'd-flex flex-row mt-3'">
+        <div v-if="!props.noFooter" :class="!inPanel && 'd-flex flex-row mt-3'">
             <div
                 v-if="!allLoaded"
                 class="mr-auto d-flex justify-content-center align-items-center"

client/src/components/ToolsList/ToolsListTable.vue

@@ -61,7 +61,8 @@ watchEffect(() => {
         name="tool"
         name-plural="tools"
         :load-disabled="!props.tools.length"
-        show-count-in-footer>
+        show-count-in-footer
+        no-footer>
         <template v-slot:loading>
             <BAlert v-if="props.tools.length" show>
                 <LoadingSpan message="Loading tools" />