emergent-core 0.1.0

data/rails_generators/emergent_config/templates/app/flex/application/views/contact_us/contact_us.mxml

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent xmlns:core="com.fourD.emergent.core.*"
+	xmlns="http://ns.adobe.com/mxml/2009"
+	xmlns:layouts="com.fourD.layouts.*"
+	xmlns:actions="com.fourD.actions.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%" pivotX="center" pivotY="center">
+	
+	<Declarations>
+		<presentation:ContactUsModel id="model"/>
+	</Declarations>
+	
+	<!-- States ___________________________________________________________________ -->
+
+	<core:states>
+		<State name="show"/>
+	</core:states>
+
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<FxPanel width="100%" height="100%">
+
+		<Text  width="100%" height="30" text="Contact Us!" styleName="header"/>
+
+		<HRule width="100%"/>
+		
+		 <Form id="emailForm" width="100%" >
+		 
+			 <FormItem label="Your Name:" horizontalAlign="left" width="100%">
+	            <TextInput id="senderName"  width="100%"/>
+	        </FormItem>
+	        
+	        <FormItem label="Your E-mail:" width="100%">
+	            <TextInput id="senderEmail" width="100%"/>
+	        </FormItem>
+		 
+	        <FormItem label="Friend's Name:" horizontalAlign="left" width="100%">
+	            <TextInput id="sendToName"  width="100%"/>
+	        </FormItem>
+	
+	        <FormItem label="Friend's E-mail:" width="100%">
+	            <TextInput id="sendToEmail" width="100%"/>
+	        </FormItem>
+	        
+	        <FormItem label="Message" horizontalAlign="left" width="100%">
+	            <TextArea id="emailMessage"  width="100%" height="100"/>
+	        </FormItem>
+		    
+		     <FormItem width="100%">
+		        <Spacer width="200" />
+		        <Button id="submitBtn" label="Submit"/>
+		     </FormItem>
+		</Form>
+		
+		<HBox styleName="cbStyle">
+			<CheckBox label="Check to send a copy to yourself" id="cb"/>
+		</HBox>
+		
+		<HRule width="100%"/>
+		
+		<Label styleName="footer">
+       		<htmlText><![CDATA[<a href="http://www.4ddesignlab.com" target="_blank" ><b>www.4ddesignlab.com</b></a>]]></htmlText>
+   		</Label>
+	</FxPanel>
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/document/document.mxml

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Copyright 2008 Theo Hultberg/Iconara -->
+
+<VBox xmlns="http://ns.adobe.com/mxml/2009" xmlns:map="<%= base_package %>.controllers.map.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	xmlns:presenter="<%= base_package %>.views.pages.*"
+	width="100%" height="100%"
+	label="{model.displayTitle}"
+	paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
+	
+	<Script>
+	<![CDATA[
+	
+	import <%= base_package %>.models.domain.Document;
+	
+	import <%= base_package %>.controllers.command.Undoable;
+	
+	import <%= base_package %>.models.presentation.DocumentModel;
+	
+	]]>
+	</Script>
+	
+	<Declarations>
+		<presentation:DocumentModel id="model"/>
+		<!-- 	
+		The event map that is the local controller. Notice that the data property
+		is injected into the event map here, as the document.
+		-->
+		<map:DocumentMap dispatcher="{this}" doc="{Document(data)}"/>
+	</Declarations>
+	
+	<HBox width="100%" height="100%">
+		<VBox height="100%" width="30%">
+			<TextInput id="titleField" width="100%" 
+				text="{model.document.content.title}"
+				change="{model.document.content.title = titleField.text}"/>
+	
+			<TextInput id="subTitleField" width="100%" 
+				text="{model.document.content.subTitle}"
+				change="{model.document.content.subTitle = subTitleField.text}"/>
+	
+			<TextInput id="menuTitleField" width="100%" 
+				text="{model.document.content.menuTitle}"
+				change="{model.document.content.menuTitle = menuTitleField.text}"/>
+	
+			<TextArea id="abstractTextField" width="100%" height="100%"
+				text="{model.document.content.abstract}"
+				change="{model.document.content.abstract = abstractTextField.text}"/>
+		</VBox>
+		
+		<RichTextEditor id="bodyField" width="100%" height="100%"
+			htmlText="{model.document.content.body}"
+			change="{model.document.content.body = bodyField.text}"/>
+	</HBox>
+	
+	<HBox width="70%">
+		<Button label="Undo" click="model.undo()" enabled="{model.undoButtonEnabled}"/>
+		<Button label="Redo" click="model.redo()" enabled="{model.redoButtonEnabled}"/>
+		
+		<ComboBox id="undoHistory" dataProvider="{model.undoHistory}"
+			labelFunction="{model.labelForUndoable}"
+			prompt="Undo history"
+			change="{model.restore(Undoable(undoHistory.selectedItem))}"/>
+		
+		<Spacer width="100%"/>
+		
+		<Button label="Save" click="model.save()" enabled="{model.saveButtonEnabled}"/>
+	</HBox>
+	
+</VBox>

