| | |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Prop } from 'vue-property-decorator'; |
|---|
| | | import { isMobileDevice } from '~/assets/ts/device'; |
|---|
| | | |
|---|
| | | import UtilsService from '~/shared/services/utils.service'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class UiField extends Vue { |
|---|
| | | |
|---|
| | | @Prop() span!: number; |
|---|
| | | @Prop() icon!: string; |
|---|
| | | @Prop() label!: string; |
|---|
| | | @Prop() content!: string; |
|---|
| | | @Prop() displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL'; |
|---|
| | | @Prop() |
|---|
| | | span!: number; |
|---|
| | | |
|---|
| | | @Prop() |
|---|
| | | icon!: string; |
|---|
| | | |
|---|
| | | @Prop() |
|---|
| | | label!: string; |
|---|
| | | |
|---|
| | | @Prop() |
|---|
| | | content!: string; |
|---|
| | | |
|---|
| | | @Prop() |
|---|
| | | displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL'; |
|---|
| | | |
|---|
| | | currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE'; |
|---|
| | | |
|---|
| | | ////////////////////////////////////////////////////////////////// |
|---|
| | | |
|---|
| | | mounted(): void { |
|---|
| | | this.currentDevice = isMobileDevice() ? 'MOBILE' : 'DESKTOP'; |
|---|
| | | this.currentDevice = UtilsService.isMobileDevice() ? 'MOBILE' : 'DESKTOP'; |
|---|
| | | } |
|---|
| | | |
|---|
| | | get fieldSpan(): number { |
|---|
