UNPKG

@mee4dy/crud

Version:

Create a backend and frontend in 5 minutes! With our powerful full stack crud system, customize it to suit you.

1 lines 2.07 kB
{"version":3,"file":"Groups.vue.cjs","sources":["../../../../../ui/vue/components/Panel/Groups.vue"],"sourcesContent":["<template>\n <div class=\"crud-ui-panel-groups\">\n <b-form-group label=\"Гуппировка\">\n <b-form-checkbox-group v-model=\"value\" :options=\"options\" size=\"sm\" buttons></b-form-checkbox-group>\n </b-form-group>\n </div>\n</template>\n\n<script>\nimport { BFormGroup, BFormCheckboxGroup } from 'bootstrap-vue';\n\nexport default {\n components: {\n 'b-form-group': BFormGroup,\n 'b-form-checkbox-group': BFormCheckboxGroup,\n },\n props: {\n groups: {\n type: Array,\n default: () => [],\n },\n selectedGroups: {\n type: Array,\n default: () => [],\n },\n },\n data() {\n return {\n selected: 'date',\n };\n },\n computed: {\n options() {\n return this.groups.map((group) => {\n return { text: group.label, value: group.key };\n });\n },\n value: {\n get() {\n return this.selectedGroups;\n },\n set(value) {\n this.$emit('groups:change', value);\n },\n },\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.crud-ui-panel-groups {\n .col-form-label {\n font-size: 14px;\n font-weight: 500;\n padding-bottom: 3px;\n }\n\n .btn-group-toggle {\n .btn {\n &:not(.active) {\n &:hover,\n &:active,\n &:focus,\n &.focus {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n }\n }\n }\n }\n}\n</style>\n"],"names":["_sfc_main","BFormGroup","BFormCheckboxGroup","group","value"],"mappings":"+IAWAA,EAAA,CACA,WAAA,CACA,eAAAC,EAAA,WACA,wBAAAC,EAAA,kBACA,EACA,MAAA,CACA,OAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,CACA,EACA,eAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,CACA,CACA,EACA,MAAA,CACA,MAAA,CACA,SAAA,MACA,CACA,EACA,SAAA,CACA,SAAA,CACA,OAAA,KAAA,OAAA,IAAAC,IACA,CAAA,KAAAA,EAAA,MAAA,MAAAA,EAAA,GAAA,EACA,CACA,EACA,MAAA,CACA,KAAA,CACA,OAAA,KAAA,cACA,EACA,IAAAC,EAAA,CACA,KAAA,MAAA,gBAAAA,CAAA,CACA,CACA,CACA,CACA"}