data/rails_generators/emergent_config/templates/app/flex/application/views/document/documents.mxml

@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Copyright 2008 Theo Hultberg/Iconara -->
+
+<VBox xmlns="http://www.adobe.com/2006/mxml" xmlns:view="example.view.*"
+	width="100%" height="100%">
+	
+	<creationComplete>onCreationComplete(event)</creationComplete>
+
+	<Script>
+	<![CDATA[
+	
+	import flash.utils.Dictionary;
+
+	import mx.binding.utils.BindingUtils;
+	
+	import mx.events.CollectionEvent;
+	
+	import mx.collections.ICollectionView;
+	
+	import mx.core.UIComponent;
+	import mx.core.Container;
+	
+	import <%= base_package %>.models.factory.DocumentViewFactory;
+	import <%= base_package %>.models.domain.Document;
+	import <%= base_package %>.models.presentation.DocumentsModel;
+
+
+	/** This is the presentation model object for this view, it is injected by the application controller when view is created. */
+	[Bindable]
+	public var model:DocumentsModel;
+	
+	/** This factory is used to create document views, it is injected by the application controller when the view is created. */
+	[Bindable]
+	public var documentViewFactory:DocumentViewFactory;
+	
+	
+	/**
+	 * A dictionary to keep track of which document is displayed in which view.
+	 */
+	private var documentToView : Dictionary;
+	
+	
+	private function onCreationComplete( event : Event ) : void {
+		// we want to be notified when the open documents collection object changes,
+		// note that this is not the same as listening for when the collection changes,
+		// see openDocumentsChanged for further explanation
+		BindingUtils.bindSetter(openDocumentsChanged,   this, ["model", "openDocuments"]);
+		
+		// we also want to know when the current document changes
+		BindingUtils.bindSetter(currentDocumentChanged, this, ["model", "currentDocument"]);
+		
+		documentToView = new Dictionary();
+	}
+	
+	private function openDocumentsChanged( openDocuments : ICollectionView ) : void {
+		// this is run when the openDocuments property on the presentation model changes, which
+		// should only be once (but we can't assume that), it is not the same as when the collection
+		// changes (e.g. when an item is added or removed from the collection). 
+		
+		if ( openDocuments != null ) {
+			// listen for change events to be able to react to the opening and closing of documents
+			// the listener is weakly referenced because we are only notified after the collection object
+			// has changed, not before, and so have no possibility of removing the listener cleanly
+			openDocuments.addEventListener(CollectionEvent.COLLECTION_CHANGE, onOpenDocumentsChanged, false, 0, true);
+		
+			syncDocuments();
+		}
+	}
+	
+	private function currentDocumentChanged( d : Document ) : void {
+		syncDocuments();
+	}
+	
+	private function onOpenDocumentsChanged( event : Event ) : void {
+		syncDocuments();
+	}
+	
+	/**
+	 * Calls a method by the same name on the presentation model, but also resets the
+	 * selected item on the open documents selector.
+	 */
+	private function openDocument( doc : Document ) : void {
+		model.openDocument(doc);
+		
+		// make sure the documents selector always shows the prompt
+		documentsSelector.selectedIndex = -1;
+	}
+	
+	/**
+	 * Synchronizes the application state version of which documents are open with this view's state by
+	 * removing any document views whose document is no longer open, creates views for open documents
+	 * that don't have a view yet, and makes sure that the current document is the selected tab.
+	 */
+	private function syncDocuments( ) : void {
+		removeClosedDocuments();
+		createOpenedDocuments();
+		selectCurrentDocument();
+	}
+	
+	/**
+	 * See syncDocuments.
+	 */
+	private function removeClosedDocuments( ) : void {
+		for ( var doc : * in documentToView ) {
+			// for each child in documentToView see if it is in the openDocuments collection
+			// if not remove it from both documentToView and documentsContainer
+			// (the "doc" variable is untyped because of a bug in the compiler, the variable of
+			// a for-in-loop has to be typed as string)
+			
+			if ( ! model.isOpen(doc) ) {
+				var view : Container = documentToView[doc];
+				
+				documentsContainer.removeChild(view);
+				
+				delete documentToView[doc];
+			}
+		}
+	}
+	
+	/**
+	 * See syncDocuments.
+	 */
+	private function createOpenedDocuments( ) : void {
+		for each ( var doc : Document in model.openDocuments ) {
+			// for each document in openDocuments see if it is in the documentToView dictionary
+			// if not create a new view and add it to both documentToView and documentsContainer
+			
+			if ( documentToView[doc] == null ) {
+				var view : Container = documentViewFactory.createDocumentView(doc);
+				
+				documentsContainer.addChild(view);
+				documentsContainer.selectedIndex = documentsContainer.numChildren - 1;
+				
+				documentToView[doc] = view;
+			}
+		}
+	}
+	
+	/**
+	 * See syncDocuments.
+	 */
+	private function selectCurrentDocument( ) : void {
+		if ( model.currentDocument != null ) {
+			var documentView : Container = documentToView[model.currentDocument];
+			
+			if ( documentView != null ) {
+				documentsContainer.selectedChild = documentView;
+			}
+		}
+	}
+	
+	]]>
+	</Script>
+	
+	<HBox width="100%">
+		<ComboBox id="documentsSelector">
+			<prompt>Open document</prompt>
+			<dataProvider>{model.documents}</dataProvider>
+			<labelField>title</labelField>
+			<change>openDocument(Document(documentsSelector.selectedItem))</change>
+			<enabled>{model.openSelectorEnabled}</enabled>
+		</ComboBox>
+		
+		<Button>
+			<label>Delete current document</label>
+			<click>model.deleteCurrentDocument()</click>
+			<enabled>{model.deleteButtonEnabled}</enabled>
+		</Button>
+
+		<Button>
+			<label>Close current document</label>
+			<click>model.closeCurrentDocument()</click>
+			<enabled>{model.closeButtonEnabled}</enabled>
+		</Button>
+		
+		<Spacer width="100%"/>
+		
+		<!--
+		Currently only plain documents are supported, but in the future you will be able
+		to choose between plain and rich text documents.
+		
+		<Button>
+			<label>New plain document</label>
+			<click>model.newPlainDocument()</click>
+		</Button>
+		<Button>
+			<label>New rich text document</label>
+			<click>model.newRichDocument()</click>
+		</Button>
+		-->
+		
+		<Button>
+			<label>New document</label>
+			<click>model.newPlainDocument()</click>
+		</Button>
+	</HBox>
+	
+	<TabNavigator id="documentsContainer" width="100%" height="100%"/>
+	
+</VBox>

