2021-02-09 15:21:48 +13:00
|
|
|
<template>
|
|
|
|
<div>
|
2021-03-08 11:07:40 +13:00
|
|
|
<h4 class="flex justify-start items-center text-weight-bolder q-mb-xs q-mt-xl">
|
2021-02-09 15:21:48 +13:00
|
|
|
<q-icon v-if="inputIcon" :name="inputIcon" :size="inputIcon.includes('fas')? '15px': '20px'" class="q-mr-md"/>
|
|
|
|
{{inputDataBluePrint.name}}
|
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { Component, Prop } from "vue-property-decorator"
|
|
|
|
|
|
|
|
import BaseClass from "src/BaseClass"
|
|
|
|
|
|
|
|
import { I_ExtraFields } from "src/interfaces/I_Blueprint"
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
components: { }
|
|
|
|
})
|
|
|
|
export default class Field_Text extends BaseClass {
|
|
|
|
@Prop({ default: [] }) readonly inputDataBluePrint!: I_ExtraFields
|
|
|
|
@Prop({ default: "" }) readonly inputDataValue!: string
|
|
|
|
@Prop() readonly editMode!: boolean
|
|
|
|
@Prop() readonly isNew!: boolean
|
|
|
|
|
|
|
|
get inputIcon () {
|
|
|
|
return this.inputDataBluePrint?.icon
|
|
|
|
}
|
|
|
|
|
|
|
|
changedInput = false
|
|
|
|
localInput = ""
|
|
|
|
}
|
|
|
|
</script>
|