Skip to content
Snippets Groups Projects

Release: Sprint/2022-03

3 files
+ 886
575
Compare changes
  • Side-by-side
  • Inline

Files

@@ -4,27 +4,53 @@
@@ -4,27 +4,53 @@
:label-for="labelFor"
:label-for="labelFor"
:label-cols-sm="labelColsSm"
:label-cols-sm="labelColsSm"
:label-align-sm="labelAlignSm"
:label-align-sm="labelAlignSm"
:label="label"
>
>
<b-skeleton-wrapper :loading="isLoading">
<b-skeleton-wrapper :loading="isLoading">
<template #loading>
<template #loading>
<b-skeleton :type="type" animation="fade"></b-skeleton>
<b-skeleton :type="type" animation="fade"></b-skeleton>
</template>
</template>
<slot></slot>
<slot />
</b-skeleton-wrapper>
</b-skeleton-wrapper>
 
 
<template #label>
 
<span>{{ label }}</span>
 
<div class="d-inline-flex ml-1" v-if="info">
 
<InfoOutlineIcon :id="labelFor" class="icon-tiny" :title="$t('info')" />
 
<b-popover
 
over
 
:target="labelFor"
 
triggers="hover focus"
 
placement="bottom"
 
>
 
<slot name="popover" />
 
</b-popover>
 
</div>
 
</template>
</b-form-group>
</b-form-group>
</template>
</template>
<script lang="ts">
<script lang="ts">
import { FormGroupPlugin, BSkeletonWrapper, BSkeleton } from "bootstrap-vue";
import {
 
FormGroupPlugin,
 
BSkeletonWrapper,
 
BSkeleton,
 
} from "bootstrap-vue";
import Vue from "vue";
import Vue from "vue";
 
import InfoOutlineIcon from "vue-material-design-icons/InformationOutline.vue";
Vue.use(FormGroupPlugin);
Vue.use(FormGroupPlugin);
Vue.component("b-skeleton-wrapper", BSkeletonWrapper);
Vue.component("b-skeleton-wrapper", BSkeletonWrapper);
Vue.component("b-skeleton", BSkeleton);
Vue.component("b-skeleton", BSkeleton);
export default Vue.extend({
export default Vue.extend({
name: "CoscineFormGroup",
name: "CoscineFormGroup",
 
components: {
 
InfoOutlineIcon,
 
},
props: {
props: {
 
info: {
 
default: false,
 
type: Boolean,
 
},
isLoading: {
isLoading: {
default: false,
default: false,
type: Boolean,
type: Boolean,
Loading