emergent-core 0.1.0

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

@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:Canvas xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:mate="http://mate.asfusion.com/"
+	xmlns:analytics="com.google.analytics.components.*"
+	xmlns:main="<%= base_package %>.views.main.*"
+	xmlns:map="<%= base_package %>.controllers.map.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+    xmlns:doc="<%= base_package %>.views.document.*"
+    xmlns:pages="<%= base_package %>.views.pages.*"
+    xmlns:nav="<%= base_package %>.views.navigation.*"
+	xmlns:home="<%= base_package %>.views.home.*"
+	xmlns:login="<%= base_package %>.views.login.*"
+	xmlns:account="<%= base_package %>.views.account.*"
+	xmlns:aboutUs="<%= base_package %>.views.aboutUs.*"
+	xmlns:profile="<%= base_package %>.views.profile.*"
+	xmlns:contactUs="<%= base_package %>.views.contactUs.*"
+	xmlns:gallery="<%= base_package %>.views.gallery.*"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:layouts="com.fourD.emergent.layouts.*"
+	xmlns:components="com.fourD.emergent.components.*"
+	xmlns:animators="com.fourD.emergent.animators.*"
+	xmlns:url="http://www.allurent.com/2006/urlkit"
+    minWidth="1000"
+    minHeight="680"
+    paddingLeft="5"
+    paddingRight="5"
+    paddingTop="5"
+    paddingBottom="5"
+    width="100%"
+    height="100%">
+
+	<!-- Presenter and Model________________________________________________________ -->
+	
+	<!-- Presenter Wraps the View and Handles Navigation Animations
+		 Model allows you to easily call CRUD methods and handle sorting on data -->
+	<mx:Declarations>
+		<main:MainPresenter id="presenter" view="{this}"/>
+		<animators:FourDTweenCollection id="t"/>
+	</mx:Declarations>
+	
+	<!-- URL Stuff _________________________________________________________________ -->
+	
+	<mx:Declarations>
+		<!-- FlexBrowserManagerAdapter is Required for URLKit to Work -->
+		<url:FlexBrowserManagerAdapter applicationState="{urlRules}" />
+		    <!--
+		    This UrlNavigatorRule maps the selected index of the ViewStack to a Value in the URL.
+		    The label property of the children is used to determine the URL for each child.
+		    --> 
+		<!-- Gotta love the Object hack to call the dynamic urlRules method the currentView.
+			You can only call the component by a String, so you can't dynamically use its ID -->
+		<!-- Used to set the current component in the states -->
+		<mx:Object id="urlComponent"/>
+		
+		<url:UrlRuleSet id="urlRules">
+	       <url:UrlValueRule urlFormat="/*" sourceValue="currentState" />
+	       <url:UrlDelegateRule rule="{urlComponent.urlRules}"/>
+		</url:UrlRuleSet>
+		
+	<!--<analytics:FlexTracker id="tracker" account="UA-111-222" mode="AS3" visualDebug="false"/>-->
+	</mx:Declarations>
+	
+	<!-- States ___________________________________________________________________ -->
+	
+	<!-- States are used for the URLs, to make them pretty.
+		As such, ALL component view changes should be mapped to states.
+		Makes life a lot easier -->
+	<mx:states>
+		<mx:State name="home"/>
+		<mx:State name="about"/>
+		<mx:State name="contact"/>
+		<mx:State name="gallery"/>
+		<mx:State name="login"/>
+		<mx:State name="account"/>
+		<mx:State name="profile"/>
+	<!-- Old way of changing component visibility...
+		<mx:SetProperty target="{presenter.visibleComponents}" value="{[model1View, model2View]}"/>	-->
+	</mx:states>
+
+	<!-- Background Canvi _(for Papervision)_______________________________________ -->
+	
+	<mx:Canvas id="skyBoxCanvas" width="100%" height="100%"
+			horizontalScrollPolicy="off" verticalScrollPolicy="off"/>
+			
+	<mx:Canvas id="pv3dContainer"
+			clipContent="true" width="100%" height="100%"
+			horizontalScrollPolicy="off" verticalScrollPolicy="off"/>
+			
+	<!-- GUI ______________________________________________________________________ -->
+  	
+	<mx:Panel width="150" height="30" id="fpsPanel" y="60"/>
+	
+	<!-- Change visibility of core components so only one is visible at a time -->
+	<!-- Something is wrong with the FourDComponent's measure() method...
+		 You must at times explicitly set the width and height, percents cause problems.
+		 One way around this is to use top="0" bottom="0" left="0" right="0".
+		 Also, if you nest fourDComponents, measuring is an issue	-->
+	
+	<profile:ProfileView id="profileView" name="profile"
+			pivotX="center" pivotY="center"
+			x="{this.width/2}" y="{this.height/2}"
+			tweens="{[t.centerPlaneFlipTweenTo]}"
+			tweenParams="{[{tween:t.centerPlaneFlipTweenTo, flipTo:t.centerPlaneFlipTweenFrom, when:'onStart'}]}"
+			click="{profileView.tween(event)}"/>
+	
+	<contactUs:ContactUsView id="contactUsView" name="contact"
+			width="{this.width/3}" height="{this.height/2}"
+			pivotX="center" pivotY="center"
+			x="{this.width/2}" y="{this.height/2}"
+			tweens="{[t.centerPlaneFlipTweenTo]}"
+			tweenParams="{[{tween:t.centerPlaneFlipTweenTo, flipTo:t.centerPlaneFlipTweenFrom, when:'onStart'}]}"
+			click="{profileView.tween(event)}"/>
+			
+	<nav:NavigationBarsView id="navigationBarsView" width="100%" height="100%"/>
+	
+	<pages:PagesView id="pagesView" name="main"
+			width="{this.width}" height="{this.height}"
+			pivotX="center" pivotY="center"
+			x="{this.width/2}" y="{this.height/2}"/>
+	
+	<account:AccountView id="accountView" name="account"
+	 	width="{this.width/3}" height="{this.height}" rotationY="-10"
+		x="{accountView.width/2 + 100}" y="{this.height/2}"/>
+	
+	<login:LoginView id="loginView" name="login"
+		width="{this.width/4}" height="{this.height/4}" rotationY="30"
+		x="{this.width/2 + loginView.width/2}" y="{this.height/2}"/>
+		
+	<doc:DocumentsView id="documentsView" name="documents"/>
+	
+</mx:Canvas>