data/rails_generators/emergent_config/templates/app/flex/application/views/document/plain_document.mxml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Copyright 2008 Theo Hultberg/Iconara -->
+
+<view:DocumentView
+	xmlns:view="<%= base_package %>.views.document.*"
+	xmlns:mx="http://ns.adobe.com/mxml/2009">
+
+</view:DocumentView>

data/rails_generators/emergent_config/templates/app/flex/application/views/document/rich_document.mxml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Copyright 2008 Theo Hultberg/Iconara -->
+
+<view:DocumentView
+	xmlns:view="<%= base_package %>.views.document.*"
+	xmlns:mx="http://ns.adobe.com/mxml/2009">
+	<!--
+	This view currently does nothing different from PlainDocumentView, but the idea is that 
+	in the future it will support rich tex editing.
+	-->
+</view:DocumentView>

data/rails_generators/emergent_config/templates/app/flex/application/views/gallery/gallery.mxml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent xmlns:core="com.fourD.emergent.core.*"
+	xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:layouts="com.fourD.layouts.*"
+	xmlns:actions="com.fourD.actions.*"
+	width="100%" height="100%" pivotX="center" pivotY="center">
+	
+	<!-- States ___________________________________________________________________ -->
+
+	<core:states>
+		<mx:State name="show"/>
+	</core:states>
+
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<mx:Group width="100%" height="100%">
+		<mx:layout>
+			<layouts:CarouselLayout container="{this}">
+				<layouts:action>
+					<actions:SimpleLayoutAction/>
+				</layouts:action>
+			</layouts:CarouselLayout>
+		</mx:layout>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture3.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture4.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture5.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture6.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture7.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture8.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture9.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture10.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture11.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture12.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture13.png')"/>
+		<mx:Image source="@Embed('assets/images/alexgrey/Picture14.png')"/>
+	</mx:Group>
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/home/home.mxml

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent xmlns:core="com.fourD.emergent.core.*"
+	xmlns="http://ns.adobe.com/mxml/2009"
+	xmlns:layouts="com.fourD.emergent.layouts.*"
+	xmlns:actions="com.fourD.emergent.actions.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	xmlns:url="http://www.allurent.com/2006/urlkit"
+	width="100%" height="100%" pivotX="center" pivotY="center">
+	
+	<Declarations>
+		<presentation:HomeModel id="model"/>
+		
+		<!-- Used to set the current component in the states -->
+		<Object id="urlComponent"/>
+		
+		<url:UrlRuleSet id="urlRules">
+	       <url:UrlValueRule urlFormat="/*" sourceValue="currentState" />
+	       <url:UrlDelegateRule rule="{urlComponent.urlRules}"/>
+		</url:UrlRuleSet>
+	</Declarations>
+	
+	<!-- States ___________________________________________________________________ -->
+
+	<core:states>
+		<State name="show"/>
+	</core:states>
+
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<FxPanel width="100%" height="100%">
+		<core:EmergentComponent id="container" pivotX="center" pivotY="top"
+			width="100%" height="100%" x="{this.width/2}" y="120">
+			<Group width="100%" height="20%">
+				<layout>
+					<layouts:CarouselLayout radius="{this.width/4}" container="{container}">
+						<layouts:action>
+							<actions:SimpleLayoutAction/>
+						</layouts:action>
+					</layouts:CarouselLayout>
+				</layout>
+				<Image source="@Embed('assets/images/alexgrey/Picture3.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture4.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture5.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture6.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture7.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture8.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture9.png')"/>
+				<Image source="@Embed('assets/images/alexgrey/Picture10.png')"/>
+			</Group>
+		</core:EmergentComponent>
+		
+		<FxTextArea id="textArea" width="100%" height="100%">
+			<content>
+				<String source="assets/html/lorem.html" />
+			</content>
+		</FxTextArea>
+	</FxPanel>
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/home/home_presenter.as

