/// <summary>
/// This is a javascript application.
/// </summary>
/// <param name="page">HTML document rendered by the web server which can now be enhanced.</param>
public Application(IApp page)
{
bool isVisible = false;
var fontAwsome = new TTF.fontawesome_webfont();
var dashboard = new MenuButton();
dashboard.ButtonText.innerText = "Dashboard";
dashboard.MenuButton.css.hover.style.backgroundColor = "#97829a";
dashboard.ButtonText.css.before.style.fontFamily = fontAwsome;
dashboard.ButtonText.css.before.contentText = "\xf009";
dashboard.ButtonText.css.before.style.paddingRight = "5px";
var games = new MenuButton();
games.ButtonText.innerText = "games";
games.MenuButton.css.hover.style.backgroundColor = "#97829a";
games.ButtonText.css.before.style.fontFamily = fontAwsome;
games.ButtonText.css.before.contentText = "\xf11b";
games.ButtonText.css.before.style.paddingRight = "5px";
var menu = new SliderMenu();
menu.MenuHeader.innerText = "Abstractatech";
menu.SliderMenu.style.fontFamily = new TTF.OpenSans_Semibold();
dashboard.AttachTo(menu.SliderMenu);
games.AttachTo(menu.SliderMenu);
menu.AttachTo(page.MenuHolder);
page.Click.onclick += delegate
{
if (!isVisible)
{
isVisible = true;
page.MenuHolder.style.width = "15em";
menu.SliderMenu.style.width = "15em";
}
else
{
isVisible = false;
page.MenuHolder.style.width = "0em";
menu.SliderMenu.style.width = "0em";
}
};
#region Styles
new IStyle(menu.SliderMenu)
{
transition = "width 0.5s ease-in-out",
Opacity = 1,
width = "0em"
};
new IStyle(page.MenuHolder)
{
transition = "width 0.5s ease-in-out",
Opacity = 1,
width = "0em"
};
page.Click.style.fontFamily = fontAwsome;
page.Click.innerText = "\xf00b";
new IStyle(page.Click)
{
border = "0",
color = "#fff",
fontSize = "2em",
padding = "10px 10px 7px 10px",
backgroundColor = "#97829a"
};
#endregion
}
/// <summary>
/// This is a javascript application.
/// </summary>
/// <param name="page">HTML document rendered by the web server which can now be enhanced.</param>
public Application(IApp page)
{
bool isVisible = false;
var fontAwsome = new TTF.fontawesome_webfont();
var dashboard = new MenuButton();
dashboard.ButtonText.innerText = "Dashboard";
dashboard.MenuButton.css.hover.style.backgroundColor = "#97829a";
dashboard.ButtonText.css.before.style.fontFamily = fontAwsome;
dashboard.ButtonText.css.before.contentText = "\xf009";
dashboard.ButtonText.css.before.style.paddingRight = "5px";
var games = new MenuButton();
games.ButtonText.innerText = "games";
games.MenuButton.css.hover.style.backgroundColor = "#97829a";
games.ButtonText.css.before.style.fontFamily = fontAwsome;
games.ButtonText.css.before.contentText = "\xf11b";
games.ButtonText.css.before.style.paddingRight = "5px";
var menu = new SliderMenu();
menu.MenuHeader.innerText = "Abstractatech";
menu.SliderMenu.style.fontFamily = new TTF.OpenSans_Semibold();
dashboard.AttachTo(menu.SliderMenu);
games.AttachTo(menu.SliderMenu);
menu.AttachTo(page.MenuHolder);
page.Click.onclick += delegate
{
if (!isVisible)
{
isVisible = true;
page.MenuHolder.style.width = "15em";
menu.SliderMenu.style.width = "15em";
}
else
{
isVisible = false;
page.MenuHolder.style.width = "0em";
menu.SliderMenu.style.width = "0em";
}
};
#region Styles
new IStyle(menu.SliderMenu)
{
transition = "width 0.5s ease-in-out",
Opacity = 1,
width = "0em"
};
new IStyle(page.MenuHolder)
{
transition = "width 0.5s ease-in-out",
Opacity = 1,
width = "0em"
};
page.Click.style.fontFamily = fontAwsome;
page.Click.innerText = "\xf00b";
new IStyle(page.Click)
{
border = "0",
color="#fff",
fontSize = "2em",
padding = "10px 10px 7px 10px",
backgroundColor = "#97829a"
};
#endregion
}