data/rails_generators/emergent_config/templates/app/flex/application/views/main/main_presenter.as

@@ -0,0 +1,166 @@
+package <%= base_package %>.views.main {
+	
+	import com.fourD.emergent.animators.FourDTweenCollection;
+	import com.fourD.emergent.core.EmergentPresenter;
+
+	import flash.utils.*;
+	import flash.display.MovieClip;
+
+	import mx.events.FlexEvent;
+	import mx.core.Container;
+	import mx.core.UIComponent;
+	import mx.binding.utils.BindingUtils;
+
+	import org.restfulx.models.RxModel;
+	
+	import com.fourD.emergent.components.FlexBasicView;
+	import com.fourD.emergent.components.SkyBoxAndStars;
+	
+	import <%= base_package %>.models.presentation.MainModel;
+	import <%= base_package %>.views.main.MainView;
+	
+	import org.ascollada.utils.FPS;
+	
+	/** The MainView has a reference to ALL Navigation oriented methods.
+	 *	It only performs work on it's direct children. This allows you to:
+	 *	1) Change the MainView's state and animate it
+	 *	2) Change/animate any other MainView direct children
+	 *	3) Pass the change-of-state and animation logic down to the
+	 *	presenter for that specific view, where it should go.
+	 */
+	public class MainPresenter extends EmergentPresenter {
+		
+		// all the tweens you could ever desire :)
+		public var t:FourDTweenCollection;
+		public var troparchy:MainTroparchy;
+
+		/** Papervision related variables */
+		public var skyBox:SkyBoxAndStars;
+		public var skyBoxContainer:UIComponent;
+		
+		public var flex3D:FlexBasicView;
+		public var flex3DContainer:UIComponent;
+		public var frontMC:MovieClip;
+		public var backMC:MovieClip;
+		
+		/** FPS Display */
+		private var fpsContainer:UIComponent;
+		private var fps:FPS;
+		
+		/**
+		 * A dictionary to keep track of which Resource is displayed in which view.
+		 */
+		private var resourceToView:Dictionary;
+		
+		public function get mainView():MainView { return this.view as MainView }
+		public function get mainModel():MainModel { return this.model as MainModel }
+		
+    	public function MainPresenter() {
+			t = new FourDTweenCollection();
+			BindingUtils.bindSetter(toggleCms, this, ["mainModel", "cmsMode"]);
+        }
+
+		public function toggleCms(prop:*):void {
+			if (prop == true) {
+				mainView.loginView.visible = false;
+				mainView.documentsView.visible = true;
+			}
+			else {
+				mainView.loginView.visible = true;
+				mainView.documentsView.visible = false;
+			}
+		}
+
+        /**
+         * Handle view creation complete initialization
+         *  
+         * @param event creation complete event
+         * 
+         */
+        override protected function onCreationComplete(event:FlexEvent):void
+        {
+			troparchy = new MainTroparchy();
+			troparchy.presenter = this;
+			troparchy.model = model;
+			troparchy.view = mainView;
+			troparchy.dispatcher = this; //localDispatcher;
+			
+			components = [mainView.pagesView, mainView.loginView, mainView.accountView,
+							mainView.contactUsView, mainView.navigationBarsView,
+							mainView.profileView];
+			visibleComponents = [mainView.documentsView];
+			
+			fpsContainer = new UIComponent();
+			fps = new FPS();
+			fpsContainer.addChild(fps);
+			mainView.fpsPanel.addChild(fpsContainer);
+			fpsContainer.width = 150;
+			fpsContainer.height = 40;
+
+// The following is all papervision, but it causes the application to run at 8 FPS			
+/*			skyBox = new SkyBoxAndStars(mainView.width, mainView.height);
+			skyBoxContainer = new UIComponent();
+			skyBoxContainer.addChild(skyBox);
+			mainView.skyBoxCanvas.addChild(skyBoxContainer);
+
+		 	flex3D = new FlexBasicView(800, 600); //(mainView.yourView.width, mainView.yourView.height);
+		    flex3DContainer = new UIComponent();
+		    flex3DContainer.addChild(flex3D);
+		    mainView.pv3dContainer.addChild(flex3DContainer);
+
+		    frontMC = new MovieClip();
+		    backMC = new MovieClip();
+			
+			// Still need to figure out how to add the back movieclip
+		    //backMC.addChild(mainView.entriesView);
+		
+		    flex3DContainer.addChild(backMC);
+		    flex3DContainer.addChild(frontMC);
+		    frontMC.addChild(mainView.mainViewStack);
+		    flex3D.uiComponentMaterial(frontMC, backMC);		*/
+        }
+		
+		/** 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 showPages(args:*=null):void {
+		//	mainView.pagesView.tweens;// = [someTweens]
+		//	mainView.pagesView.tween;
+		}
+		
+		public function ambientPages(args:*=null):void {
+		//	mainView.pagesView.tweens;// = [someTweens]
+		//	mainView.pagesView.tween;
+		}
+		
+		public function showLogin():void {
+			
+		}
+
+		public function showNavigationBarRight():void {
+			//mainView.navigationBarRightView.tweens
+		}
+		
+		public function gotoNavigationBarLeft():void {
+			
+		}
+		
+		public function gotoNavigationBarTop():void {
+			
+		}
+		
+		public function gotoNavigationBarBottom():void {
+			
+		}
+	}
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/main/main_troparchy.mxml

@@ -0,0 +1,74 @@
+<?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.MainModel;
+		import <%= base_package %>.views.main.*;
+		import <%= base_package %>.controllers.manager.MainManager;
+
+		[Bindable] public var presenter:MainPresenter;
+		[Bindable] public var view:MainView;
+		[Bindable] public var model:MainModel;
+		[Bindable] public var someOtherTroparchy:* = new Object;
+
+		]]>
+	</mx:Script>
+	<mx:Declarations>
+	
+	<EventHandlers type="{FlexEvent.PREINITIALIZE}">
+	</EventHandlers>
+
+	<core:Tecton id="showLogin"
+		activateBefore="{[someOtherTroparchy.hideChat]}"
+		activateDuring="{[someOtherTroparchy.showMenu]}"
+		activateAfter="{[someOtherTroparchy.showOtherThing]}">
+		<InlineInvoker method="{presenter.showLogin}"
+			arguments="{['lance']}"/>
+		<!--<MethodInvoker method="showLogin" generator="{MainPresenter}"
+			arguments="{['lance']}"/>-->
+	</core:Tecton>
+	
+	<core:Tecton id="ambientPages"
+		activateBefore="{[someOtherTroparchy.hideChat]}"
+		activateDuring="{[someOtherTroparchy.showMenu]}"
+		activateAfter="{[someOtherTroparchy.showOtherThing]}">
+		<InlineInvoker method="{presenter.ambientPages}"
+			arguments="{['lance']}"/>
+	</core:Tecton>
+	
+	</mx:Declarations>
+</LocalEventMap>

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_bottom_model.as

@@ -0,0 +1,13 @@
+package <%= base_package %>.models.presentation {
+
+	import flash.events.Event;
+	import flash.events.EventDispatcher;
+
+	public class NavigationBarBottomModel extends EventDispatcher {
+		
+		/** Injector targets */
+		[Bindable] public var cmsMode:Boolean;
+		
+		
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_bottom_presenter.as

@@ -0,0 +1,10 @@
+package <%= base_package %>.views.navigation {
+
+	import com.fourD.emergent.core.EmergentPresenter;
+
+	public class NavigationBarBottomPresenter extends EmergentPresenter {
+		
+		public function NavigationBarBottomPresenter() {
+		}
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_bottom_view.mxml

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent
+	xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:nav="<%= base_package %>.views.navigation.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%">
+	
+	<mx:Script>
+		<![CDATA[
+			import org.restfulx.Rx;
+	
+		]]>
+	</mx:Script>
+	
+	<!-- Presenter and Model________________________________________________________ -->
+	
+	<!-- Presenter Wraps the View and Handles Navigation Animations
+		 Model allows you to easily call CRUD methods and handle sorting on data -->
+	<mx:Declarations>
+		<presentation:NavigationBarBottomModel id="model"/>
+		<nav:NavigationBarBottomPresenter id="presenter" view="{this}"/>
+	</mx:Declarations>
+	
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<mx:Canvas width="100%" height="40" x="0" bottom="10" horizontalScrollPolicy="off">
+		<mx:ApplicationControlBar width="100%" height="40" verticalAlign="middle">
+			<mx:HBox id="searchBox" width="50%" horizontalScrollPolicy="off">
+				<mx:Label text="Search"/>
+				<mx:TextInput id="searchTextInput"/>
+			</mx:HBox>
+
+			<mx:Spacer width="100%" height="30"/>
+
+			<mx:HBox id="pageButtons">
+				<mx:Button id="logoutButton" label="Logout"/>
+			</mx:HBox>
+
+			<mx:Spacer width="100%" height="30"/>
+
+			<mx:HBox id="lastBox" width="33%" horizontalScrollPolicy="off">
+				<mx:Label text="Where the Possibilities are Endless..." fontFamily="Georgia" fontSize="18" color="#ffffff"/>
+			</mx:HBox>
+		</mx:ApplicationControlBar>
+	</mx:Canvas>
+	
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_left_model.as

@@ -0,0 +1,13 @@
+package <%= base_package %>.models.presentation {
+
+	import flash.events.Event;
+	import flash.events.EventDispatcher;
+
+	public class NavigationBarLeftModel extends EventDispatcher {
+		
+		/** Injector targets */
+		[Bindable] public var cmsMode:Boolean;
+		
+		
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_left_presenter.as

@@ -0,0 +1,10 @@
+package <%= base_package %>.views.navigation {
+
+	import com.fourD.emergent.core.EmergentPresenter;
+
+	public class NavigationBarLeftPresenter extends EmergentPresenter {
+		
+		public function NavigationBarLeftPresenter() {
+		}
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_left_view.mxml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent
+	xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:nav="<%= base_package %>.views.navigation.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%">
+	
+	<mx:Script>
+		<![CDATA[
+			import org.restfulx.Rx;
+			import org.restfulx.collections.ModelsCollection;
+
+
+			import <%= base_package %>.models.domain.Content;
+			
+			[Bindable] public var contentTree:ModelsCollection = new ModelsCollection();
+	
+		]]>
+	</mx:Script>
+	
+	<!-- Presenter and Model________________________________________________________ -->
+	
+	<!-- Presenter Wraps the View and Handles Navigation Animations
+		 Model allows you to easily call CRUD methods and handle sorting on data -->
+	<mx:Declarations>
+		<presentation:NavigationBarLeftModel id="model"/>
+		<nav:NavigationBarLeftPresenter id="presenter" view="{this}"/>
+	</mx:Declarations>
+	
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<mx:Panel paddingTop="15" verticalCenter="0" width="100%" height="100%">
+		
+	    <mx:Tree id="tree"
+			dataProvider="{contentTree}"
+			labelField="title" showRoot="false"
+			width="90%" height="90%"
+			verticalCenter="0" horizontalCenter="-1"/>
+
+	</mx:Panel>
+	
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_right_model.as

@@ -0,0 +1,13 @@
+package <%= base_package %>.models.presentation {
+
+	import flash.events.Event;
+	import flash.events.EventDispatcher;
+
+	public class NavigationBarRightModel extends EventDispatcher {
+		
+		/** Injector targets */
+		[Bindable] public var cmsMode:Boolean;
+		
+		
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_right_presenter.as

@@ -0,0 +1,10 @@
+package <%= base_package %>.views.navigation {
+
+	import com.fourD.emergent.core.EmergentPresenter;
+
+	public class NavigationBarRightPresenter extends EmergentPresenter {
+		
+		public function NavigationBarRightPresenter() {
+		}
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_right_view.mxml

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent
+	xmlns="http://ns.adobe.com/mxml/2009"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:nav="<%= base_package %>.views.navigation.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%">
+	
+	<Script>
+		<![CDATA[
+			import org.restfulx.Rx;
+	
+		]]>
+	</Script>
+	
+	<!-- Presenter and Model________________________________________________________ -->
+	
+	<!-- Presenter Wraps the View and Handles Navigation Animations
+		 Model allows you to easily call CRUD methods and handle sorting on data -->
+	<Declarations>
+		<presentation:NavigationBarRightModel id="model"/>
+		<nav:NavigationBarRightPresenter id="presenter" view="{this}"/>
+	</Declarations>
+	
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<Panel verticalCenter="0" width="15%" height="60%">
+
+	    <VBox id="modelsBox" width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
+			<ComboBox id="loginComboBox"
+				change="presenter.gotoUrl(event.currentTarget.selectedItem.url)">
+			    <dataProvider>
+			    	<ArrayCollection>
+			    		<Object label="User" url="me"/>
+			    		<Object label="All Users" url="us"/>
+			    		<Object label="Show Newest"/>
+						<Object label="Edit"/>
+						<Object label="Edit Newest"/>
+			    	</ArrayCollection>
+			    </dataProvider>
+			</ComboBox>
+
+		</VBox>
+
+	</Panel>
+	
+</core:EmergentComponent>

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_top_model.as

@@ -0,0 +1,13 @@
+package <%= base_package %>.models.presentation {
+
+	import flash.events.Event;
+	import flash.events.EventDispatcher;
+
+	public class NavigationBarTopModel extends EventDispatcher {
+		
+		/** Injector targets */
+		[Bindable] public var cmsMode:Boolean;
+		
+		
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_top_presenter.as

@@ -0,0 +1,10 @@
+package <%= base_package %>.views.navigation {
+
+	import com.fourD.emergent.core.EmergentPresenter;
+
+	public class NavigationBarTopPresenter extends EmergentPresenter {
+		
+		public function NavigationBarTopPresenter() {
+		}
+	}	
+}

data/rails_generators/emergent_config/templates/app/flex/application/views/navigation/navigation_bar_top_view.mxml

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<core:EmergentComponent
+	xmlns:mx="http://ns.adobe.com/mxml/2009"
+	xmlns:core="com.fourD.emergent.core.*"
+	xmlns:nav="<%= base_package %>.views.navigation.*"
+	xmlns:presentation="<%= base_package %>.models.presentation.*"
+	width="100%" height="100%">
+	
+	<mx:Script>
+		<![CDATA[
+			import org.restfulx.Rx;
+	
+		]]>
+	</mx:Script>
+	
+	<!-- Presenter and Model________________________________________________________ -->
+	
+	<!-- Presenter Wraps the View and Handles Navigation Animations
+		 Model allows you to easily call CRUD methods and handle sorting on data -->
+	<mx:Declarations>
+		<presentation:NavigationBarTopModel id="model"/>
+		<nav:NavigationBarTopPresenter id="presenter" view="{this}"/>
+	</mx:Declarations>
+	
+	<!-- GUI ______________________________________________________________________ -->
+	
+	<mx:Canvas width="100%" height="40" x="0" top="10" horizontalScrollPolicy="off">
+		<mx:ApplicationControlBar x="0" y="0" width="100%" height="40" verticalAlign="middle">
+			<mx:Label text="Welcome to <%= project_name %>" width="50%" fontFamily="Georgia" fontSize="18" color="#ffffff"/>
+
+			<mx:Spacer width="100%" height="30"/>
+
+			<mx:HBox id="mainButtons">
+				<mx:Button id="homeButton" label="Home"/>
+				<mx:Button id="aboutButton" label="About"/>
+				<mx:Button id="contactUsButton" label="Contact Us"/>
+			</mx:HBox>
+
+			<mx:Spacer width="100%" height="30"/>
+
+			<mx:HBox id="themeButtons" width="33%" horizontalScrollPolicy="off">
+				<mx:Label text="Toggle CMS Mode:" color="#ffffff"/>
+				<mx:Button id="cmsButton" label="CMS"/>
+				<mx:Button id="regularButton" label="Actual"/>
+			</mx:HBox>
+		</mx:ApplicationControlBar>
+	</mx:Canvas>
+	
+</core:EmergentComponent>