List of usage examples for com.google.gwt.user.client.ui HTMLPanel HTMLPanel
private HTMLPanel(Element elem)
From source file:org.rstudio.studio.client.workbench.views.source.editors.text.ChunkPlotPage.java
License:Open Source License
public ChunkPlotPage(final String url, NotebookPlotMetadata metadata, int ordinal, final Command onRenderComplete, ChunkOutputSize chunkOutputSize) { super(ordinal); thumbnail_ = new HTMLPanel(""); if (ChunkPlotWidget.isFixedSizePlotUrl(url)) { final Image thumbnail = new Image(); thumbnail_.add(thumbnail);/*from w w w . j ava2 s .c o m*/ thumbnail_.getElement().getStyle().setTextAlign(TextAlign.CENTER); plot_ = new ChunkPlotWidget(url, metadata, new Command() { @Override public void execute() { ImageElementEx plot = plot_.getElement().cast(); ImageElementEx img = thumbnail.getElement().cast(); if (plot.naturalHeight() < plot.naturalWidth()) { img.getStyle().setProperty("width", "100%"); img.getStyle().setProperty("height", "auto"); } else { img.getStyle().setProperty("height", "100%"); img.getStyle().setProperty("width", "auto"); } thumbnail.setUrl(url); onRenderComplete.execute(); } }, chunkOutputSize); } else { // automatically expand non-fixed plots thumbnail_.add(new FixedRatioWidget(new Image(url), ChunkOutputUi.OUTPUT_ASPECT, 100)); plot_ = new ChunkPlotWidget(url, metadata, onRenderComplete, chunkOutputSize); } // look for messages or warnings in metadata boolean hasMessages = false; boolean hasWarnings = false; if (metadata != null) { for (int i = 0; i < metadata.getConditions().length(); i++) { int condition = metadata.getConditions().get(i).getInt(0); if (condition == ChunkConditionBar.CONDITION_MESSAGE) hasMessages = true; else if (condition == ChunkConditionBar.CONDITION_WARNING) hasWarnings = true; } } if (hasMessages || hasWarnings) { Image condImage = new Image(); if (hasWarnings) condImage.setResource(new ImageResource2x(ThemeResources.INSTANCE.warningSmall2x())); else if (hasMessages) condImage.setResource(new ImageResource2x(ThemeResources.INSTANCE.infoSmall2x())); condImage.setWidth("8px"); condImage.setHeight("7px"); Style style = condImage.getElement().getStyle(); style.setPosition(Position.ABSOLUTE); style.setBottom(5, Unit.PX); style.setRight(5, Unit.PX); thumbnail_.add(condImage); } }
From source file:org.rstudio.studio.client.workbench.views.source.editors.text.ChunkPlotWidget.java
License:Open Source License
public ChunkPlotWidget(String url, NotebookPlotMetadata metadata, final Command onRenderComplete, ChunkOutputSize chunkOutputSize) { plot_ = new Image(); url_ = url;//from www . j av a2s . c om metadata_ = metadata; chunkOutputSize_ = chunkOutputSize; DOM.sinkEvents(plot_.getElement(), Event.ONLOAD); DOM.setEventListener(plot_.getElement(), new EventListener() { @Override public void onBrowserEvent(Event event) { if (DOM.eventGetType(event) != Event.ONLOAD) return; // if the image is of fixed size, just clamp its width to the // editor surface while preserving its aspect ratio if (isFixedSizePlotUrl(plot_.getUrl())) { ImageElementEx img = plot_.getElement().cast(); img.getStyle().setProperty("height", "auto"); img.getStyle().setProperty("maxWidth", "100%"); } plot_.setVisible(true); if (onRenderComplete != null) onRenderComplete.execute(); } }); // start loading plot_.setUrl(url); Widget root = plot_; if (isFixedSizePlotUrl(url)) { if (chunkOutputSize_ == ChunkOutputSize.Full) { HTMLPanel panel = new HTMLPanel(""); panel.add(plot_); host_ = panel; root = panel; } else { // if the plot is of fixed size, emit it directly, but make it // initially invisible until we get sizing information (as we may // have to downsample) plot_.setVisible(false); } } else if (chunkOutputSize_ == ChunkOutputSize.Full) { HTMLPanel panel = new HTMLPanel(""); panel.getElement().getStyle().setWidth(100, Unit.PCT); panel.getElement().getStyle().setProperty("display", "-ms-flexbox"); panel.getElement().getStyle().setProperty("display", "-webkit-flex"); panel.getElement().getStyle().setProperty("display", "flex"); panel.getElement().getStyle().setProperty("msFlexGrow", "1"); panel.getElement().getStyle().setProperty("webkitFlexGrow", "1"); panel.getElement().getStyle().setProperty("flexGrow", "1"); panel.getElement().getStyle().setProperty("backgroundImage", "url(\"" + url + "\")"); panel.getElement().getStyle().setProperty("backgroundSize", "100% 100%"); plotDiv_ = panel; host_ = panel; root = panel; } else { // if we can scale the plot, scale it FixedRatioWidget fixedFrame = new FixedRatioWidget(plot_, ChunkOutputUi.OUTPUT_ASPECT, ChunkOutputUi.MAX_PLOT_WIDTH); host_ = fixedFrame; root = fixedFrame; } // if there's metadata to display, further wrap the widget with it if (metadata != null && metadata.getConditions().length() > 0) { // otherwise, group with metadata HTMLPanel outer = new HTMLPanel(""); conditions_ = new ChunkConditionBar(metadata.getConditions(), chunkOutputSize_); conditions_.onEditorThemeChanged(ChunkOutputWidget.getEditorColors()); outer.add(conditions_); outer.add(root); outer.setWidth("100%"); if (chunkOutputSize_ == ChunkOutputSize.Full) { outer.getElement().getStyle().setProperty("display", "-ms-flexbox"); outer.getElement().getStyle().setProperty("display", "-webkit-flex"); outer.getElement().getStyle().setProperty("display", "flex"); outer.getElement().getStyle().setProperty("msFlexDirection", "column"); outer.getElement().getStyle().setProperty("webkitFlexDirection", "column"); outer.getElement().getStyle().setProperty("flexDirection", "column"); outer.getElement().getStyle().setProperty("msFlexGrow", "1"); outer.getElement().getStyle().setProperty("webkitFlexGrow", "1"); outer.getElement().getStyle().setProperty("flexGrow", "1"); } else { outer.setHeight("100%"); } root = outer; } initWidget(root); }
From source file:org.rstudio.studio.client.workbench.views.source.editors.text.ui.NewRMarkdownDialog.java
License:Open Source License
private Widget createFormatOption(String name, String description) { HTMLPanel formatWrapper = new HTMLPanel(""); formatWrapper.setStyleName(style.outputFormat()); SafeHtmlBuilder sb = new SafeHtmlBuilder(); sb.appendHtmlConstant("<span class=\"" + style.outputFormatName() + "\">"); sb.appendEscaped(name);//from w w w . j a v a2 s .c o m sb.appendHtmlConstant("</span>"); RadioButton button = new RadioButton("DefaultOutputFormat", sb.toSafeHtml().asString(), true); button.addStyleName(style.outputFormatChoice()); formatOptions_.add(button); formatWrapper.add(button); Label label = new Label(description); label.setStyleName(style.outputFormatDetails()); formatWrapper.add(label); return formatWrapper; }
From source file:org.silverpeas.mobile.client.apps.contacts.pages.widgets.ContactItem.java
License:Open Source License
public void setData(DetailUserDTO userData) { if (userData.getAvatar().isEmpty()) { Image avatar = new Image(resources.avatar()); avatar.getElement().removeAttribute("height"); avatar.getElement().removeAttribute("width"); user.add(avatar);/*from w ww. ja va 2 s .co m*/ } else { user.add(new Image(userData.getAvatar())); } String html = userData.getFirstName() + " " + userData.getLastName() + " <span class='status'>" + userData.getStatus() + "</span>"; if (userData.getConnected()) html += "<span class='connected'></span>"; user.add(new HTML(html)); mail.setText(userData.geteMail()); if (userData.geteMail() == null || userData.geteMail().isEmpty()) { mail.setHTML(" "); } mail.setHref("mailto:" + userData.geteMail()); int nbTel = 0; if (userData.getPhoneNumber() != null && !userData.getPhoneNumber().isEmpty()) { Anchor tel1 = new Anchor(); tel1.setStyleName("tel-link"); tel1.setText(userData.getPhoneNumber()); tel1.setHref("tel:" + userData.getPhoneNumber()); tel.add(tel1); nbTel++; } if (userData.getCellularPhoneNumber() != null && !userData.getCellularPhoneNumber().isEmpty()) { if (nbTel == 1) { tel.add(new InlineHTML(" | ")); } Anchor tel2 = new Anchor(); tel2.setStyleName("tel-link"); tel2.setText(userData.getCellularPhoneNumber()); tel2.setHref("tel:" + userData.getCellularPhoneNumber()); tel.add(tel2); Anchor sms = new Anchor(); sms.setHref("sms:" + userData.getCellularPhoneNumber()); Image smsImg = new Image(resourcesContact.sms()); sms.getElement().appendChild(smsImg.getElement()); tel.add(sms); nbTel++; } if (userData.getFaxPhoneNumber() != null && !userData.getFaxPhoneNumber().isEmpty()) { if (nbTel == 2) { tel.add(new InlineHTML(" | ")); } Anchor tel3 = new Anchor(); tel3.setStyleName("tel-link"); tel3.setText(userData.getFaxPhoneNumber()); tel3.setHref("tel:" + userData.getFaxPhoneNumber()); tel.add(tel3); nbTel++; } if (nbTel == 0) { tel.add(new InlineHTML(" ")); } for (String prop : userData.getProperties()) { String value = userData.getPropertieValue(prop); if (isPhoneNumber(value)) { HTMLPanel field = new HTMLPanel(""); Anchor tel = new Anchor(); tel.setStyleName("tel-link"); tel.setText(value); tel.setHref("tel:" + value); field.add(tel); Anchor sms = new Anchor(); sms.setHref("sms:" + userData.getCellularPhoneNumber()); Image smsImg = new Image(resourcesContact.sms()); sms.getElement().appendChild(smsImg.getElement()); field.add(sms); container.add(field); } else { HTML field = new HTML(value); container.add(field); } } }
From source file:org.smartsnip.client.SnipArea.java
/** * Initializes the widget/* www . ja v a2 s . com*/ * * @param mySnip * a XSnippet */ SnipArea(final XSnippet mySnip) { snippet = mySnip; vertPanel = new VerticalPanel(); horPanel = new HorizontalPanel(); scrPanel = new ScrollPanel(); scrPanel.setWidth("700px"); scrPanel.setStyleName("scrollSnippet"); anchorGrid = new Grid(3, 1); properties = new Grid(2, 7); properties.setStyleName("properties"); title = new Label(mySnip.title); title.setStyleName("h3"); description = new Label(mySnip.description); description.setStyleName("desc"); language = new Label(mySnip.language); language.setStyleName("txt"); lblViewCount = new Label(mySnip.viewcount + ""); lblViewCount.setStyleName("txt"); license = new Label(mySnip.license); license.setStyleName("txt"); lblOwner = new Label(getOwnerText(mySnip)); lblOwner.setStyleName("txt"); btnHistory = new Button("View code history"); btnSetSnippetOfDay = new Button("Set as Snippet of day"); snipFull = new HTMLPanel(mySnip.codeHTML); snipFull.setWidth("680px"); snipFull.setStyleName("snipHtml"); anchUpload = new Anchor("Upload source"); anchDownload = new Anchor("Download source"); rating = new Rating(5); btnFav = new Button("Favorites"); btnEdit = new Button("Edit"); btnDelete = new Button("Delete"); lblAverageRating = new Label("" + snippet.rating); lblAverageRating.setStyleName("txt"); anchorGrid.setWidget(0, 0, anchUpload); anchorGrid.setWidget(1, 0, anchDownload); anchorGrid.setWidget(2, 0, rating); properties.setWidget(0, 0, new Label("Language")); properties.setWidget(1, 0, language); properties.setWidget(0, 1, new Label("License")); properties.setWidget(1, 1, license); properties.setWidget(0, 2, new Label("View count")); properties.setWidget(1, 2, lblViewCount); properties.setWidget(0, 3, new Label("Average Rating")); properties.setWidget(1, 3, lblAverageRating); properties.setWidget(0, 4, new Label("Owner")); properties.setWidget(1, 4, lblOwner); btnFav.setText(snippet.isFavorite ? "Remove favorite" : "Add favorite"); btnFav.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { btnFav.setEnabled(false); if (snippet.isFavorite) { btnFav.setText("Removing favourite ... "); ISnippet.Util.getInstance().removeFavorite(snippet.hash, new AsyncCallback<Void>() { @Override public void onSuccess(Void result) { snippet.isFavorite = false; updateFavortiteStatus(); } @Override public void onFailure(Throwable caught) { Control.myGUI.showErrorPopup("Error removing snippet to favorites", caught); btnFav.setEnabled(true); } }); } else { btnFav.setText("Adding favorites ... "); ISnippet.Util.getInstance().addToFavorites(snippet.hash, new AsyncCallback<Void>() { @Override public void onSuccess(Void result) { snippet.isFavorite = true; updateFavortiteStatus(); } @Override public void onFailure(Throwable caught) { Control.myGUI.showErrorPopup("Error adding snippet to favorites", caught); btnFav.setEnabled(true); } }); } } }); btnHistory.setVisible(snippet.canEdit); btnHistory.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { viewCodeHistory(); } }); btnEdit.setVisible(false); btnEdit.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { Control.myGUI.showEditSnippetForm(snippet); update(); } }); btnDelete.setVisible(snippet.canDelete); btnDelete.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { Control.myGUI.showConfirmPopup("Really delete this snippet?\nThis action cannot be undone!", new ConfirmCallback() { @Override public void onYes() { btnDelete.setText("Deleting ... "); btnDelete.setEnabled(false); ISnippet.Util.getInstance().delete(snippet.hash, new AsyncCallback<Void>() { @Override public void onSuccess(Void result) { setDeleted(); btnDelete.setText("Deleted"); } @Override public void onFailure(Throwable caught) { btnDelete.setEnabled(true); btnDelete.setText("Retry deleting"); } }); } @Override public void onNo() { } }); } }); btnSetSnippetOfDay.setVisible(snippet.canEdit); btnSetSnippetOfDay.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { setSnippetOfDay(); } }); rating.setStyleName("toollink"); rating.setRatingHandler(new Rating.RatingHandler() { @Override public void unrate() { rate(0); } @Override public void rate(final int rate) { rating.setEnabled(false); ISnippet.Util.getInstance().rateSnippet(snippet.hash, rate, new AsyncCallback<Float>() { @Override public void onSuccess(Float result) { if (result == null) { onFailure(new IllegalArgumentException("Null returned")); return; } rating.setEnabled(true); rating.setRatingStatus(rate); lblAverageRating.setText("Rating: " + getRating(result)); rating.setRatingStatus(snippet.myRating); } @Override public void onFailure(Throwable caught) { rating.setEnabled(false); Control.myGUI.showErrorPopup("Rating failed", caught); caught.printStackTrace(System.err); } }); } }); anchUpload.setVisible(snippet.canEdit); anchUpload.setStyleName("toollink"); anchUpload.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { UploadCode.show(snippet.codeID); } }); anchDownload.setStyleName("toollink"); anchDownload.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { anchDownload.setEnabled(false); requestDownload(); } }); ISnippet.Util.getInstance().hasDownloadableSource(snippet.hash, new AsyncCallback<Boolean>() { @Override public void onSuccess(Boolean result) { if (result) { anchDownload.setTitle("Click here to request a download ticket"); anchDownload.setEnabled(true); } else { anchDownload.setTitle("This snippet does not have any downloadable source"); anchDownload.setEnabled(false); } } @Override public void onFailure(Throwable caught) { anchDownload.setTitle("Error" + (caught == null ? "" : ": " + caught.getMessage())); anchDownload.setEnabled(false); } }); ISnippet.Util.getInstance().canEdit(snippet.hash, new AsyncCallback<Boolean>() { @Override public void onSuccess(Boolean result) { btnEdit.setVisible(result); btnDelete.setVisible(result); btnHistory.setVisible(result); anchUpload.setVisible(result); } @Override public void onFailure(Throwable caught) { // Something went wrong ... // TODO: Error handling ... } }); horPanel.add(btnFav); horPanel.add(btnDelete); horPanel.add(btnEdit); horPanel.add(btnSetSnippetOfDay); horPanel.add(btnHistory); horPanel.add(anchorGrid); scrPanel.add(snipFull); vertPanel.add(title); vertPanel.add(description); vertPanel.add(properties); vertPanel.add(scrPanel); vertPanel.add(horPanel); initWidget(vertPanel); // Give the overall composite a style name. setStyleName("snipArea"); updateFavortiteStatus(); }
From source file:org.sonar.plugins.core.clouds.client.GwtClouds.java
License:Open Source License
private Panel getMetricColorSelectBox(Resources resources) { HTMLPanel metricSelectPanel = new HTMLPanel( "<div id='select_metric' class='metricSelectBox small'> </div>"); sizeAndColorLabel = new InlineLabel(); sizeAndColorLabel.setStyleName("labelText gray"); metricSelectPanel.add(sizeAndColorLabel, "select_metric"); metricsListBox = new ListBox(false); for (Metric color : COLOR_METRICS) { if (resources.onceContainsMeasure(color)) { metricsListBox.addItem(color.getName(), color.getKey()); }//from w ww. j a va2 s. c o m } metricSelectPanel.add(metricsListBox, "select_metric"); metricsListBox.addChangeHandler(new ChangeHandler() { public void onChange(ChangeEvent event) { renderClassCloudsForCurrentMetric(); } }); return metricSelectPanel; }
From source file:org.spiffyui.client.login.LoginPanel.java
License:Apache License
/** * Create a new LoginPanel./*w ww . ja v a2 s. c o m*/ * @param title title of the login panel * @param helper string helper for getting strings used in login panel */ protected LoginPanel(String title, LoginStringHelper helper) { m_helper = helper; m_glassPanel = new SimplePanel(); if (RootPanel.get("loginPanel") != null) { RootPanel.get("loginPanel").add(m_glassPanel); } else { throw new IllegalStateException( "Unable to locate the loginPanel element. You must import spiffyui.min.js before using the LoginPanel."); } m_glassPanel.setVisible(false); m_glassPanel.getElement().setId("login_glass_pane"); SimplePanel dialog = new SimplePanel(); dialog.getElement().setId("login_form_panel"); m_fp = new FormPanel(); m_fp.getElement().setId("login_form"); dialog.setWidget(m_fp); String html = "<div id=\"loginHeaderContainer\">" + "<div id=\"loginHeaderleft\">" + "<div id=\"loginHeaderlogo\"> </div>" + "<span class=\"headertitle\">" + m_helper.getString(LoginStrings.PRODUCT_NAME) + "</span>" + "</div>" + "</div>" + "<div class=\"login_content\">" + "<div style=\"display: block;\" id=\"contentDetail\">" + "<div id=\"login_titlediv\" class=\"logintitle\"><span id=\"login_titlespan\">" + title + "</span></div>" + "<div id=\"loginDetailsId\" class=\"loginDetail\">" + "<div id=\"loginmessage\"></div>" + "<div id=\"loginFieldsContainer\" style=\"display: block;\">" + "<div id=\"login_username_row\">" + "<label>" + m_helper.getString(LoginStrings.USERNAME) + "</label>" + "<div id=\"login_username\"></div>" + "</div>" + "<div id=\"login_password_row\">" + "<label>" + m_helper.getString(LoginStrings.PASSWORD) + "</label>" + "<div id=\"login_password\"></div>" + "</div>" + "<div id=\"gwtsubmit\"></div>" + "</div>" + "<div id=\"loginconfig\"></div>" + "</div>" + "</div>" + "</div>"; // Create a panel to hold all of the form widgets. m_panel = new HTMLPanel(html); m_fp.setWidget(m_panel); m_message = new HTML(); m_panel.add(m_message, "loginmessage"); //username m_username = new TextBox(); m_username.setName("login_panel_user"); m_username.addKeyUpHandler(this); m_username.getElement().setId("login_username_txt"); m_panel.add(m_username, "login_username"); // password m_pwd = new PasswordTextBox(); m_pwd.setName("login_panel_pwd"); m_pwd.addKeyUpHandler(this); m_pwd.getElement().setId("login_password_txt"); m_panel.add(m_pwd, "login_password"); // login button m_submit = new Button(m_helper.getString(LoginStrings.LOGIN), new ClickHandler() { public void onClick(ClickEvent event) { event.preventDefault(); doRequest(); } }); m_submit.getElement().setId("login_submit_button"); m_panel.add(m_submit, "gwtsubmit"); m_logout = new Anchor(m_helper.getString(LoginStrings.LOGOUT)); m_logout.getElement().setId("loging_logout_link"); m_logout.addClickHandler(new ClickHandler() { public void onClick(ClickEvent event) { event.preventDefault(); /* * At this point we are already logged out, so we * just need to reload the window. */ JSUtil.reload(); } }); m_logout.setVisible(false); m_panel.add(m_logout, "gwtsubmit"); m_loading = new SmallLoadingIndicator(); m_loading.setVisible(false); m_panel.add(m_loading, "gwtsubmit"); RootPanel.get("loginPanel").add(m_fp); initWidget(dialog); enableButton(); }
From source file:org.spiffyui.client.widgets.dialog.Dialog.java
License:Apache License
private void init(String title, String titleStyle) { final String captionDiv = "<div class=\"spiffy-dialog-caption-close\"><a href=\"#\" id=\"" + m_id + "_close\" title=\"" + STRINGS.close() + "\">" + "<div class=\"spiffy-dialog-caption-close-icon\"></div></a></div>" + "<div id=\"" + m_id + "_title\" class=\"spiffy-dialog-caption " + titleStyle + "\">" + SafeHtmlUtils.htmlEscape(title) + "</div>"; setHTML(captionDiv);/*from w w w .jav a 2 s. co m*/ FlowPanel main = new FlowPanel(); m_dialogBody = new HTMLPanel("<div><div id=\"" + m_id + "_mainDlgBody\"></div><div>"); main.add(m_dialogBody); add(main); m_buttonBar = new FlowPanel(); m_buttonBar.setStyleName("spiffy-dialog-button-bar"); main.add(m_buttonBar); }
From source file:org.spiffyui.client.widgets.multivaluesuggest.MultivalueSuggestBoxBase.java
License:Apache License
private static HTMLPanel createMainPanel(boolean multivalued, String selectedContainerId, String mvsuggestContainerId) { return new HTMLPanel("<span class=\"spiffy-mvsb-selected-items\" id=\"" + selectedContainerId + "\"></span>" + "<span class=\"spiffy-mvsb-input\" id=\"" + mvsuggestContainerId + "\"></span>"); }
From source file:org.spiffyui.client.widgets.Tooltip.java
License:Apache License
/** * Create a tooltip/*from w ww. j ava 2 s. c o m*/ */ public Tooltip() { super(true); setAnimationEnabled(true); m_id = HTMLPanel.createUniqueId(); getElement().setId(m_id); m_body = new HTMLPanel("<div class=\"tooltipClose\"><a href=\"#\" id=\"" + m_id + "_close\" title=\"" + STRINGS.close() + "\">" + "<div class=\"tooltipCloseIcon\"></div></a></div>" + "<div class=\"tooltipBody\" id=\"" + m_id + "_body\"></div>"); m_body.setStyleName("tooltipContent"); setWidget(m_body); m_autoCloseTimer = new Timer() { @Override public void run() { hide(); } }; m_focusPanel = new FocusPanel(); m_body.add(m_focusPanel, m_id + "_body"); m_focusPanel.addMouseOutHandler(this); m_focusPanel.addMouseOverHandler(this); }