"video/ogg"),
new Video(
"http://ia700305.us.archive.org/18/items/CopyingIsNotTheft/CINT_Nik_H264_720_512kb.mp4",
"video/mp4"));
add(new Html5Player("video", Model.ofList(videos)));
add(new Code(
"video-code",
Model.of("List<Html5Player.IVideo> videos = Lists.<Html5Player.IVideo>newArrayList(\n"
+ "\t\tnew Video(\"video.ogv\", \"video/ogg\"),\n"
+ "\t\tnew Video(\"video.mp4\", \"video/mp4\")\n"
+ ");\n"
+ "add(new Html5Player(\"video\", Model.ofList(videos)));")));
add(new Html5Player("video-custom", Model.ofList(videos),
new Html5VideoConfig().showProgressBar(false)
.autoHideControlBar(false)).setWidth(680)
.setHeight(360));
add(new Code(
"video-custom-code",
Model.of("List<Html5Player.IVideo> videos = Lists.<Html5Player.IVideo>newArrayList(\n"
+ "\t\tnew Video(\"video.ogv\", \"video/ogg\"),\n"
+ "\t\tnew Video(\"video.mp4\", \"video/mp4\")\n"
+ ");\n"
+ "add(new Html5Player(\"video\", Model.ofList(videos),\n"
+ "\tnew Html5VideoConfig().showProgressBar(false).autoHideControlBar(false))\n"
+ "\t\t.setWidth(680).setHeight(360));")));
final List<? extends AbstractLink> buttons = Lists
.<AbstractLink> newArrayList(
new MenuBookmarkablePageLink<Void>(
DatePickerPage.class, Model.of("DatePicker"))
.setIconType(GlyphIconType.time),
new MenuBookmarkablePageLink<Void>(IssuesPage.class,
Model.of("Github Issues"))
.setIconType(GlyphIconType.book),
new MenuBookmarkablePageLink<Void>(
ExtensionsPage.class, Model.of("Extensions"))
.setIconType(GlyphIconType.qrcode));
final Component contextPanel = new TransparentWebMarkupContainer(
"context-panel");
final ButtonListContextMenu contextMenu = new ButtonListContextMenu(
"contextmenu", Model.ofList(buttons));
contextMenu.assignTo(contextPanel);
add(contextMenu,
contextPanel,
new Code(
"context-code",
Model.of(""
+ "final List<? extends AbstractLink> buttons = Lists.<AbstractLink>newArrayList(\n"
+ "\tnew MenuBookmarkablePageLink<>(...),\n"
+ "\t[...]\n"
+ ");\n"
+ "final Component contextPanel = new TransparentWebMarkupContainer(\"context-panel\");\n"
+ "final ButtonListContextMenu contextMenu = new ButtonListContextMenu(\"contextmenu\", \n"
+ "\t\tModel.ofList(buttons));\n"
+ "contextMenu.assignTo(contextPanel);\n"
+ "add(contextMenu, contextPanel,")));
Modal<String> draggableModal = new TextContentModal(
"draggable-modal",
Model.of("Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."));
// draggableModal.add(new Draggable(new
// DraggableConfig().withHandle(".modal-header").withCursor("move")));
// draggableModal.add(new Resizable());
draggableModal.setUseKeyboard(true).addCloseButton();
draggableModal.setFadeIn(false);
Label draggableButton = new Label("open-draggable", "Open Modal Dialog");
draggableModal.addOpenerAttributesTo(draggableButton);
add(draggableModal, draggableButton,
new Code("draggable-code", Model.of("")));
DropDownButton dropDownButton = new DropDownButton("dropdown",
Model.of("open-on-hover")) {
@Override
protected List<AbstractLink> newSubMenuButtons(String buttonMarkupId) {
return Lists.<AbstractLink> newArrayList(
new MenuBookmarkablePageLink<Void>(
DatePickerPage.class, Model.of("DatePicker"))
.setIconType(GlyphIconType.time),
new MenuBookmarkablePageLink<Void>(IssuesPage.class,
Model.of("Github Issues"))
.setIconType(GlyphIconType.book),
new MenuBookmarkablePageLink<Void>(
ExtensionsPage.class, Model.of("Extensions"))
.setIconType(GlyphIconType.qrcode));
}
};
dropDownButton.add(new DropDownAutoOpen());
add(dropDownButton,
new Code("dropdown-code", Model
.of("dropDownButton.add(new DropDownAutoOpen());")));
addTour();
add(new Icon("html5-colored", OpenWebIconType.html5_colored),
new Icon("apml", OpenWebIconType.apml), new Icon("feed",
OpenWebIconType.feed_colored));
add(new Icon("html5", OpenWebIconType.html5),
new Code(
"openwebicon-code",
Model.of("response.render(JavaScriptHeaderItem.forReference(OpenWebIconsCssReference.instance()));\n\nadd(new Icon(\"html5\", OpenWebIconType.html5));")));
addJasnyFileUploadDemo();
addJasnyInputMaskDemo();