[Fuse X]MainView

MainView.ux

<App>
	<Panel>
		<JavaScript File="MainView.js" />
		<Router ux:Name="router" />
		<Navigator DefaultPath="login">
			<LoginPage ux:Template="login" router="router" />
			<MapPage ux:Template="map" router="router" />	
			<ListPage ux:Template="list" router="router" />
			<UserPage ux:Template="user" router="router" />

			<SettingPage ux:Template="setting" router="router" />
			<SearchPage ux:Template="search" router="router" />
			<InfoPage ux:Template="info" router="router" />
			<PlusCategoryPage ux:Template="plus" router="router" />
			<SelectPage ux:Template="select" router="router" />
			<AddPage ux:Template="add" router="router" />
			<QuestionPage ux:Template="question" router="router" />
			<Question2 ux:Template="question2" router="router" />
			<ShowPage ux:Template="show" router="router" />
			<GameSelectPage ux:Template="gameSelect" router="router" />


		</Navigator>
	</Panel>
</App>

 

 

 

 

 

 

 

Mainview.js

var Observable = require("FuseJS/Observable");
var cards = [
	{
		title: "FREE LIMITED LP",
		Name: "PIGPIG",
		NamePic: "Assets/Name1.png",
		cover: "Assets/dish1.jpg",
		Reviews: "614",
	},
	{
		title: "BETTER ASH THAN DUST",
		Name: "To Your Guns",
		NamePic: "Assets/Name1.png",
		cover: "Assets/dish2.jpg",
		Reviews: "326",

	},
	{
		title: "SHOKKA",
		Name: "Nasty",
		NamePic: "Assets/Name1.png",
		cover: "Assets/dish3.jpg",
		Reviews: "282",

	}
];

module.exports={

	dismissMenu : function() { edge.dismiss() },
	
	gotoLogin : function() { router.goto("login");},
	gotoMap : function() { router.goto("map");},
	gotoList : function() { router.goto("list")},	
	gotoUser : function() { router.goto("user")},
	
	gotoSetting : function() { router.goto("setting");},
	gotoSearch : function() { router.goto("search")},
	gotoInfo : function() { router.goto("info")},
	gotoPlus : function() { router.goto("plus")},
	gotoSelect : function() { router.goto("select")},
	gotoAdd : function() { router.goto("add")},
	gotoQuestion : function() { router.goto("question")},
	gotoQuestion2 : function() { router.goto("question2")},
	gotoShow : function() { router.goto("show")},
	gotoGameSelect : function() { router.goto("gameSelect")},

	gotoOne : function() { router.goto( "login" )},
	gotoTwo : function() { router.goto( "list" )},
	gotoThree : function() { router.goto( "setting" )},
	gotoAccount : function() { router.goto( "user" )},
	cards: cards
};

 

 

 

 

 

 

 

description.yaml

name: Application navigation
desc: Multi-level application navigation with
api:
    -   
        class: Fuse.AlternateRoot
        desc: Pages place content in a common title area
    -
        class: Fuse.Resources.ResourceObject
        desc: Assigns a node to a resource for use later in an `AlternateRoot`.
    -
        class: Fuse.Triggers.Actions.RaiseUserEvent
        desc: Coordinates display and dismissal of side menu
    -
        class: Fuse.Triggers.OnUserEvent
        desc: Coordinates display and dismissal of side menu
    -
        class: Fuse.UserEvent
        desc: Coordinates display and dismissal of side menu
    -
        class: Fuse.Navigation.Router
        desc: Navigation control for a multi-level application
    -
        class: Fuse.Controls.Navigator
        desc: Navigation between application pages
    -
        class: Fuse.Controls.PageControl
        desc: Navigation between application pages
    -
        class: Fuse.Controls.PageIndicator
        desc: Dynamic action bar for navigation in application
    -   
        class: Fuse.Controls.Container
        desc: Combined with AlternateRoot to display page specific elements in the title bar

 

 

 

 

 

 

COOKEAT.unoproj

{
  "RootNamespace":"",
  "Packages": [
    "Fuse.Maps",
    "Fuse",
    "FuseJS"

  ],
  "Includes": [
    "pages/*.ux",
    "*.ux",
    "Assets/*.png",
    "Assets/*.jpg",
    "*.png",
    "*"
    
  ]
}