integrated with gwt-material

This commit is contained in:
Francesco Mangiacrapa 2021-06-01 16:07:50 +02:00
parent 857ff7996a
commit a36d2ca1f4
9 changed files with 59 additions and 35 deletions

27
pom.xml
View File

@ -103,31 +103,34 @@
<artifactId>gwt-bootstrap</artifactId>
<version>2.3.2.0</version>
</dependency>
<dependency>
<groupId>com.github.gwtmaterialdesign</groupId>
<artifactId>gwt-material-jquery</artifactId>
<version>${gwt-material.version}</version>
</dependency>
<!-- <dependency> -->
<!-- <groupId>com.github.gwtmaterialdesign</groupId> -->
<!-- <artifactId>gwt-material-addins</artifactId> -->
<!-- <version>${gwt-material.version}</version> -->
<!-- </dependency> -->
<!-- <dependency> -->
<!-- <groupId>com.github.gwtmaterialdesign</groupId> -->
<!-- <artifactId>gwt-material-addins</artifactId> -->
<!-- <version>${gwt-material.version}</version> -->
<!-- </dependency> -->
<dependency>
<groupId>com.github.gwtmaterialdesign</groupId>
<artifactId>gwt-material-table</artifactId>
<version>${gwt-material.version}</version>
</dependency>
<dependency>
<groupId>com.github.gwtmaterialdesign</groupId>
<artifactId>gwt-material-addins</artifactId>
<version>${gwt-material.version}</version>
</dependency>
<!-- <dependency> -->
<!-- <groupId>com.gwtplatform</groupId> -->
<!-- <artifactId>gwtp-mvp-client</artifactId> -->
<!-- <version>1.6</version> -->
<!-- <scope>provided</scope> -->
<!-- </dependency> -->
<dependency>
<groupId>com.github.gwtmaterialdesign</groupId>
<artifactId>gwt-material-themes</artifactId>
<version>${gwt-material.version}</version>
</dependency>
<!-- <dependency> -->
<!-- <groupId>org.gcube.datacatalogue</groupId> -->

View File

@ -3,16 +3,11 @@
<!-- Inherit the core Web Toolkit stuff. -->
<inherits name='com.google.gwt.user.User' />
<!-- Inherit the default GWT style sheet. You can change -->
<!-- the theme of your GWT application by uncommenting -->
<!-- any one of the following lines. -->
<!-- <inherits name='com.google.gwt.user.theme.standard.Standard' /> -->
<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/> -->
<inherits name="gwt.material.design.jquery.JQuery" />
<inherits
name="gwt.material.design.GwtMaterialBasicWithJQuery" />
<!-- <inherits name="gwt.material.design.addins.GwtMaterialAddins" /> -->
<inherits name="gwt.material.design.GwtMaterialBasicWithJQuery" />
<inherits name="gwt.material.design.addins.GwtMaterialAddins" />
<inherits name="gwt.material.design.themes.ThemeBlue" />
<inherits name="gwt.material.design.GwtMaterialTable" />
<!-- Other module inherits -->

View File

@ -5,14 +5,17 @@ import java.util.List;
import org.gcube.portlets.widgets.ckancontentmoderator.client.material.table.CustomizedView;
import org.gcube.portlets.widgets.ckancontentmoderator.client.material.table.DataGenerator;
import org.gcube.portlets.widgets.ckancontentmoderator.client.resources.DataTableClientBundle;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.StyleInjector;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import gwt.material.design.client.ui.table.MaterialDataTable;
/**
* Entry point classes define <code>onModuleLoad()</code>.
*/
@ -33,6 +36,7 @@ public class CkanContentModeratorWidget implements EntryPoint {
* This is the entry point method.
*/
public void onModuleLoad() {
StyleInjector.inject(DataTableClientBundle.INSTANCE.dataTable().getText());
// MaterialDataTable<String> table = new MaterialDataTable<String>();
// table.getTableTitle().setText("Customers");

View File

@ -57,7 +57,6 @@ public class CustomizedView extends Composite {
}
});
table.setWaves(null);
table.setWidth("500px");
table.setUseStickyHeader(false);
//table.getScaffolding().getToolPanel().add(icon);
@ -119,6 +118,10 @@ public class CustomizedView extends Composite {
public String getValue(User object) {
return object.getCity();
}
@Override
public boolean sortable() {
return true;
}
});
table.addRowSelectHandler(new RowSelectHandler<User>() {

View File

@ -0,0 +1,17 @@
package org.gcube.portlets.widgets.ckancontentmoderator.client.resources;
import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.TextResource;
/**
* Client Bundle for Icon Morph component
* @author kevzlou7979
*/
public interface DataTableClientBundle extends ClientBundle {
DataTableClientBundle INSTANCE = GWT.create(DataTableClientBundle.class);
@Source("css/data-table.css")
TextResource dataTable();
}

View File

@ -0,0 +1,11 @@
.table-container {
width: 90% !important;
/*width: 700px;*/
margin: auto !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.active-header {
background-color: #e1f5fe !important;
color: #2196F3 !important;
border-bottom: none !important;
}

View File

@ -3,16 +3,11 @@
<!-- Inherit the core Web Toolkit stuff. -->
<inherits name='com.google.gwt.user.User' />
<!-- Inherit the default GWT style sheet. You can change -->
<!-- the theme of your GWT application by uncommenting -->
<!-- any one of the following lines. -->
<inherits name='com.google.gwt.user.theme.standard.Standard' />
<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/> -->
<inherits name="gwt.material.design.jquery.JQuery" />
<inherits
name="gwt.material.design.GwtMaterialBasicWithJQuery" />
<!-- <inherits name="gwt.material.design.addins.GwtMaterialAddins" /> -->
<inherits name="gwt.material.design.GwtMaterialBasicWithJQuery" />
<inherits name="gwt.material.design.addins.GwtMaterialAddins" />
<inherits name="gwt.material.design.themes.ThemeBlue" />
<inherits name="gwt.material.design.GwtMaterialTable" />
<!-- Other module inherits -->

View File

@ -1,2 +0,0 @@
sendButton = Envoyer
nameField = Entrez votre nom

View File

@ -15,8 +15,6 @@
<link type="text/css" rel="stylesheet"
href="CkanContentModeratorWidget.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- -->
<!-- Any title is fine -->
<!-- -->