https://meine-arztdokumente.de/vue/projects4account.js

1	import { DoxiButton, EntrySet } from "./gate.js"
2	import { BCard, BListGroup, BListGroupItem } from "../webjars/common-frontend/bcomponents/other-components.js"
3
4	const Projects4AccountMain = Vue.defineAsyncComponent(() => {
5		return axios.get('vue/projects4accountMain.html').then(function(html) {
6			return {
7				template: html,
8				components: { DoxiButton, EntrySet, TrafficLight },
9				props: { projects: null },
10				data: function() { return { table: false } }
11		   	}
12		})
13   	})
14
15	const Projects4AccountSide = Vue.defineAsyncComponent(() => {
16		return axios.get('vue/projects4accountSide.html').then(function(html) {
17			return {
18				template: html,
19				components: { BCard, BListGroup, BListGroupItem },
20				props: { projects: null },
21				methods: {
22					getVariant: function(proj) { //TODO ? check seen
23						return { OPEN: 'warning', REVIEW: 'success', FINISHED: 'success' }[proj.meta.state]
24					},
25					getIcon: function(proj) {
26						return { OPEN: 'mdi-update', REVIEW: 'mdi-check', FINISHED: 'mdi-check' }[proj.meta.state]
27					}
28				}
29		   	}
30		})
31   	})
32
33	const TrafficLight = { 
34		template: '<div style="width: 10px; height: 10px; border-radius: 5px; display: inline-block" :class="{\
35			\'bg-warning\': meta.state === \'OPEN\',\
36			\'bg-success\': meta.state === \'REVIEW\',\
37			\'bg-success\': meta.state === \'FINISHED\' }">\
38		</div>',
39		props: { meta: Object }
40	}
41		
42	export { Projects4AccountMain, Projects4AccountSide, TrafficLight }