//Called when application is started.
function OnStart()
{    
    //Lock screen orientation to Portrait.
    app.SetOrientation( "Portrait" );
 
//Create the main app layout with objects vertically centered.
layMain = app.CreateLayout( "Linear", "VCenter,FillXY" );
layMain.SetBackground( "/Res/drawable/android" );
 
//Create a text label and add it to main layout.
txt = app.CreateText( "<-- swipe from left" );
txt.SetTextSize( 24, "dip" );
layMain.AddChild( txt );
 
//Create a drawer containing a menu list.
CreateDrawer();
 
//Add main layout and drawer to app.
app.AddLayout( layMain );
app.AddDrawer( drawerScroll, "Left", drawerWidth );
}
 
//Create the drawer contents.
function CreateDrawer()
{
    //Create a layout for the drawer.
//(Here we also put it inside a scroller to allow for long menus)
drawerWidth = 0.75;
    drawerScroll = app.CreateScroller( drawerWidth, 1 );
    drawerScroll.SetBackColor( "White" );
layDrawer = app.CreateLayout( "Linear", "Left" );
drawerScroll.AddChild( layDrawer );
 
//Create layout for top of drawer.
layDrawerTop = app.CreateLayout( "Absolute" );
layDrawerTop.SetBackground( "/Sys/Img/GreenBack.png" );
layDrawerTop.SetSize( drawerWidth, 0.23 );
layDrawer.AddChild( layDrawerTop );
 
//Add an icon to top layout.
var img = app.CreateImage( "/Sys/Img/Icon.png", 0.15 );
img.SetPosition( drawerWidth*0.06, 0.04 );
layDrawerTop.AddChild( img );
 
//Add user name to top layout.
var txtUser = app.CreateText( "Dave Smart",-1,-1,"Bold");
txtUser.SetPosition( drawerWidth*0.07, 0.155 );
txtUser.SetTextColor( "White" );
txtUser.SetTextSize( 13.7, "dip" );
layDrawerTop.AddChild( txtUser );
 
//Add user email to top layout.
txtEmail = app.CreateText( "david@droidscript.org");
txtEmail.SetPosition( drawerWidth*0.07, 0.185 );
txtEmail.SetTextColor( "#bbffffff" );
txtEmail.SetTextSize( 14, "dip" );
layDrawerTop.AddChild( txtEmail );
 
//Create menu layout.
var layMenu = app.CreateLayout( "Linear", "Left" );
layDrawer.AddChild( layMenu );
 
    //Add a list to menu layout (with the menu style option).
    var listItems = "Primary::[fa-home],Social::[fa-users],Promotions::[fa-tag]";
    lstMenu1 = app.CreateList( listItems, drawerWidth, -1, "Menu,Expand" );
    lstMenu1.SetColumnWidths( -1, 0.35, 0.18 );
    lstMenu1.SelectItemByIndex( 0, true );
    lstMenu1.SetItemByIndex( 0, "Primary", 21 );
    lstMenu1.SetOnTouch( lstMenu_OnTouch );
    layMenu.AddChild( lstMenu1 );
 
    //Add seperator to menu layout.
    var sep = app.CreateImage( null, drawerWidth,0.001,"fix", 2,2 );
    sep.SetSize( -1, 1, "px" );
    sep.SetColor( "#cccccc" );
    layMenu.AddChild( sep );
 
    //Add title between menus.
txtTitle = app.CreateText( "All labels",-1,-1,"Left");
txtTitle.SetTextColor( "#666666" );
txtTitle.SetMargins( 16,12,0,0, "dip" );
txtTitle.SetTextSize( 14, "dip" );
layMenu.AddChild( txtTitle );
 
    //Add a second list to menu layout.
    var listItems = "Starred::[fa-star],Important::[fa-flag],Settings::[fa-cog]";
    lstMenu2 = app.CreateList( listItems, drawerWidth, -1, "Menu,Expand" );
    lstMenu2.SetColumnWidths( -1, 0.35, 0.18 );
    lstMenu2.SetOnTouch( lstMenu_OnTouch );
    layMenu.AddChild( lstMenu2 );
}
 
//Handle menu item selection.
function lstMenu_OnTouch( title, body, type, index )
{
    //Close the drawer.
    app.CloseDrawer( "Left" );
 
    //Highlight the chosen menu item in the appropriate list.
    if( this==lstMenu1 ) lstMenu2.SelectItemByIndex(-1);
    else lstMenu1.SelectItemByIndex(-1);
    this.SelectItemByIndex( index, true );
 
    app.ShowPopup( title );
}
 
//Called when a drawer is opened or closed.
function OnDrawer( side, state )
{
    console.log( side + " : " + state );
}
 
//Called when hardware menu key pressed.
function OnMenu( name )
{  
   app.OpenDrawer();
}