public static void PlayerEventListener(XdkPlayerEvent evt)
{
try
{
HtmlElement log = HtmlElement.GetById("log");
PrependToLog(log, BuildMessage(evt));
JsString src_img_play = "";
switch (evt.type)
{
case XdkPlayerEventType.PlayerStationStart:
case XdkPlayerEventType.PlayerShoutcastStart:
src_img_play = "images/Pause.png";
boolPlaying = true;
break;
case XdkPlayerEventType.PlayerStationStop:
case XdkPlayerEventType.PlayerShoutcastStop:
src_img_play = "images/Play.png";
boolPlaying = false;
break;
case XdkPlayerEventType.PlayerStationPause:
case XdkPlayerEventType.PlayerShoutcastPause:
src_img_play = "images/Play.png";
boolPaused = true;
break;
}
HtmlImageElement.GetById("play").src = src_img_play;
}
catch (JsError e)
{
Alert("something bad happened in playerEventListener: " + e.message);
}
}
public void Init(CameraOptions objOptions)
{
Xdk.OnCameraPictureAdd += OnCamera;
Xdk.OnCameraPictureBusy += OnCamera;
Xdk.OnCameraPictureCancel += OnCamera;
console.Log("camera object wrapper initialized");
if (objOptions.inject != null)
{
//inject a div to display an image and a camera button
HtmlDivElement cameraDiv = new HtmlDivElement();
cameraDiv.id = "cameradiv";
document.body.AppendChild(cameraDiv);
HtmlImageElement imgLarge = new HtmlImageElement();
imgLarge.id = "largeImage";
imgLarge.style.display = "none";
Element.GetById("cameradiv").AppendChild(imgLarge);
HtmlButtonElement btnCapture = new HtmlButtonElement();
btnCapture.id = "btnPicture";
btnCapture.innerText = "Take Picture";
Xdk.multitouch.Add(btnCapture, TouchEventType.TouchStart, CapturePhoto);
Element.GetById("cameradiv").AppendChild(btnCapture);
}
}
/// <summary>
/// Gets a suitable image candidate for the provided image element.
/// </summary>
/// <param name="img">The element to use.</param>
/// <returns>The possibly valid URL to the right candidate.</returns>
public static Url GetImageCandidate(this HtmlImageElement img)
{
var owner = img.Owner;
var srcset = new SourceSet(owner);
var options = owner.Options;
var sources = img.GetSources();
while (sources.Count > 0)
{
var source = sources.Pop();
var type = source.Type;
if (!String.IsNullOrEmpty(type) && options.GetResourceService <IImageInfo>(type) == null)
{
continue;
}
foreach (var candidate in srcset.GetCandidates(source.SourceSet, source.Sizes))
{
return(new Url(img.BaseUrl, candidate));
}
}
foreach (var candidate in srcset.GetCandidates(img.SourceSet, img.Sizes))
{
return(new Url(img.BaseUrl, candidate));
}
return(Url.Create(img.Source));
}
public void ImageProperties()
{
var image = new HtmlImageElement
{
Height = "1",
Width = "2"
};
Assert.Equal("1", image.Height);
Assert.Equal("2", image.Width);
}
public HtmlElement GetPrimaryPresentationNode(DomElement hostNode)
{
if (_pnode != null)
{
return(_pnode);
}
//---------------------------------
var ownerdoc = (HtmlDocument)hostNode.OwnerDocument;
_pnode = ownerdoc.CreateHtmlDiv();
//---------------------------------
//bar part
_pnode.AddHtmlDivElement(node_bar =>
{
_nodeBar = node_bar;
node_bar.AddHtmlImageElement(node_icon =>
{
_nodeIcon = node_icon;
SetupNodeIconBehaviour(node_icon);
});
node_bar.AddHtmlSpanElement(node_span =>
{
_nodeSpan = node_span;
if (NodeText != null)
{
node_span.AddTextContent(NodeText);
}
});
});
//---------------------------------
//content part
//indent
_pnode.AddHtmlDivElement(node_body =>
{
_nodeBody = node_body;
node_body.SetStyleAttribute("padding-left:17px");
node_body.AddHtmlDivElement(node_content =>
{
_nodeContent = node_content;
if (_childNodes != null)
{
_nodeContent.SetStyleAttribute("padding-left:0px");
int j = _childNodes.Count;
for (int i = 0; i < j; ++i)
{
var childnode = _childNodes[i].GetPrimaryPresentationNode(_nodeContent);
node_content.AddChild(childnode);
}
}
});
});
return(_pnode);
}
public static void Initialize()
{
PrepareTheBody();
CreateCanvasElement();
WindowRenderSize = new Rectangle(0, 0, HtmlContext.window.innerWidth, HtmlContext.window.innerHeight);
_playerImage = new HtmlImageElement();
_playerImage.src = "images/orc.png";
HtmlContext.document.body.appendChild(_playerImage);
_characterRenderers = new List <CanvasCharacterRenderer>();
Resize();
}
public void ShowPictureList()
{
JsArray<JsString> arrPictureList = Xdk.camera.GetPictureList();
if (arrPictureList.length > 1)
{
Xdk.camera.DeletePicture(arrPictureList[0]);
arrPictureList = Xdk.camera.GetPictureList();
}
Element.GetById("largeImage").style.display = "none";
for (var x = 0; x < arrPictureList.length; x++)
{
// create image
HtmlImageElement newImage = new HtmlImageElement();
newImage.src = Xdk.camera.GetPictureUrl(arrPictureList[x]);
newImage.style.width = "100px";
newImage.style.height = "100px";
newImage.id = HtmlImageElement.GetById("img_" + arrPictureList[x]).id;
document.body.AppendChild(newImage);
}
}
public static void PlayButton()
{
if (boolPlaying)
{
if (boolPaused == false)
{
Xdk.player.Pause();
HtmlImageElement.GetById("play").src = "images/Play.png";
}
else
{
Xdk.player.Play();
HtmlImageElement.GetById("play").src = "images/Pause.png";
}
}
else
{
//start playing
Music();
}
}
public static void UpdateOrientation(int orientation)
{
HtmlImageElement bg = HtmlImageElement.GetById("bg");
HtmlImageElement note = HtmlImageElement.GetById("note");
HtmlElement orient = HtmlElement.GetById("orient");
if (orientation == 0 || orientation == 180)
{
bg.src = "app_bg_port.jpg";
note.src = "note_port.png";
note.style.top = "134px";
}
else
{
bg.src = "app_bg_ls.jpg";
note.src = "note_ls.png";
note.style.top = "102px";
}
orient.innerHTML = orientation.As <JsString>();
HtmlElement.GetById("body").style.visibility = "visible";
}
public void ShowPictureList()
{
JsArray <JsString> arrPictureList = Xdk.camera.GetPictureList();
if (arrPictureList.length > 1)
{
Xdk.camera.DeletePicture(arrPictureList[0]);
arrPictureList = Xdk.camera.GetPictureList();
}
Element.GetById("largeImage").style.display = "none";
for (var x = 0; x < arrPictureList.length; x++)
{
// create image
HtmlImageElement newImage = new HtmlImageElement();
newImage.src = Xdk.camera.GetPictureUrl(arrPictureList[x]);
newImage.style.width = "100px";
newImage.style.height = "100px";
newImage.id = HtmlImageElement.GetById("img_" + arrPictureList[x]).id;
document.body.AppendChild(newImage);
}
}
public void OnCamera(XdkCameraEvent evt)
{
switch (evt.type)
{
case XdkCameraEventType.CameraPictureAdd:
if (evt.success == true)
{
// create image
HtmlImageElement largeImage = HtmlImageElement.GetById("largeImage");
//show the filename in the console
console.Log(evt.filename);
//save the image
largeImage.src = Xdk.camera.GetPictureUrl(evt.filename);
largeImage.style.width = "480px";
largeImage.style.display = "block";
}
else
{
if (evt.message != undefined)
{
Alert(evt.message);
}
else
{
Alert("error taking picture");
}
}
break;
case XdkCameraEventType.CameraPictureBusy:
console.Log("busy");
break;
case XdkCameraEventType.CameraPictureCancel:
console.Log("canceled");
break;
}
}
public static void SetHeightAndWidth()
{
HtmlElement width = HtmlElement.GetById("width");
HtmlElement height = HtmlElement.GetById("height");
HtmlElement data = HtmlElement.GetById("data");
HtmlElement note = HtmlElement.GetById("note");
HtmlImageElement bg = HtmlImageElement.GetById("bg");
width.innerHTML = window.innerWidth.As <JsString>();
height.innerHTML = window.innerHeight.As <JsString>();
data.style.top = ((window.innerWidth) / 3) + "px";
note.style.left = ((window.innerWidth) / 4) + "px";
//app_bg_ls.jpg is 1446x748, app_bg_ls.jpg is 768x1306
//check if src ends with 'app_bg_ls.jpg'
if (new JsRegExp("app_bg_ls.jpg$").Test(bg.src))
{
bg.style.left = (((1446 - window.innerWidth) / 2) * -1) + "px";
}
else
{
bg.style.left = (((768 - window.innerWidth) / 2) * -1) + "px";
}
}
public void DrawImage(HtmlImageElement image, double dx, double dy, double dw, double dh) { }
public void SetDragImage(HtmlImageElement image, int x, int y) { }
public void Init(CameraOptions objOptions)
{
Xdk.OnCameraPictureAdd += OnCamera;
Xdk.OnCameraPictureBusy += OnCamera;
Xdk.OnCameraPictureCancel += OnCamera;
console.Log("camera object wrapper initialized");
if (objOptions.inject != null)
{
//inject a div to display an image and a camera button
HtmlDivElement cameraDiv = new HtmlDivElement();
cameraDiv.id = "cameradiv";
document.body.AppendChild(cameraDiv);
HtmlImageElement imgLarge = new HtmlImageElement();
imgLarge.id = "largeImage";
imgLarge.style.display = "none";
Element.GetById("cameradiv").AppendChild(imgLarge);
HtmlButtonElement btnCapture = new HtmlButtonElement();
btnCapture.id = "btnPicture";
btnCapture.innerText = "Take Picture";
Xdk.multitouch.Add(btnCapture, TouchEventType.TouchStart, CapturePhoto);
Element.GetById("cameradiv").AppendChild(btnCapture);
}
}
public void DrawImage(HtmlImageElement image, double dx, double dy, double dw, double dh)
{
}
public CanvasPattern CreatePattern(HtmlImageElement image, JsString repetitionType)
{
return(default(CanvasPattern));
}
public CanvasPattern CreatePattern(HtmlImageElement image, JsString repetitionType) { return default(CanvasPattern); }
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh) { }
//
public DomElement GetPresentationDomNode(DomElement hostNode)
{
if (_pnode != null)
{
return(_pnode);
}
//-----------------------------------
var doc = (HtmlDocument)hostNode.OwnerDocument;
_pnode = doc.CreateHtmlDiv();
_pnode.AddHtmlImageElement(item_icon =>
{
_menuIcon = item_icon;
_menuIcon.AttachMouseDownEvent(e =>
{
//****
this.MaintainParentOpenState();
if (this.IsOpened)
{
this.Close();
}
else
{
this.Open();
}
e.StopPropagation();
});
_menuIcon.AttachMouseUpEvent(e =>
{
this.UnmaintenanceParentOpenState();
e.StopPropagation();
});
_menuIcon.AttachEvent(UI.UIEventName.MouseLostFocus, e =>
{
if (!this.MaintainOpenState)
{
this.CloseRecursiveUp();
}
});
});
_pnode.AddHtmlSpanElement(content =>
{
if (MenuItemText != null)
{
_pnode.AddTextContent(this.MenuItemText);
}
});
//--------------------------------------------------------
//create simple menu item box
if (_childItems != null)
{
_floatPart = new MenuBox(200, 200);
int j = _childItems.Count;
for (int i = 0; i < j; ++i)
{
_floatPart.AddChildBox(_childItems[i]);
}
}
return(_pnode);
}
public void TexSubImage2D(int target, int level, int xoffset, int yoffset, int format, int type, HtmlImageElement image)
{
}
public void DrawImageFromRect(HtmlImageElement image)
{
}
public void TexSubImage2D(int target, int level, int xoffset, int yoffset, int format, int type, HtmlImageElement image) { }
public void TexImage2D(int target, int level, int internalformat, int format, int type, HtmlImageElement image) { }
public void SetDragImage(HtmlImageElement image, int x, int y)
{
}
public void DrawImageFromRect(HtmlImageElement image) { }
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw) { }
public void TexImage2D(int target, int level, int internalformat, int format, int type, HtmlImageElement image)
{
}
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh, JsString compositeOperation) { }
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh)
{
}
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw)
{
}
public void DrawImageFromRect(HtmlImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh, JsString compositeOperation)
{
}
