{"version":3,"file":"ClassSearch.0fb4f50f.js","sources":["../js/components/ClassSearch.vue"],"sourcesContent":["\n\n<script lang=\"ts\">\n// See https://class-component.vuejs.org/ for more details on class style components in Vue\nimport Vue, { PropType } from 'vue'\nimport Component from 'vue-class-component'\n\nimport 'vue-good-table/dist/vue-good-table.css'\nimport { VueGoodTable } from 'vue-good-table';\n\nimport { ClassDto } from \"../models/PublicApi\";\nimport { sortUserPlugins } from 'vite';\n\ninterface RowEventParams\n{\n    row: ClassDto,\n    pageIndex: number,\n    selected: boolean,\n    event: MouseEvent\n}\n\nconst ClassSearchResultsProps = Vue.extend({\n    props: {\n        isLoading: Boolean,\n        searchResults: Array as PropType<Array<ClassDto>>\n    }\n})\n\n@Component({\n  components: {\n    VueGoodTable\n  }\n})\n\nexport default class ClassSearch extends ClassSearchResultsProps {\n\n    data() {\n        return {\n            columns: [\n                {\n                    label: 'Guaranteed\\nTo Run',\n                    field: 'guaranteedToRun',\n                    width: '140px'\n                },\n                {\n                    label: 'Date & Time',\n                    field: 'time.formattedDate',\n                    type: 'date',\n                    // ex: August 10, 2021 09:00 AM\n                    dateInputFormat: 'MMMM dd, yyyy hh:mm a',\n                    dateOutputFormat: \"MMMM dd, yyyy'<br>'hh:mm a\",\n                    width: '165px',\n                    thClass: 'column-header'\n                },\n                {\n                    label: 'Certification',\n                    field: 'certification',\n                    sortable: false,\n                },\n                {\n                    label: 'Abbreviation',\n                    field: 'certificationAbbreviation',\n                    sortable: false,\n                    width: '120px'\n                },\n               // {\n                //    label: 'Class',\n                  //  field: 'class',\n                //},      \n                {\n                    label: 'Language',\n                    field: 'language',\n                    width: '140px'\n                },       \n                {\n                    label: 'Location',\n                    field: 'location',\n                    width: '180px'\n                },\n                {\n                    label: 'Training Provider',\n                    field: 'provider',\n                    width: '125px'\n                }\n            ],\n            pagination:  {\n                enabled: true,\n                position: 'bottom',\n                perPage: 25,\n                perPageDropdownEnabled: false,\n            },\n        }\n    }\n\n    tableIsLoading: boolean = false;\n    get showBusy(): boolean {\n        return this.isLoading || this.tableIsLoading;\n    }\n\n    set showBusy(value: boolean) {\n        this.tableIsLoading = value;\n    }\n\n    get rows(): Array<ClassDto> {\n        if (this.searchResults) {\n            return this.searchResults;\n        }\n        return [];\n    }\n\n    onRowClick(params: RowEventParams) {\n        window.open('/class/' + params.row.id,\n            '_blank');\n    }\n\n    onMouseEnter(params: RowEventParams) {\n    }\n\n    onMouseLeave(params: RowEventParams) {\n    }\n\n    getCertificationIconHtml(value: any) : string {\n        return '';\n    }\n\n    mounted() {\n    }\n}\n</script>\n"],"names":["ClassSearch"],"mappings":"+UAqBA,kEAaA,0gCAAAA,uKAAAA"}