@@ -0,0 +1,81 @@
+package <%= base_package %>.views.home {
+	
+	import com.fourD.emergent.animators.FourDTweenCollection;
+	import com.fourD.emergent.core.EmergentPresenter;
+	
+	import flash.utils.*;
+	import flash.display.MovieClip;
+
+	import mx.core.Container;
+	import mx.core.UIComponent;
+	import mx.events.FlexEvent;
+	import mx.events.PropertyChangeEvent
+	
+	import <%= base_package %>.views.pages.PagesView;
+	import <%= base_package %>.views.home.HomeView;
+	
+	public class HomePresenter extends EmergentPresenter
+	{
+		// all the tweens you could ever desire :)
+		public var t:FourDTweenCollection;
+		public var troparchy:PagesTroparchy;
+		
+		// possible refactor so these are injected from somewhere?!
+		public function get homeView():HomeView { return this.view as HomeView; }
+		public function get homeModel():HomeModel { return view.model as HomeModel; }
+		
+    	public function HomePresenter() {
+			t = new FourDTweenCollection();
+
+			//ChangeWatcher.watch(model, ['pages'], initialize);
+			//ChangeWatcher.watch(model, ['currentPage'], initialize);
+        }
+
+        override protected function onCreationComplete(event:FlexEvent):void
+        {
+			troparchy = new HomeTroparchy();
+			troparchy.presenter = this;
+			troparchy.model = model;
+			troparchy.view = homeView;
+			troparchy.dispatcher = this; //localDispatcher;
+        }
+
+		override public function render(content:*):IFactory
+		{
+			if (content.renderer == "HomeTemplate")
+				return new ClassFactory(HomeView);
+			else
+				return new ClassFactory(HomeView);
+		}
+		
+		override public function initialize(event:PropertyChangeEvent):void {
+			// property is string of property, like object['property']
+			// source is the object that the property is on
+			var property:* = event.property, source:* = event.source;
+			var newValue:* = event.newValue, oldValue:* = event.oldValue;
+			if (!source[property]) { return; }
+			else {
+				var token:*, data:*;
+				run(troparchy.showLogin, data, token);
+			}
+		}
+		
+		/** This is where you define what can be found in that params object */
+		override protected function executeTweenParams(p:Object=null):void
+		{
+			if (p.callBack) { p.callBack(p.callBackParams); }
+			if (p.view) {
+				if (p.visible) {
+					p.view.visible = p.visible;
+				}
+				if (p.state) {
+					p.view.currentState = p.state;
+				}
+			}
+		}
+		
+		public function showPage(args:*):void
+		{
+		}
+	}
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/home/home_troparchy.mxml

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ * Copyright 2008-2009 (c) Lance Pollard
+ * www.systemsofseven.com/blog
+ * www.4ddesignlab.com
+ * lancejpollard@gmail.com
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+-->
+<LocalEventMap xmlns="http://mate.asfusion.com/"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:event="com.fourD.emergent.events.*"
+	xmlns:mx="http://ns.adobe.com/mxml/2009">
+	
+	<mx:Script>
+		<![CDATA[
+
+		import mx.events.FlexEvent;
+		
+		import <%= base_package %>.models.presentation.HomeModel;
+		import <%= base_package %>.views.home.HomeView;
+		import <%= base_package %>.controller.manager.HomeManager;
+
+		[Bindable] public var presenter:HomePresenter;
+		[Bindable] public var view:HomeView;
+		[Bindable] public var manager:HomeManager = new HomeManager();
+		[Bindable] public var model:HomeModel;
+		[Bindable] public var someOtherTroparchy:* = new Object;
+
+		]]>
+	</mx:Script>
+	
+	<mx:Declarations>
+	
+	<EventHandlers type="{FlexEvent.PREINITIALIZE}">
+	</EventHandlers>
+	
+	<Injectors target="{HomeModel}">
+		<PropertyInjector targetKey="content" source="{view}" sourceKey="data"/>
+	</Injectors>
+	
+	<core:Tecton id="flipPicture"
+		activateBefore="{[someOtherTroparchy.hideChat]}"
+		activateDuring="{[someOtherTroparchy.showMenu]}"
+		activateAfter="{[someOtherTroparchy.showOtherThing]}">
+		<InlineInvoker method="{presenter.show}"
+			arguments="{['lance']}"/>
+	</core:Tecton>
+	
+	<mx:Declarations>
+	
+</LocalEventMap>

data/rails_generators/emergent_config/templates/app/flex/application/views/login/login.mxml

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent xmlns:core="com.fourD.emergent.core.*"
+	xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:validators="org.restfulx.validators.*"
+	xmlns:layouts="com.fourD.layouts.*"
+	xmlns:actions="com.fourD.actions.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%" pivotX="center" pivotY="center"
+	currentState="login">
+	
+	<mx:Script>
+		<![CDATA[
+			import org.restfulx.Rx;
+		]]>
+	</mx:Script>
+	
+	<mx:Declarations>
+		<presentation:AuthenticationModel id="model"/>
+	</mx:Declarations>
+	
+	<!-- States ___________________________________________________________________ -->
+
+	<core:states>
+		<mx:State name="login"/>
+	</core:states>
+
+	<!-- GUI ______________________________________________________________________ -->
+	
+		<mx:Canvas id="loginView" width="100%" height="100%">
+			<mx:Form verticalCenter="0" horizontalCenter="0" id="loginForm" borderStyle="solid" errorString="{model.loginErrorString}">
+				<mx:Canvas backgroundColor="#000000" width="100%" height="50">
+					<mx:Label text="Lance3 / Welcome" styleName="appTitle" x="4" y="2" selectable="false"/>
+					<mx:Label text="A New Universe" styleName="appDescription" x="4" y="27" selectable="false"/>
+				</mx:Canvas>
+				<mx:FormItem label="Username">
+					<mx:TextInput width="190" id="userTextInput" change="{model.session.login =  userTextInput.text; model.loginDirty = true}"/>
+				</mx:FormItem>
+				<mx:FormItem label="Password">
+					<mx:TextInput width="190" displayAsPassword="true" id="passwordTextInput"
+					 	change="{model.session.password =  passwordTextInput.text; model.loginDirty = true}"
+						keyDown="model.loginOnEnter(event)"/>
+				</mx:FormItem>
+				<mx:FormItem label="">
+					<mx:Button label="Login" click="model.login()" keyDown="model.loginOnEnter(event)"/>  
+				</mx:FormItem>
+			</mx:Form>
+			<mx:Text text="Don't have an account?" verticalCenter="101" horizontalCenter="-80"/>
+			<mx:LinkButton label="Sign Up!" horizontalCenter="18" verticalCenter="101"/>
+	    </mx:Canvas>
+</core:EmergentComponent>