\r\n * \r\n WRAP FILTERS IN:\r\n
{filters go here}
\r\n\r\n ADD ARGUMENT TO VueTable COMPONENT:\r\n :table-height=\"CalcTableHeight\"\r\n \r\n\r\n\r\n Add v-show=\"ShowFilters\" to form component for table filters\r\n\r\n ADD ICON TO TOGGLE FILTERS\r\n
\r\n\r\n IMPORT ICONS:\r\n import { faEye } from '@fortawesome/free-solid-svg-icons';\r\n library.add(faEye);\r\n import { faEyeSlash } from '@fortawesome/free-solid-svg-icons';\r\n library.add(faEyeSlash);\r\n\r\n ADD MIXIN:\r\n import { TableScrollerSupport } from \"../../../mixins/TableScrollerSupport.js\"; **location will vary**\r\n */\r\nimport { EventBus } from '../services/event-bus.js';\r\n\r\nimport { library } from '@fortawesome/fontawesome-svg-core';\r\nimport { faEye } from '@fortawesome/free-solid-svg-icons';\r\nlibrary.add(faEye);\r\nimport { faEyeSlash } from '@fortawesome/free-solid-svg-icons';\r\nlibrary.add(faEyeSlash);\r\n\r\nexport const TableScrollerSupport = {\r\n created() {\r\n EventBus.$on('window-resized', this.HandleWindowResize);\r\n },\r\n beforeDestroy() {\r\n EventBus.$off('window-resized');\r\n },\r\n mounted() {\r\n this.IsMounted = true;\r\n this.HandleWindowResize();\r\n },\r\n data: function () {\r\n return {\r\n ShowFilters: true,\r\n Adjuster: 1,\r\n IsMounted: false,\r\n WindowHeight: 0\r\n }\r\n },\r\n methods: {\r\n ToggleShowFilters() {\r\n this.ShowFilters = !this.ShowFilters;\r\n let vm = this;\r\n this.$nextTick(() => {\r\n vm.Adjuster++;\r\n });\r\n\r\n },\r\n HandleWindowResize() {\r\n this.WindowHeight = window.innerHeight;\r\n },\r\n VisibilityChanged(isVisible, entry) {\r\n if (isVisible) {\r\n this.Adjuster++;\r\n }\r\n },\r\n },\r\n computed: {\r\n CalcTableHeight: function () {\r\n if (this.IsMounted) {\r\n let adjuster = this.Adjuster;\r\n let headerSize = 68;\r\n let additionalAdjustment = 115\r\n let filterHeight = this.$refs.divtophalf.clientHeight;\r\n //console.log(this.$refs.divtophalf);\r\n //console.log(\"filterHeight: \" + filterHeight);\r\n //console.log(\"windowHeight: \" + this.WindowHeight);\r\n return (this.WindowHeight - filterHeight - headerSize - additionalAdjustment) + \"px\";\r\n } else {\r\n return \"100px\";\r\n }\r\n\r\n }\r\n }\r\n}","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProviderPane.vue?vue&type=style&index=0&id=73ce5394&prod&scoped=true&lang=css&\""],"sourceRoot":""}