MAth-Cloud-3.0.0/www.ipsocloud.com/intimamedia.com/flex/com/imt/intimamedia/views/physician/measure/MeasureView.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:code="http://code.google.com/p/flexlib/"
	xmlns:helpers="com.imt.intimamedia.helpers.Utils"
	horizontalAlign="center" verticalAlign="top"
	verticalScrollPolicy="auto" horizontalScrollPolicy="auto"
	creationComplete="creationCompleteHandler()"
	paddingLeft="50" paddingRight="10"	
	horizontalGap="1"
	show="showView()">
	
	<mx:NumberFormatter id="formatNumber" precision="3" 
		thousandsSeparatorFrom="," thousandsSeparatorTo=" "
		decimalSeparatorFrom="." decimalSeparatorTo=","
		rounding="nearest" />
		
	<mx:NumberFormatter id="formatImtNumber" precision="3" 
		thousandsSeparatorFrom="," thousandsSeparatorTo=" "
		decimalSeparatorFrom="." decimalSeparatorTo=","
		rounding="nearest" />
		
	<mx:NumberFormatter id="formatInt" precision="0" 
		thousandsSeparatorFrom="," thousandsSeparatorTo=" "
		rounding="nearest" />	
	
	<mx:Glow 
    	id="glowOn" color="#edc5c8"
    	target="{canvas}" duration="500"
    	effectEnd="glowOffScale(event)"
    	alphaFrom="0" alphaTo="1"
    	blurXFrom="0" blurXTo="5"
    	blurYFrom="0" blurYTo="5" />
    	
    <mx:Glow 
    	id="glowOff" color="#edc5c8"
    	target="{canvas}" duration="500"
    	alphaFrom="1" alphaTo="0"
    	blurXFrom="5" blurXTo="0"
    	blurYFrom="5" blurYTo="0" />
    	
    <mx:Glow 
    	id="glowOnManual" color="#bf4f57"
    	target="{manualScale}" duration="500"
    	effectEnd="glowOffManualScale(event)"
    	alphaFrom="0" alphaTo="1"
    	blurXFrom="0" blurXTo="15"
    	blurYFrom="0" blurYTo="15" />
    	
    <mx:Glow 
    	id="glowOffManual" color="#bf4f57"
    	target="{manualScale}" duration="500"
    	alphaFrom="1" alphaTo="0"
    	blurXFrom="15" blurXTo="0"
    	blurYFrom="15" blurYTo="0" />
	
	<mx:Zoom id="zoomHelpAdd" startDelay="50"/>
	
	<mx:Parallel id="zoomHelpRemove">
		<mx:Zoom />
		<mx:Fade />
	</mx:Parallel>
	
	<mx:Script source="../../../scripts/physician/measure/measureView.as" />
	
	    <mx:VBox id="dividerOne" width="170" height="83%" resizeEffect="Resize" styleName="containerZoneWithTitle" verticalScrollPolicy="auto" horizontalScrollPolicy="off">
				<mx:Canvas>
					<mx:Image source="@Embed('images/measure/leftTitle.png')" />
					<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.images' )}" styleName="titlePanel" />
					<mx:Image source="@Embed('images/general/question_mark.png')" right="5" click="HelpUtils.loadMeasuresHelp(measuresThumbnailHelp)" buttonMode="true" useHandCursor="true" />
					<mx:Image id="measuresThumbnailHelp" visible="false" includeInLayout="false" />
				</mx:Canvas>
				
				<mx:HBox width="100%" height="100%" horizontalAlign="center" paddingBottom="5">
					<mx:TileList 
						id="listImages"
						dataProvider="{_model.measuresList}"
						itemRenderer="com.imt.intimamedia.views.physician.measure.TileListMeasureItemRenderer"
						verticalScrollPolicy="auto"
						horizontalScrollPolicy="auto"
						direction="horizontal"
						selectedIndex="0"
						width="160" 
						height="100%"
						styleName="containerZoneRectangle" />
				</mx:HBox>		
		</mx:VBox>
		
		<!--mx:VBox height="100%" width="15" verticalAlign="middle">
			<mx:SWFLoader source="@Embed('swf/divider.swf')" buttonMode="true" useHandCursor="true" />
		</mx:VBox-->
	
		<mx:Spacer height="20" width="5" />
		
		<mx:VBox width="100%" height="100%" verticalScrollPolicy="off">
			<mx:VBox width="100%" height="85%" paddingBottom="5" styleName="containerZoneWithTitle" horizontalScrollPolicy="off">
					<mx:Canvas width="100%">
						<mx:Image source="@Embed('images/general/leftTitle.png')" />
						<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.image' )}" styleName="titlePanel" />
						<mx:Label text="{_model.patientSelected.firstName} {_model.patientSelected.lastName}, {_model.getSelectedPatientGender()}, {_model.getSelectedPatientBirthDate()}, ({resourceManager.getString( 'labels', 'label.visit')} {_model.appointmentSelected.number})" left="300" styleName="blackText" />
						<mx:Image source="@Embed('images/general/question_mark.png')" top="10" right="10" click="HelpUtils.loadMeasuresHelp(measuresHelp)" buttonMode="true" useHandCursor="true" />
						<mx:Image id="measuresHelp" visible="false" includeInLayout="false" />
					</mx:Canvas>
					<mx:HBox width="100%" paddingBottom="0" height="16" horizontalAlign="center">						
						<mx:Label id="selectedZoneLabel" text="" paddingBottom="0" styleName="redText"></mx:Label>
						<!--mx:Label id="scannerUsed" text="" paddingBottom="0" styleName="blackText"></mx:Label-->
					</mx:HBox>

				<mx:HBox width="100%">
					
					<mx:VBox
						height="100%" width="130" verticalScrollPolicy="off" horizontalScrollPolicy="off" 
						verticalAlign="middle" paddingLeft="5" paddingTop="0"
						visible="{imtFarWallAverage.text.length > 0 || imtNearWallAverage.text.length > 0 || distanceValue.text.length > 0 || areaValue.text.length > 0 || ctpaValue.text.length > 0}" 
						includeInLayout="{imtFarWallAverage.text.length > 0 || imtNearWallAverage.text.length > 0 || distanceValue.text.length > 0 || areaValue.text.length > 0}">												
							
						<mx:VBox width="100%" visible="{imtFarWallAverage.text.length > 0}" includeInLayout="{imtFarWallAverage.text.length > 0}">
							<mx:Label id="imtFarWall" text="{resourceManager.getString('labels', 'measures.label.fw.imt')}" height="15" styleName="redText" />
							<mx:HBox height="15">
								<mx:Label id="imtFarWallAverageItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.average' )}" />
								<mx:Label id="imtFarWallAverage" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtFarWallMaximumItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.maximum' )}" />
								<mx:Label id="imtFarWallMaximum" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtFarWallDeviationItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.deviation' )}" />
								<mx:Label id="imtFarWallDeviation" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtFarWallQualityItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.quality' )}" />
								<mx:Label id="imtFarWallQuality" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtFarWallDistanceItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.distance' )}" />
								<mx:Label id="imtFarWallDistance" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtFarWallPointsItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.points' )}" />
								<mx:Label id="imtFarWallPoints" />
							</mx:HBox>
							<mx:Spacer height="20" />
						</mx:VBox>
						
						<mx:VBox width="100%" visible="{imtNearWallAverage.text.length > 0}" includeInLayout="{imtNearWallAverage.text.length > 0}">
							<mx:Label id="imtNearWall" text="{resourceManager.getString('labels', 'measures.label.nw.imt')}" height="15" styleName="redText" />
							<mx:HBox height="15">
								<mx:Label id="imtNearWallAverageItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.average' )}" />
								<mx:Label id="imtNearWallAverage" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtNearWallMaximumItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.maximum' )}" />
								<mx:Label id="imtNearWallMaximum" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtNearWallDeviationItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.deviation' )}" />
								<mx:Label id="imtNearWallDeviation" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtNearWallQualityItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.quality' )}" />
								<mx:Label id="imtNearWallQuality" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtNearWallDistanceItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.distance' )}" />
								<mx:Label id="imtNearWallDistance" />
							</mx:HBox>
							<mx:HBox height="15">
								<mx:Label id="imtNearWallPointsItem" width="70" paddingLeft="5" text="{resourceManager.getString( 'labels', 'measures.datagrid.points' )}" />
								<mx:Label id="imtNearWallPoints" />
							</mx:HBox>	
							<mx:Spacer height="20" />
						</mx:VBox>
											
						<mx:VBox visible="{distanceValue.text.length > 0 || areaValue.text.length > 0}" includeInLayout="{distanceValue.text.length > 0 || areaValue.text.length > 0}">
							<mx:Spacer height="20" />
							<mx:Label id="distanceLabel" height="15" visible="{distanceValue.text.length > 0}" includeInLayout="{distanceValue.text.length > 0}" styleName="redText" text="{resourceManager.getString('labels', 'measures.label.distance')}" />
							<mx:Label id="distanceValue" paddingLeft="10" />						
							<mx:Spacer height="10" />																
							<mx:Label id="areaLabel" height="15" visible="{areaValue.text.length > 0}" includeInLayout="{areaValue.text.length > 0}" styleName="redText" text="{resourceManager.getString('labels', 'measures.label.area')}" />
							<mx:Label id="areaValue" paddingLeft="10" />						
							<mx:Label id="areaValue2" paddingLeft="10" />	
						</mx:VBox>
						<mx:VBox id="ctpaBox" visible="{(affCTPA == true)}" includeInLayout="{(affCTPA == true)}">
							<mx:Spacer height="10" />																
							<mx:Label id="ctpaLabel" height="15" styleName="redText" text="{resourceManager.getString('labels', 'measures.label.ctpa')} :" />
							<mx:Label id="ctpaValue" text="{formatNumber.format(_model.CTPA) + ' ' + resourceManager.getString( 'labels', 'label.unitmm2' )}" paddingLeft="10"/>
						</mx:VBox>
					</mx:VBox>	

					<mx:VBox
						width="100%" height="100%" horizontalAlign="center" verticalAlign="top"
						paddingLeft="5" paddingRight="5" paddingBottom="5" paddingTop="0">
						
						<mx:Canvas id="imageZoom"
							mouseOver="changeCursor()" mouseOut="resetCursor()" paddingTop="0" paddingBottom="10"
							horizontalScrollPolicy="off" verticalScrollPolicy="off" horizontalCenter="0" />	
					</mx:VBox>	
				</mx:HBox>
			</mx:VBox>
			
			<!--mx:HBox height="15" width="100%" horizontalAlign="center">
				<mx:SWFLoader source="@Embed('swf/divider.swf')" buttonMode="true" useHandCursor="true" />
			</mx:HBox-->
			
			<mx:Spacer height="20" width="5" />
			
			<mx:HBox height="100" width="100%" horizontalAlign="center">
				<mx:Label text="" visible="false" includeInLayout="true"/>
			</mx:HBox>
			
		</mx:VBox>
		
		<!--mx:VBox height="100%" width="15" verticalAlign="middle">
			<mx:SWFLoader source="@Embed('swf/divider.swf')" buttonMode="true" useHandCursor="true" />
		</mx:VBox-->
	
	<mx:Spacer height="20" width="5" />
		
		<mx:VBox id="dividerTwo" width="170" maxWidth="170" height="100%" resizeEffect="Resize" verticalScrollPolicy="off" horizontalScrollPolicy="off">
			<mx:VBox width="170" height="70" styleName="containerZoneWithTitle" verticalAlign="middle" verticalScrollPolicy="off" horizontalScrollPolicy="off">
				<mx:Canvas>
					<mx:Image source="@Embed('images/measure/leftTitle.png')" />
					<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.tools' )}" styleName="titlePanel" />
					<mx:Image source="@Embed('images/general/question_mark.png')" click="HelpUtils.loadMeasuresHelp(measuresCalibrationHelp)" right="5" buttonMode="true" useHandCursor="true" />
					<mx:Image id="measuresCalibrationHelp" visible="false" includeInLayout="false" />
					<mx:Image id="measuresEndingCalibrationHelp" visible="false" includeInLayout="false" />
				</mx:Canvas>
				
				<mx:VBox width="100%" height="100%" horizontalAlign="center">
					<mx:Button id="manualScale" toggle="true" selected="true" width="150" label="{resourceManager.getString( 'labels', 'measures.button.calibration' )}" click="manualScaleAction()" />
				</mx:VBox>
			</mx:VBox>
			<mx:VBox width="170" height="150" styleName="containerZoneWithTitle" verticalScrollPolicy="off" horizontalScrollPolicy="off">
				<mx:Canvas>
					<mx:Image source="@Embed('images/measure/leftTitle.png')" />
					<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.measure' )}" styleName="titlePanel" />
					<mx:Image source="@Embed('images/general/question_mark.png')" click="HelpUtils.loadMeasuresHelp(measuresImtButtonHelp)" right="5" buttonMode="true" useHandCursor="true" />
					<mx:Image id="measuresImtButtonHelp" visible="false" includeInLayout="false" />
					<mx:Image id="measuresDistanceButtonHelp" visible="false" includeInLayout="false" />
					<mx:Image id="measuresAreaButtonHelp" visible="false" includeInLayout="false" />
				</mx:Canvas>
				
				<mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
					<mx:Button id="imtButton" toggle="true" enabled="false" width="150" label="{resourceManager.getString( 'labels', 'measures.button.imt' )}" click="imtMeasure()" />
					<mx:Button id="distanceButton" toggle="true" enabled="false" width="150" label="{resourceManager.getString( 'labels', 'measures.button.distance' )}" click="distanceMeasure()" />
					<mx:Button id="areaButton" toggle="true" enabled="false" width="150" label="{resourceManager.getString( 'labels', 'measures.button.area' )}" click="areaMeasure()" />
				</mx:VBox>
			</mx:VBox>
			
			<mx:VBox
				width="170" height="100%" styleName="containerZoneWithTitle"
				verticalScrollPolicy="off" paddingBottom="7" horizontalScrollPolicy="off">
				<mx:Canvas>
					<mx:Image source="@Embed('images/measure/leftTitle.png')" />
					<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.zone' )}" styleName="titlePanel" />
				</mx:Canvas>
				<mx:Canvas id="miniature" width="100%" >
				</mx:Canvas>	
			</mx:VBox>
			
			<mx:VBox width="170" height="70" styleName="containerZoneWithTitle" verticalScrollPolicy="off" horizontalScrollPolicy="off" verticalAlign="middle" >
				<mx:Canvas>
					<mx:Image source="@Embed('images/measure/leftTitle.png')" />
					<mx:Label text="{resourceManager.getString( 'labels', 'measures.label.data' )}" styleName="titlePanel" />
				</mx:Canvas>
				<mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
					<mx:Button width="150" label="{resourceManager.getString( 'labels', 'measures.button.data' )}" click="displayDatagrid()" />
				</mx:VBox>			
			</mx:VBox>
			
			<mx:Spacer height="100%" />
			
			<!--mx:Button id="save" icon="@Embed(source='images/acquire/save.png')" width="170" height="50" label="{resourceManager.getString( 'labels', 'measures.button.save' )}" click="saveMeasures()" /-->
		</mx:VBox>

</mx:HBox>