WebSVN – SmartDukaan – Diff – /trunk/CatalogDashboard/src/main/java/in/shop2020/catalog/dashboard/client/ItemList.java

 import in.shop2020.catalog.dashboard.shared.Item;
 import java.util.List;
 import com.google.gwt.core.client.GWT;
-import com.google.gwt.event.dom.client.ClickEvent;
+import com.google.gwt.dom.client.Style.Unit;
 import com.google.gwt.resources.client.CssResource;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
+import com.google.gwt.user.cellview.client.CellTable;
-import com.google.gwt.uibinder.client.UiHandler;
+import com.google.gwt.user.cellview.client.SimplePager;
+import com.google.gwt.user.cellview.client.TextColumn;
 import com.google.gwt.user.client.Window;
 import com.google.gwt.user.client.rpc.AsyncCallback;
-import com.google.gwt.user.client.ui.FlexTable;
-import com.google.gwt.user.client.ui.HTMLTable.Cell;
 import com.google.gwt.user.client.ui.Label;
 import com.google.gwt.user.client.ui.ResizeComposite;
 import com.google.gwt.user.client.ui.Widget;
+import com.google.gwt.view.client.ListDataProvider;
+import com.google.gwt.view.client.SelectionChangeEvent;
+import com.google.gwt.view.client.SingleSelectionModel;
 /**
  * List of items. List contains item Id, product group, brand, model number, model name, color and category
  * Dashboard user can select an item in this list and its details are shown in ItemDetails widget.
+ *
  */
 public class ItemList extends ResizeComposite{
-    private static final int INDEX_ID = 0,
-                             INDEX_PRODUCT_GROUP = 1,
-                             INDEX_BRAND = 2,
-                             INDEX_MODEL_NUMBER = 3,
-                             INDEX_MODEL_NAME = 4,
-                             INDEX_COLOR = 5,
-                             INDEX_CATEGORY = 6;
     private static String LEGEND = "Currently Showing: ";
     private final CatalogServiceAsync catalogService = GWT.create(CatalogService.class);
     interface ItemListUiBinder extends UiBinder<Widget, ItemList> { }
     private static final ItemListUiBinder uiBinder = GWT.create(ItemListUiBinder.class);
     interface SelectionStyle extends CssResource{
         String selectedRow();
         String alertsRow();
+    }
-    @UiField FlexTable header;
+    @UiField CellTable<Item> itemDescriptionTable;
+    // Create paging controls.
-    @UiField FlexTable itemDescriptionTable;
+    @UiField SimplePager pager = new SimplePager();
     @UiField SelectionStyle selectionStyle;
     @UiField Label currentlyShowing;
     private int selectedRow = -1;
     private ItemDetails itemDetails;
+    // Create a data provider.
+    ListDataProvider<Item> dataProvider = new ListDataProvider<Item>();
     public ItemList() {
         initWidget(uiBinder.createAndBindUi(this));
-        initHeader();
         initItemList();
+    }
     private void initItemList() {
+        TextColumn<Item> idColumn = new TextColumn<Item>() {
-        loadAllRiskyItems();
+            @Override
+            public String getValue(Item item) {
+                return item.getId() + "";
+            }
+        };
+        TextColumn<Item> pgColumn = new TextColumn<Item>() {
-        /*For testing
+            @Override
+            public String getValue(Item item) {
+                return item.getProductGroup();
+            }
+        };
+        TextColumn<Item> brandColumn = new TextColumn<Item>(){
-        loadDummyItems();
+            @Override
-        updateItemDescriptionTable(items);
+            public String getValue(Item item) {
+                return item.getBrand();
+            }
-        */
+        };
-    }
+        TextColumn<Item> modelNumberColumn = new TextColumn<Item>(){
+            @Override
+            public String getValue(Item item) {
+                return item.getModelNumber();
+            }
+        };
+        TextColumn<Item> modelNameColumn = new TextColumn<Item>(){
+            @Override
+            public String getValue(Item item) {
+                return item.getModelName();
+            }
+        };
-    /**
+        TextColumn<Item> colorColumn = new TextColumn<Item>(){
+            @Override
+            public String getValue(Item item) {
-     * Initialise header of item list table.
+                return item.getColor();
+            }
+        };
-     */
+        TextColumn<Item> categoryColumn = new TextColumn<Item>(){
+            @Override
+            public String getValue(Item item) {
+                return item.getContentCategory()+"";
+            }
+        };
+        // Add the columns.
+        itemDescriptionTable.addColumn(idColumn, "Item Id");
+        itemDescriptionTable.addColumn(pgColumn, "Product Group");
+        itemDescriptionTable.addColumn(brandColumn, "Brand");
+        itemDescriptionTable.addColumn(modelNumberColumn, "Model Number");
+        itemDescriptionTable.addColumn(modelNameColumn, "Model Name");
+        itemDescriptionTable.addColumn(colorColumn, "Color");
+        itemDescriptionTable.addColumn(categoryColumn, "Category");
-    private void initHeader(){
+        //Set the widths
-        header.getColumnFormatter().setWidth(INDEX_ID, "80px");
+        itemDescriptionTable.setWidth("100%");
-        header.getColumnFormatter().setWidth(INDEX_PRODUCT_GROUP, "128px");
+        itemDescriptionTable.setColumnWidth(idColumn, 80.0, Unit.PX);
-        header.getColumnFormatter().setWidth(INDEX_BRAND, "150px");
+        itemDescriptionTable.setColumnWidth(pgColumn, 128.0, Unit.PX);
-        header.getColumnFormatter().setWidth(INDEX_MODEL_NUMBER, "200px");
+        itemDescriptionTable.setColumnWidth(brandColumn, 150.0, Unit.PX);
+        itemDescriptionTable.setColumnWidth(modelNumberColumn, 200.0, Unit.PX);
-        header.getColumnFormatter().setWidth(INDEX_MODEL_NAME, "200px");
+        itemDescriptionTable.setColumnWidth(modelNameColumn, 200.0, Unit.PX);
-        header.getColumnFormatter().setWidth(INDEX_COLOR, "128px");
+        itemDescriptionTable.setColumnWidth(colorColumn, 128.0, Unit.PX);
-        header.getColumnFormatter().setWidth(INDEX_CATEGORY, "220px");
+        itemDescriptionTable.setColumnWidth(categoryColumn, 220.0, Unit.PX);
+        // Connect the table to the data provider.
+        dataProvider.addDataDisplay(itemDescriptionTable);
+        //Add paging support
-        header.setText(0, INDEX_ID, "Item Id");
+        pager.setDisplay(itemDescriptionTable);
-        header.setText(0, INDEX_PRODUCT_GROUP, "Product Group");
+        // Add a selection model to handle item selection.
+        final SingleSelectionModel<Item> selectionModel = new SingleSelectionModel<Item>();
-        header.setText(0, INDEX_BRAND, "Brand");
+        itemDescriptionTable.setSelectionModel(selectionModel);
+        selectionModel.addSelectionChangeHandler(new SelectionChangeEvent.Handler() {
+            @Override
+            public void onSelectionChange(SelectionChangeEvent event) {
-        header.setText(0, INDEX_MODEL_NUMBER, "Model Number");
+                Item selectedItem = selectionModel.getSelectedObject();
+                catalogService.getItem(selectedItem.getId(), new AsyncCallback<Item>() {
+                    @Override
+                    public void onSuccess(Item result) {
-        header.setText(0, INDEX_MODEL_NAME, "Model Name");
+                        itemDetails.setItemDetails(result);
+                    }
+                    @Override
+                    public void onFailure(Throwable caught) {
-        header.setText(0, INDEX_COLOR, "Color");
+                        caught.printStackTrace();
-        header.setText(0, INDEX_CATEGORY, "Category");
+                        Window.alert("Unable to fetch item details.");
+                    }
+                });
+            }
+        });
+        loadAllRiskyItems();
+    }
     private void updateItemDescriptionTable(List<Item> items){
-        itemDescriptionTable.removeAllRows();
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_ID, "80px");
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_PRODUCT_GROUP, "128px");
+        // Add the data to the data provider, which automatically pushes it to the
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_BRAND, "150px");
+        // widget.
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_MODEL_NUMBER, "200px");
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_MODEL_NAME, "200px");
+        List<Item> list = dataProvider.getList();
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_COLOR, "128px");
+        list.clear();
-        itemDescriptionTable.getColumnFormatter().setWidth(INDEX_CATEGORY, "220px");
+        list.addAll(items);
-        int i=0;
+        pager.firstPage();
-        for(final Item item : items){
-            itemDescriptionTable.setText(i, INDEX_ID, item.getId() + "");
-            itemDescriptionTable.setText(i, INDEX_PRODUCT_GROUP, item.getProductGroup());
-            itemDescriptionTable.setText(i, INDEX_BRAND, item.getBrand());
-            itemDescriptionTable.setText(i, INDEX_MODEL_NUMBER, item.getModelNumber());
-            itemDescriptionTable.setText(i, INDEX_MODEL_NAME, item.getModelName());
-            itemDescriptionTable.setText(i, INDEX_COLOR, item.getColor());
-            itemDescriptionTable.setText(i, INDEX_CATEGORY, item.getContentCategory()+"");
-            i++;
-        }
+    }
     /**
      * On click of an item in the list, a fresh call is made to the service to fetch item details, vendor prices
      * and vendor item keys. The item object is then passed to ItemDetails to set the values in UI fields
      * @param event
      */
