vikunja-frontend/src/components/tasks/partials/labels.vue

<template>
	<div class="label-wrapper">
		<span
			:key="label.id"
			:style="{'background': label.hexColor, 'color': label.textColor}"
			class="tag"
			v-for="label in labels">
			<span>{{ label.title }}</span>
		</span>
	</div>
</template>

<script>
export default {
	name: 'labels',
	props: {
		labels: {
			required: true,
		},
	},
}
</script>

<style scoped>
.label-wrapper {
	display: inline;
}
</style>
Table View for tasks (#76) Save sort order to local storage Save selected columns to localStorage Loading spinner More sorting Add sorting Styling and hiding of column filter Add checkbox to show/hide columns Use fancycheckbox everywhere Fix is done badge Change sort order in table view Add is done column to table Better text handling Refactor is done into seperate component Add pagination to table view Add assignees to table view Fix redirecting to table view Add date tooltip to date field Add date tooltip to date field labels for table view Styling Add basic table view Extend priority label Split list view in mixins Co-authored-by: kolaente <k@knt.li> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/76 2020-04-01 22:13:57 +02:00			`<template>`
			`<div class="label-wrapper">`
Cleanup code & make sure it has a common code style 2020-09-05 22:35:52 +02:00			`<span`
			`:key="label.id"`
			`:style="{'background': label.hexColor, 'color': label.textColor}"`
			`class="tag"`
			`v-for="label in labels">`
Table View for tasks (#76) Save sort order to local storage Save selected columns to localStorage Loading spinner More sorting Add sorting Styling and hiding of column filter Add checkbox to show/hide columns Use fancycheckbox everywhere Fix is done badge Change sort order in table view Add is done column to table Better text handling Refactor is done into seperate component Add pagination to table view Add assignees to table view Fix redirecting to table view Add date tooltip to date field Add date tooltip to date field labels for table view Styling Add basic table view Extend priority label Split list view in mixins Co-authored-by: kolaente <k@knt.li> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/76 2020-04-01 22:13:57 +02:00			`<span>{{ label.title }}</span>`
			`</span>`
			`</div>`
			`</template>`

			`<script>`
Cleanup code & make sure it has a common code style 2020-09-05 22:35:52 +02:00			`export default {`
			`name: 'labels',`
			`props: {`
			`labels: {`
			`required: true,`
			`},`
			`},`
			`}`
Table View for tasks (#76) Save sort order to local storage Save selected columns to localStorage Loading spinner More sorting Add sorting Styling and hiding of column filter Add checkbox to show/hide columns Use fancycheckbox everywhere Fix is done badge Change sort order in table view Add is done column to table Better text handling Refactor is done into seperate component Add pagination to table view Add assignees to table view Fix redirecting to table view Add date tooltip to date field Add date tooltip to date field labels for table view Styling Add basic table view Extend priority label Split list view in mixins Co-authored-by: kolaente <k@knt.li> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/76 2020-04-01 22:13:57 +02:00			`</script>`

			`<style scoped>`
Cleanup code & make sure it has a common code style 2020-09-05 22:35:52 +02:00			`.label-wrapper {`
			`display: inline;`
			`}`
Table View for tasks (#76) Save sort order to local storage Save selected columns to localStorage Loading spinner More sorting Add sorting Styling and hiding of column filter Add checkbox to show/hide columns Use fancycheckbox everywhere Fix is done badge Change sort order in table view Add is done column to table Better text handling Refactor is done into seperate component Add pagination to table view Add assignees to table view Fix redirecting to table view Add date tooltip to date field Add date tooltip to date field labels for table view Styling Add basic table view Extend priority label Split list view in mixins Co-authored-by: kolaente <k@knt.li> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/76 2020-04-01 22:13:57 +02:00			`</style>`