/*******************************************************************************
* Copyright (c) 2012-2017 Codenvy, S.A.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v10.html
*
* Contributors:
* Codenvy, S.A. - initial API and implementation
*******************************************************************************/
package org.eclipse.che.plugin.github.ide.importer.page;
import com.google.gwt.cell.client.ImageResourceCell;
import com.google.gwt.cell.client.SafeHtmlCell;
import com.google.gwt.core.client.Scheduler;
import com.google.gwt.dom.client.Style;
import com.google.gwt.event.dom.client.ChangeEvent;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.KeyCodes;
import com.google.gwt.event.dom.client.KeyUpEvent;
import com.google.gwt.event.logical.shared.ValueChangeEvent;
import com.google.gwt.resources.client.CssResource;
import com.google.gwt.resources.client.ImageResource;
import com.google.gwt.safehtml.shared.SafeHtml;
import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
import com.google.gwt.safehtml.shared.SafeHtmlUtils;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.cellview.client.CellTable;
import com.google.gwt.user.cellview.client.Column;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.DockLayoutPanel;
import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.ListBox;
import com.google.gwt.user.client.ui.TextArea;
import com.google.gwt.view.client.SelectionChangeEvent;
import com.google.gwt.view.client.SingleSelectionModel;
import com.google.inject.Inject;
import org.eclipse.che.ide.Resources;
import org.eclipse.che.plugin.github.ide.GitHubLocalizationConstant;
import org.eclipse.che.plugin.github.ide.GitHubResources;
import org.eclipse.che.plugin.github.ide.load.ProjectData;
import org.eclipse.che.ide.ui.TextBox;
import javax.validation.constraints.NotNull;
import java.util.ArrayList;
import java.util.List;
import java.util.Set;
/**
* @author Roman Nikitenko
*/
public class GithubImporterPageViewImpl extends Composite implements GithubImporterPageView {
interface GithubImporterPageViewImplUiBinder extends UiBinder<DockLayoutPanel, GithubImporterPageViewImpl> {
}
@UiField(provided = true)
GithubStyle style;
@UiField
Label labelUrlError;
@UiField
TextBox projectName;
@UiField
TextArea projectDescription;
@UiField
TextBox projectUrl;
@UiField
CheckBox recursive;
@UiField
FlowPanel bottomPanel;
@UiField
DockLayoutPanel githubPanel;
@UiField
Button loadRepo;
@UiField
ListBox accountName;
@UiField(provided = true)
CellTable<ProjectData> repositories;
@UiField
CheckBox keepDirectory;
@UiField
TextBox directoryName;
@UiField
CheckBox branchSelection;
@UiField
TextBox branch;
private ActionDelegate delegate;
@Inject
public GithubImporterPageViewImpl(GitHubResources resources,
GitHubLocalizationConstant locale,
Resources ideResources,
GithubImporterPageViewImplUiBinder uiBinder) {
style = resources.githubImporterPageStyle();
style.ensureInjected();
createRepositoriesTable(ideResources, locale);
initWidget(uiBinder.createAndBindUi(this));
projectName.getElement().setAttribute("maxlength", "32");
projectDescription.getElement().setAttribute("maxlength", "256");
closeGithubPanel();
loadRepo.addStyleName(ideResources.Css().buttonLoader());
loadRepo.sinkEvents(Event.ONCLICK);
loadRepo.addHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
delegate.onLoadRepoClicked();
}
}, ClickEvent.getType());
}
/**
* Creates table what contains list of available repositories.
*
* @param resources
*/
private void createRepositoriesTable(final Resources resources, GitHubLocalizationConstant locale) {
repositories = new CellTable<>(15, resources);
Column<ProjectData, ImageResource> iconColumn = new Column<ProjectData, ImageResource>(new ImageResourceCell()) {
@Override
public ImageResource getValue(ProjectData item) {
return null;
}
};
Column<ProjectData, SafeHtml> repositoryColumn = new Column<ProjectData, SafeHtml>(new SafeHtmlCell()) {
@Override
public SafeHtml getValue(final ProjectData item) {
return SafeHtmlUtils.fromString(item.getName());
}
};
Column<ProjectData, SafeHtml> descriptionColumn = new Column<ProjectData, SafeHtml>(new SafeHtmlCell()) {
@Override
public SafeHtml getValue(final ProjectData item) {
return new SafeHtmlBuilder()
.appendHtmlConstant("<span>")
.appendEscaped(item.getDescription() == null ? "" : item.getDescription())
.appendHtmlConstant("</span>")
.toSafeHtml();
}
};
repositories.addColumn(iconColumn, SafeHtmlUtils.fromSafeConstant("<br/>"));
repositories.setColumnWidth(iconColumn, 28, Style.Unit.PX);
repositories.addColumn(repositoryColumn, locale.samplesListRepositoryColumn());
repositories.addColumn(descriptionColumn, locale.samplesListDescriptionColumn());
// don't show loading indicator
repositories.setLoadingIndicator(null);
final SingleSelectionModel<ProjectData> selectionModel = new SingleSelectionModel<>();
selectionModel.addSelectionChangeHandler(new SelectionChangeEvent.Handler() {
@Override
public void onSelectionChange(SelectionChangeEvent event) {
ProjectData selectedObject = selectionModel.getSelectedObject();
delegate.onRepositorySelected(selectedObject);
}
});
repositories.setSelectionModel(selectionModel);
}
@UiHandler("projectName")
void onProjectNameChanged(KeyUpEvent event) {
String projectNameValue = projectName.getValue();
if (projectNameValue != null && projectNameValue.contains(" ")) {
projectNameValue = projectNameValue.replace(" ", "-");
projectName.setValue(projectNameValue);
}
if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
return;
}
delegate.onProjectNameChanged(projectName.getValue());
}
@UiHandler("projectUrl")
void onProjectUrlChanged(KeyUpEvent event) {
delegate.onProjectUrlChanged(projectUrl.getValue());
}
@UiHandler("recursive")
void recursiveHandler(ValueChangeEvent<Boolean> event) {
delegate.onRecursiveSelected(event.getValue());
}
@UiHandler("projectDescription")
void onProjectDescriptionChanged(KeyUpEvent event) {
if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
return;
}
delegate.onProjectDescriptionChanged(projectDescription.getValue());
}
@UiHandler("accountName")
public void onAccountChange(ChangeEvent event) {
delegate.onAccountChanged();
}
@UiHandler({"keepDirectory"})
void keepDirectoryHandler(ValueChangeEvent<Boolean> event) {
delegate.onKeepDirectorySelected(event.getValue());
}
@UiHandler("directoryName")
void onDirectoryNameChanged(KeyUpEvent event) {
if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
return;
}
delegate.onKeepDirectoryNameChanged(directoryName.getValue());
}
@UiHandler({"branchSelection"})
void branchSelectedHandler(ValueChangeEvent<Boolean> event) {
delegate.onBranchCheckBoxSelected(event.getValue());
}
@UiHandler("branch")
void onBranchNameChanged(KeyUpEvent event) {
if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
return;
}
delegate.onBranchNameChanged(branch.getValue());
}
@Override
public void setProjectUrl(@NotNull String url) {
projectUrl.setText(url);
delegate.onProjectUrlChanged(url);
}
@Override
public void reset() {
projectUrl.setText("");
projectName.setText("");
projectDescription.setText("");
githubPanel.removeFromParent();
unmarkURL();
unmarkName();
}
@Override
public void markURLValid() {
projectUrl.markValid();
}
@Override
public void markURLInvalid() {
projectUrl.markInvalid();
}
@Override
public void unmarkURL() {
projectUrl.unmark();
}
@Override
public void setURLErrorMessage(@NotNull String message) {
labelUrlError.setText(message != null ? message : "");
}
@Override
public void markNameValid() {
projectName.markValid();
}
@Override
public void markNameInvalid() {
projectName.markInvalid();
}
@Override
public void unmarkName() {
projectName.unmark();
}
@NotNull
@Override
public String getProjectName() {
return projectName.getValue();
}
@Override
public void setProjectName(@NotNull String projectName) {
this.projectName.setValue(projectName);
delegate.onProjectNameChanged(projectName);
}
@Override
public void setProjectDescription(@NotNull String projectDescription) {
this.projectDescription.setText(projectDescription);
delegate.onProjectDescriptionChanged(projectDescription);
}
@Override
public void focusInUrlInput() {
projectUrl.setFocus(true);
}
@Override
public void setInputsEnableState(boolean isEnabled) {
projectName.setEnabled(isEnabled);
projectDescription.setEnabled(isEnabled);
projectUrl.setEnabled(isEnabled);
if (isEnabled) {
focusInUrlInput();
}
}
@Override
public boolean keepDirectory() {
return keepDirectory.getValue();
}
@Override
public void setKeepDirectoryChecked(boolean checked) {
keepDirectory.setValue(checked);
}
@Override
public String getDirectoryName() {
return directoryName.getValue();
}
@Override
public void setDirectoryName(String directoryName) {
this.directoryName.setValue(directoryName);
}
@Override
public void enableDirectoryNameField(boolean enable) {
directoryName.setEnabled(enable);
}
@Override
public void highlightDirectoryNameField(boolean highlight) {
if (highlight) {
directoryName.addStyleName(style.inputError());
} else {
directoryName.removeStyleName(style.inputError());
}
}
@Override
public void focusDirectoryNameField() {
Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
@Override
public void execute() {
directoryName.setFocus(true);
directoryName.selectAll();
}
});
}
@Override
public void setBranchName(String branchName) {
branch.setValue(branchName);
}
@Override
public String getBranchName() {
return branch.getValue();
}
@Override
public void setBranchCheckBoxSelected(boolean selected) {
branchSelection.setValue(selected);
}
@Override
public boolean isBranchCheckBoxSelected() {
return branchSelection.getValue();
}
@Override
public void enableBranchNameField(boolean enable) {
branch.setEnabled(enable);
}
@Override
public void focusBranchNameField() {
Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
@Override
public void execute() {
branch.setFocus(true);
branch.selectAll();
}
});
}
@Override
public void setDelegate(@NotNull ActionDelegate delegate) {
this.delegate = delegate;
}
@Override
public void setRepositories(@NotNull List<ProjectData> repositories) {
// Wraps Array in java.util.List
List<ProjectData> list = new ArrayList<>();
for (ProjectData repository : repositories) {
list.add(repository);
}
this.repositories.setRowData(list);
}
@NotNull
@Override
public String getAccountName() {
int index = accountName.getSelectedIndex();
return index != -1 ? accountName.getItemText(index) : "";
}
@Override
public void setAccountNames(@NotNull Set<String> names) {
this.accountName.clear();
for (String name : names) {
this.accountName.addItem(name);
}
}
@Override
public void closeGithubPanel() {
githubPanel.removeFromParent();
}
@Override
public void showGithubPanel() {
bottomPanel.add(githubPanel);
}
@Override
public void setLoaderVisibility(boolean isVisible) {
if (isVisible) {
loadRepo.setHTML("<i></i>");
loadRepo.setEnabled(false);
} else {
loadRepo.setText("Load Repo");
loadRepo.setEnabled(true);
}
}
public interface GithubStyle extends CssResource {
String mainPanel();
String namePanel();
String labelPosition();
String alignRight();
String alignLeft();
String labelErrorPosition();
String description();
String label();
String horizontalLine();
String bottomSpace();
String textPosition();
String rightSpace();
String loadRepo();
String inputField();
String inputError();
}
}