-    @UiHandler("itemDescriptionTable")
+//    @UiHandler("itemDescriptionTable")
-    void onClick(ClickEvent event) {
+//    void onClick(ClickEvent event) {
+//
-        Cell cell = itemDescriptionTable.getCellForEvent(event);
+//        Cell cell = itemDescriptionTable.getCellForEvent(event);
-        int newRowIndex = cell.getRowIndex();
+//        int newRowIndex = cell.getRowIndex();
-        selectRow(newRowIndex);
+//        selectRow(newRowIndex);
-        String itemId = itemDescriptionTable.getText(newRowIndex, INDEX_ID);
+//        String itemId = itemDescriptionTable.getText(newRowIndex, INDEX_ID);
+//
-        catalogService.getItem(Long.parseLong(itemId), new AsyncCallback<Item>() {
+//        catalogService.getItem(Long.parseLong(itemId), new AsyncCallback<Item>() {
-            @Override
+//            @Override
-            public void onSuccess(Item result) {
+//            public void onSuccess(Item result) {
-                itemDetails.setItemDetails(result);
+//                itemDetails.setItemDetails(result);
-            }
+//            }
-            @Override
+//            @Override
-            public void onFailure(Throwable caught) {
+//            public void onFailure(Throwable caught) {
-                caught.printStackTrace();
+//                caught.printStackTrace();
-                Window.alert("Unable to fetch item details.");
+//                Window.alert("Unable to fetch item details.");
-            }
+//            }
-        });
+//        });
-    }
+//    }
     private void selectRow(int row) {
+        //TODO: Change the style of the selected row
-        String style = selectionStyle.selectedRow();
+//        String style = selectionStyle.selectedRow();
-        if(selectedRow != -1){
+//        if(selectedRow != -1){
-            itemDescriptionTable.getRowFormatter().removeStyleName(selectedRow, style);
+//            itemDescriptionTable.getRowElement(row)owFormatter().removeStyleName(selectedRow, style);
-        }
+//        }
+//
-        itemDescriptionTable.getRowFormatter().addStyleName(row, style);
+//        itemDescriptionTable.getRowFormatter().addStyleName(row, style);
-        selectedRow = row;
+//        selectedRow = row;
+    }
     /* For testing
       private HashMap map;
       private List<Item> items;
      * This method is called when item is updated in ItemDetails.java to update
      * attributes in the list also.
      * @param item
      */
     public void updateItem(Item item) {
+        //TODO: Update the item in the list when its details are updated
-        itemDescriptionTable.setText(selectedRow, INDEX_PRODUCT_GROUP, item.getProductGroup());
+//        itemDescriptionTable.setText(selectedRow, INDEX_PRODUCT_GROUP, item.getProductGroup());
-        itemDescriptionTable.setText(selectedRow, INDEX_BRAND, item.getBrand());
+//        itemDescriptionTable.setText(selectedRow, INDEX_BRAND, item.getBrand());
-        itemDescriptionTable.setText(selectedRow, INDEX_MODEL_NUMBER, item.getModelNumber());
+//        itemDescriptionTable.setText(selectedRow, INDEX_MODEL_NUMBER, item.getModelNumber());
-        itemDescriptionTable.setText(selectedRow, INDEX_MODEL_NAME, item.getModelName());
+//        itemDescriptionTable.setText(selectedRow, INDEX_MODEL_NAME, item.getModelName());
-        itemDescriptionTable.setText(selectedRow, INDEX_COLOR, item.getColor());
+//        itemDescriptionTable.setText(selectedRow, INDEX_COLOR, item.getColor());
+    }
+}

Subversion Repositories SmartDukaan

(root)/trunk/CatalogDashboard/src/main/java/in/shop2020/catalog/dashboard/client/ItemList.java – Rev 2489 → 3524