testApps/src/textEditBar/StatusBar.mxml - flex-tlf - Git at Google

 <?xml version="1.0" encoding="utf-8"?>
 <!--
   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You under the Apache License, Version 2.0
   (the "License"); you may not use this file except in compliance with
   the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
 <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
 		addedToStage="onAddedToStage()" removedFromStage="onRemovedFromStage()"
 		horizontalScrollPolicy="off" verticalScrollPolicy="off" width="100%">
 	<mx:Metadata>
 		<!-- event generated by this component -->
 		[Event(name="change", type="textEditBar.StyleChangeEvent")]

 		<!-- undocumented -->
 		[DefaultTriggerEvent("change")]
 	</mx:Metadata>
 	<mx:Script>
 		<![CDATA[
 			import flash.system.Capabilities;

 			import flashx.textLayout.edit.EditManager;
 			import flashx.textLayout.edit.EditingMode;
 			import flashx.textLayout.edit.ElementRange;
 			import flashx.textLayout.edit.IEditManager;
 			import flashx.textLayout.edit.ISelectionManager;
 			import flashx.textLayout.elements.*;
 			import flashx.undo.IUndoManager;

 			private var saveUndoMaxStr:String;

             public var activeFlow:TextFlow;

 			[Bindable]
 			private var editingModeList:Array = [
 				{ label:"ReadOnly", data:EditingMode.READ_ONLY },
 				{ label:"ReadWrite", data:EditingMode.READ_WRITE  },
 				{ label:"ReadSelect", data:EditingMode.READ_SELECT }
 			]

 			internal function editingModeSelectHandler(data:String):void
 			{
 				dispatchEvent(new StyleChangeEvent("editingMode",data));
 			}

 			private function setUndoItemsMax():void
 			{
 				// Format changed via GUI - push to the TextFlow
 				if (activeFlow && activeFlow.interactionManager is EditManager)
 				{
 					var undoManager:IUndoManager = IEditManager(activeFlow.interactionManager).undoManager;
 					if (undoManager)
 					{
 			 			undoManager.undoAndRedoItemLimit = int(undoItemsMax.text);
 			 			updateUndoItemsMax(undoManager.undoAndRedoItemLimit);
 			 		}
 					// Force focus back to main text. There should be a way to make the widget give up key
 					// focus, but I couldn't find one. So we need to set it to the selection's container explicitly.
 					activeFlow.interactionManager.setFocus();
 				}
 			}

 			public function update(range:ElementRange):void
 			{
  				var selectionManager:ISelectionManager = activeFlow  ? activeFlow.interactionManager : null;
  				var editManager:IEditManager = (selectionManager && (selectionManager is IEditManager)) ?
 					IEditManager(selectionManager) : null;
 				var undoManager:IUndoManager = editManager ? editManager.undoManager : null;

 				updateEditingMode();
 				updateUndoItemsMax(undoManager ? undoManager.undoAndRedoItemLimit : -1);

 				updateSelectionRange(selectionManager ? selectionManager.anchorPosition : -1,selectionManager ? selectionManager.activePosition : -1);
  				updateOverwriteText(editManager ? ((editManager is EditManager) ? (EditManager.overwriteMode ? "Overwrite Mode" : "Insert Mode") : "") : "");
 			}
 			private var onStage:Boolean = false;
 			private var addedFrameEventListener:Boolean = false;

 			private function onAddedToStage():void
 			{
 				// the dataProviders aren't set up yet - delay to the frame
 				onStage = true;
 				if (!addedFrameEventListener)
 				{
 					addedFrameEventListener = true;
 					addEventListener("enterFrame",onEnterFrame);
 				}
 			}

 			private function onEnterFrame(p:Event):void
 			{
 				this.removeEventListener("enterFrame",onEnterFrame);
 				addedFrameEventListener = false;

 				update(null);
 			}

 			private function onRemovedFromStage():void
 			{
 				onStage = false;
 			}

 			private var previousEditingMode:String;

 			private function updateEditingMode():void
 			{
 				var activeInteractionManager:ISelectionManager = activeFlow.interactionManager;
 				var editingMode:String = activeInteractionManager ? ((activeInteractionManager is IEditManager) ? EditingMode.READ_WRITE : EditingMode.READ_SELECT) : EditingMode.READ_ONLY
 				if (editingMode == previousEditingMode)
 					return;

 				previousEditingMode = editingMode;

 				var idx:int = 0;
 				for (idx = 0; idx < editingModeList.length; idx++)
 				{
 					var obj:Object = editingModeList[idx];
 					if (obj.data == editingMode)
 					{
 						editingModeBox.selectedIndex = idx;
 						return;
 					}
 				}
 				editingModeBox.selectedIndex = -1;
 			}

 			private var previousNewItemsMax:int = 0;
     		private var previousOverwriteMode:String = "Insert";
     		private var tabDisplayed:Boolean = false;

 			public function updateUndoItemsMax(newItemsMax:int):void
 			{
 				if (onStage)
 				{
 					if ((ExternalInterface.available) && (Capabilities.playerType != "PlugIn") && (Capabilities.playerType != "ActiveX"))
 					{
 						if (!tabDisplayed)
 						{
 							removeChild(undoItemsMaxLabel);
 							removeChild(undoItemsMax);
 						}
 					}
 					else
 					{
 						undoItemsMax.text = saveUndoMaxStr = newItemsMax.toString();
 					}
 					tabDisplayed = true;
 				}
 				previousNewItemsMax = newItemsMax;
 			}

 			public function updateOverwriteText(s:String):void
 			{
 				if (onStage)
 				{
 					overwrite.text = s;
 				}
 				previousOverwriteMode = s;
 			}

 			private var anchorIdx:int = -1;
 			private var activeIdx:int = -1;

 			public function updateSelectionRange(anchor:int,active:int):void
 			{
 				anchorIdx = anchor;
 				activeIdx = active;
 				if (onStage)
 					selection.text = "Sel: (" + anchorIdx.toString() + "," + activeIdx.toString() + ")";

 				generateAncestorList(anchorIdx == activeIdx ? activeIdx : -1);
 			}

 			private function onFocusOut():void
 			{
 				undoItemsMax.text=saveUndoMaxStr
 			}


 			[Bindable]
 			public var ancestorList:Array = [];


 			private var _ancestorListIndex:int;

 			private function generateAncestorList(pos:int):void
 			{
 				var elementName:String;
 				ancestorList.length = 0;
 				var element:FlowElement = activeFlow.findLeaf(pos);
 				while (element)
 				{
 					if (element is SpanElement)
 						elementName = "span";
 					else if (element is InlineGraphicElement)
 						elementName = "img";
 					else if (element is TCYElement)
 						elementName = "tcy";
 					else if (element is LinkElement)
 						elementName = "link";
 					else if (element is ParagraphElement)
 						elementName = "paragraph";
 					else if (element is ListItemElement)
 						elementName = "listItem";
 					else if (element is ListElement)
 						elementName = "list";
 					else if (element is DivElement)
 						elementName = "div";
 					else if (element is TextFlow)
 						elementName = "textFlow";
 					else if (element is BreakElement)
 						elementName = "br";
 					else if (element is TabElement)
 						elementName = "tab";
 					else
 						elementName = "UNKNONW";
 					ancestorList.push(elementName);
 					element = element.parent;
 				}
 			}

 			public function setTargetElement():void
 			{
 				trace("Set target element", targetElementMenu.selectedIndex);
 				var element:FlowElement = activeFlow.findLeaf(activeFlow.interactionManager.activePosition);
 				var index:int = targetElementMenu.selectedIndex;
 				while (index-- > 0 && element)
 					element = element.parent;

 				dispatchEvent(new StyleChangeEvent("targetElement",element));
 			}

 		]]>
 	</mx:Script>
 	<mx:Label id="swfVersion" text="SwfVersion:UNK" fontWeight="bold" paddingTop="3" paddingBottom="1"/>

 	<mx:Label id="undoItemsMaxLabel" text="Max Undo/Redo Items:"/>
 	<mx:TextInput id="undoItemsMax" width="30" focusOut="onFocusOut()"
 		enter="setUndoItemsMax();"
 		keyFocusChange="setUndoItemsMax();"/>
 	<mx:Label id="selection" text="Sel: (#xxxxxx,#xxxxxx)"  paddingTop="3" paddingBottom="1"/>
 	<mx:Label id="overwrite" text="Insert Mode" fontWeight="bold" paddingTop="3" paddingBottom="1"/>
 	<mx:ComboBox id="editingModeBox" dataProvider="{editingModeList}" close="if (ComboBox(event.target).selectedItem) editingModeSelectHandler(ComboBox(event.target).selectedItem.data)" selectedIndex="-1"/>
 	<mx:ComboBox id="targetElementMenu" dataProvider="{ancestorList}" editable="false"
 				 selectedIndex="0"
 				 close="setTargetElement()" />
 </mx:HBox>
	<?xml version="1.0" encoding="utf-8"?>
	<!--
	Licensed to the Apache Software Foundation (ASF) under one or more
	contributor license agreements. See the NOTICE file distributed with
	this work for additional information regarding copyright ownership.
	The ASF licenses this file to You under the Apache License, Version 2.0
	(the "License"); you may not use this file except in compliance with
	the License. You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.
	-->
	<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
	addedToStage="onAddedToStage()" removedFromStage="onRemovedFromStage()"
	horizontalScrollPolicy="off" verticalScrollPolicy="off" width="100%">
	<mx:Metadata>
	<!-- event generated by this component -->
	[Event(name="change", type="textEditBar.StyleChangeEvent")]

	<!-- undocumented -->
	[DefaultTriggerEvent("change")]
	</mx:Metadata>
	<mx:Script>
	<![CDATA[
	import flash.system.Capabilities;

	import flashx.textLayout.edit.EditManager;
	import flashx.textLayout.edit.EditingMode;
	import flashx.textLayout.edit.ElementRange;
	import flashx.textLayout.edit.IEditManager;
	import flashx.textLayout.edit.ISelectionManager;
	import flashx.textLayout.elements.*;
	import flashx.undo.IUndoManager;

	private var saveUndoMaxStr:String;

	public var activeFlow:TextFlow;

	[Bindable]
	private var editingModeList:Array = [
	{ label:"ReadOnly", data:EditingMode.READ_ONLY },
	{ label:"ReadWrite", data:EditingMode.READ_WRITE },
	{ label:"ReadSelect", data:EditingMode.READ_SELECT }
	]

	internal function editingModeSelectHandler(data:String):void
	{
	dispatchEvent(new StyleChangeEvent("editingMode",data));
	}

	private function setUndoItemsMax():void
	{
	// Format changed via GUI - push to the TextFlow
	if (activeFlow && activeFlow.interactionManager is EditManager)
	{
	var undoManager:IUndoManager = IEditManager(activeFlow.interactionManager).undoManager;
	if (undoManager)
	{
	undoManager.undoAndRedoItemLimit = int(undoItemsMax.text);
	updateUndoItemsMax(undoManager.undoAndRedoItemLimit);
	}
	// Force focus back to main text. There should be a way to make the widget give up key
	// focus, but I couldn't find one. So we need to set it to the selection's container explicitly.
	activeFlow.interactionManager.setFocus();
	}
	}

	public function update(range:ElementRange):void
	{
	var selectionManager:ISelectionManager = activeFlow ? activeFlow.interactionManager : null;
	var editManager:IEditManager = (selectionManager && (selectionManager is IEditManager)) ?
	IEditManager(selectionManager) : null;
	var undoManager:IUndoManager = editManager ? editManager.undoManager : null;

	updateEditingMode();
	updateUndoItemsMax(undoManager ? undoManager.undoAndRedoItemLimit : -1);

	updateSelectionRange(selectionManager ? selectionManager.anchorPosition : -1,selectionManager ? selectionManager.activePosition : -1);
	updateOverwriteText(editManager ? ((editManager is EditManager) ? (EditManager.overwriteMode ? "Overwrite Mode" : "Insert Mode") : "") : "");
	}
	private var onStage:Boolean = false;
	private var addedFrameEventListener:Boolean = false;

	private function onAddedToStage():void
	{
	// the dataProviders aren't set up yet - delay to the frame
	onStage = true;
	if (!addedFrameEventListener)
	{
	addedFrameEventListener = true;
	addEventListener("enterFrame",onEnterFrame);
	}
	}

	private function onEnterFrame(p:Event):void
	{
	this.removeEventListener("enterFrame",onEnterFrame);
	addedFrameEventListener = false;

	update(null);
	}

	private function onRemovedFromStage():void
	{
	onStage = false;
	}

	private var previousEditingMode:String;

	private function updateEditingMode():void
	{
	var activeInteractionManager:ISelectionManager = activeFlow.interactionManager;
	var editingMode:String = activeInteractionManager ? ((activeInteractionManager is IEditManager) ? EditingMode.READ_WRITE : EditingMode.READ_SELECT) : EditingMode.READ_ONLY
	if (editingMode == previousEditingMode)
	return;

	previousEditingMode = editingMode;

	var idx:int = 0;
	for (idx = 0; idx < editingModeList.length; idx++)
	{
	var obj:Object = editingModeList[idx];
	if (obj.data == editingMode)
	{
	editingModeBox.selectedIndex = idx;
	return;
	}
	}
	editingModeBox.selectedIndex = -1;
	}

	private var previousNewItemsMax:int = 0;
	private var previousOverwriteMode:String = "Insert";
	private var tabDisplayed:Boolean = false;

	public function updateUndoItemsMax(newItemsMax:int):void
	{
	if (onStage)
	{
	if ((ExternalInterface.available) && (Capabilities.playerType != "PlugIn") && (Capabilities.playerType != "ActiveX"))
	{
	if (!tabDisplayed)
	{
	removeChild(undoItemsMaxLabel);
	removeChild(undoItemsMax);
	}
	}
	else
	{
	undoItemsMax.text = saveUndoMaxStr = newItemsMax.toString();
	}
	tabDisplayed = true;
	}
	previousNewItemsMax = newItemsMax;
	}

	public function updateOverwriteText(s:String):void
	{
	if (onStage)
	{
	overwrite.text = s;
	}
	previousOverwriteMode = s;
	}

	private var anchorIdx:int = -1;
	private var activeIdx:int = -1;

	public function updateSelectionRange(anchor:int,active:int):void
	{
	anchorIdx = anchor;
	activeIdx = active;
	if (onStage)
	selection.text = "Sel: (" + anchorIdx.toString() + "," + activeIdx.toString() + ")";

	generateAncestorList(anchorIdx == activeIdx ? activeIdx : -1);
	}

	private function onFocusOut():void
	{
	undoItemsMax.text=saveUndoMaxStr
	}


	[Bindable]
	public var ancestorList:Array = [];


	private var _ancestorListIndex:int;

	private function generateAncestorList(pos:int):void
	{
	var elementName:String;
	ancestorList.length = 0;
	var element:FlowElement = activeFlow.findLeaf(pos);
	while (element)
	{
	if (element is SpanElement)
	elementName = "span";
	else if (element is InlineGraphicElement)
	elementName = "img";
	else if (element is TCYElement)
	elementName = "tcy";
	else if (element is LinkElement)
	elementName = "link";
	else if (element is ParagraphElement)
	elementName = "paragraph";
	else if (element is ListItemElement)
	elementName = "listItem";
	else if (element is ListElement)
	elementName = "list";
	else if (element is DivElement)
	elementName = "div";
	else if (element is TextFlow)
	elementName = "textFlow";
	else if (element is BreakElement)
	elementName = "br";
	else if (element is TabElement)
	elementName = "tab";
	else
	elementName = "UNKNONW";
	ancestorList.push(elementName);
	element = element.parent;
	}
	}

	public function setTargetElement():void
	{
	trace("Set target element", targetElementMenu.selectedIndex);
	var element:FlowElement = activeFlow.findLeaf(activeFlow.interactionManager.activePosition);
	var index:int = targetElementMenu.selectedIndex;
	while (index-- > 0 && element)
	element = element.parent;

	dispatchEvent(new StyleChangeEvent("targetElement",element));
	}

	]]>
	</mx:Script>
	<mx:Label id="swfVersion" text="SwfVersion:UNK" fontWeight="bold" paddingTop="3" paddingBottom="1"/>

	<mx:Label id="undoItemsMaxLabel" text="Max Undo/Redo Items:"/>
	<mx:TextInput id="undoItemsMax" width="30" focusOut="onFocusOut()"
	enter="setUndoItemsMax();"
	keyFocusChange="setUndoItemsMax();"/>
	<mx:Label id="selection" text="Sel: (#xxxxxx,#xxxxxx)" paddingTop="3" paddingBottom="1"/>
	<mx:Label id="overwrite" text="Insert Mode" fontWeight="bold" paddingTop="3" paddingBottom="1"/>
	<mx:ComboBox id="editingModeBox" dataProvider="{editingModeList}" close="if (ComboBox(event.target).selectedItem) editingModeSelectHandler(ComboBox(event.target).selectedItem.data)" selectedIndex="-1"/>
	<mx:ComboBox id="targetElementMenu" dataProvider="{ancestorList}" editable="false"
	selectedIndex="0"
	close="setTargetElement()" />
	</mx:HBox>