rangefinder-measurement.vugu

<div>
	<main:TitleBar>
		<button class="w3-bar-item w3-button w3-large w3-ripple w3-teal" @click='c.Navigate("/rangefinder/" + c.rangefinder.Key(), nil)'><i class="fas fa-arrow-left"></i></button>
		<span class="w3-bar-item w3-large" vg-content='fmt.Sprintf("Rangefinder measurement %s", c.Key())'></span>
	</main:TitleBar>

	<div class="w3-container w3-row-padding">
		<div class="w3-third">
			<label>Point 1</label>
			<main:PointSelectionComponent :Site="c.rangefinder.site" :BindValue="&c.P1"></main:PointSelectionComponent>
		</div>

		<div class="w3-twothird">
			<label>Point 1 preview</label>
			<main:PointViewComponent :Width="300" :Height="300" :Site="c.rangefinder.site" :PointKey="c.P1"></main:PointViewComponent>
		</div>

		<div class="w3-third">
			<label>Point 2</label>
			<main:PointSelectionComponent :Site="c.rangefinder.site" :BindValue="&c.P2"></main:PointSelectionComponent>
		</div>

		<div class="w3-twothird">
			<label>Point 2 preview</label>
			<main:PointViewComponent :Width="300" :Height="300" :Site="c.rangefinder.site" :PointKey="c.P2"></main:PointViewComponent>
		</div>

		<div class="w3-third">
			<label>Measured distance</label>
			<main:GeneralInputComponent InputType="number" :BindValue="&c.MeasuredDistance"></main:GeneralInputComponent>
		</div>
	</div>
</div>