adam.goldsmith/reservations_display
1
0
Fork 0
Code Issues Pull Requests 1 Activity

Allow filtering events by a tool name in query string param

Browse Source
This commit is contained in:
Adam Goldsmith 2021-04-01 00:39:28 -04:00
parent 542f5d8bf1
commit 37e814580a
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/App.vue
View File

@ -64,9 +64,14 @@ export default class App extends Vue {
}, },
}; };
toolFilter: string | null = null;
created() { created() {
// refresh data every five minutes // refresh data every five minutes
window.setInterval(this.refresh, 5 * 60 * 1000); window.setInterval(this.refresh, 5 * 60 * 1000);
const urlParams = new URLSearchParams(window.location.search);
this.toolFilter = urlParams.get('tool');
} }
refresh() { refresh() {
@ -79,12 +84,16 @@ export default class App extends Vue {
}); });
} }
eventDataTransform(eventData: EventInput): EventInput { eventDataTransform(eventData: EventInput): EventInput | false {
const match = eventData.title.match(/([^\/]*) \/ ([^-]*) - (.*)/); const match = eventData.title.match(/([^\/]*) \| ([^-]*) - (.*)/);
if (match !== null) { if (match !== null) {
eventData.title = match[3]; const [, member, shop, tool] = match;
eventData.title = member;
if (this.toolFilter === null || tool.includes(this.toolFilter)) {
return eventData;
}
} }
return eventData; return false;
} }
} }
</script> </script>