opacity_input.vue
No OneTemporary
Actions

Size

922 B

Referenced Files

None

Subscribers

None

opacity_input.vue
View Options

	<template>
	<div class="opacity-control style-control" :class="{ disabled: !present \|\| disabled }">
	<label :for="name" class="label">
	{{$t('settings.style.common.opacity')}}
	</label>
	<input
	v-if="typeof fallback !== 'undefined'"
	class="opt exclude-disabled"
	:id="name + '-o'"
	type="checkbox"
	:checked="present"
	@input="$emit('input', !present ? fallback : undefined)">
	<label v-if="typeof fallback !== 'undefined'" class="opt-l" :for="name + '-o'"></label>
	<input
	:id="name"
	class="input-number"
	type="number"
	:value="value \|\| fallback"
	:disabled="!present \|\| disabled"
	@input="$emit('input', $event.target.value)"
	max="1"
	min="0"
	step=".05">
	</div>
	</template>

	<script>
	export default {
	props: [
	'name', 'value', 'fallback', 'disabled'
	],
	computed: {
	present () {
	return typeof this.value !== 'undefined'
	}
	}
	}
	</script>