shared panel enhanced, see https://issue.imarine.research-infrastructures.eu/ticket/2798
git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/portlets/widgets/workspace-sharing-widget@98219 82a268e6-3cf1-43bd-a215-b396298e98cf
|
@ -22,7 +22,7 @@
|
|||
/> -->
|
||||
|
||||
|
||||
<!-- Specify the app entry point class. -->
|
||||
<!-- Specify the app entry point class. -->
|
||||
<!-- <entry-point class='org.gcube.portlets.widgets.workspacesharingwidget.client.WorkspaceSharingWidgetEntryPoint' /> -->
|
||||
|
||||
<!-- Specify the application specific style sheet. -->
|
||||
|
|
|
@ -37,5 +37,28 @@ public interface Icons extends ClientBundle {
|
|||
*/
|
||||
@Source("sharegroup.png")
|
||||
ImageResource group();
|
||||
}
|
||||
|
||||
/**
|
||||
* @return
|
||||
*/
|
||||
@Source("aoneleft.png")
|
||||
ImageResource selectedLeft();
|
||||
|
||||
/**
|
||||
* @return
|
||||
*/
|
||||
@Source("aoneright.png")
|
||||
ImageResource selectedRight();
|
||||
|
||||
/**
|
||||
* @return
|
||||
*/
|
||||
@Source("amoreleft.png")
|
||||
ImageResource allLeft();
|
||||
|
||||
/**
|
||||
* @return
|
||||
*/
|
||||
@Source("amoreright.png")
|
||||
ImageResource allRight();
|
||||
}
|
||||
|
|
|
@ -60,5 +60,20 @@ public class Resources {
|
|||
return AbstractImagePrototype.create(ICONS.group());
|
||||
}
|
||||
|
||||
public static AbstractImagePrototype getAllLeft() {
|
||||
return AbstractImagePrototype.create(ICONS.allLeft());
|
||||
}
|
||||
|
||||
public static AbstractImagePrototype getAllRight() {
|
||||
return AbstractImagePrototype.create(ICONS.allRight());
|
||||
}
|
||||
|
||||
public static AbstractImagePrototype getSelectedLeft() {
|
||||
return AbstractImagePrototype.create(ICONS.selectedLeft());
|
||||
}
|
||||
|
||||
public static AbstractImagePrototype getSelectedRight() {
|
||||
return AbstractImagePrototype.create(ICONS.selectedRight());
|
||||
}
|
||||
|
||||
}
|
||||
|
|
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.3 KiB |
|
@ -14,7 +14,11 @@ import com.extjs.gxt.ui.client.Style.SortDir;
|
|||
import com.extjs.gxt.ui.client.Style.VerticalAlignment;
|
||||
import com.extjs.gxt.ui.client.dnd.GridDragSource;
|
||||
import com.extjs.gxt.ui.client.dnd.GridDropTarget;
|
||||
import com.extjs.gxt.ui.client.event.BaseEvent;
|
||||
import com.extjs.gxt.ui.client.event.ButtonEvent;
|
||||
import com.extjs.gxt.ui.client.event.Events;
|
||||
import com.extjs.gxt.ui.client.event.Listener;
|
||||
import com.extjs.gxt.ui.client.event.MessageBoxEvent;
|
||||
import com.extjs.gxt.ui.client.event.SelectionListener;
|
||||
import com.extjs.gxt.ui.client.store.ListStore;
|
||||
import com.extjs.gxt.ui.client.store.Store;
|
||||
|
@ -24,6 +28,7 @@ import com.extjs.gxt.ui.client.widget.ContentPanel;
|
|||
import com.extjs.gxt.ui.client.widget.Dialog;
|
||||
import com.extjs.gxt.ui.client.widget.HorizontalPanel;
|
||||
import com.extjs.gxt.ui.client.widget.Label;
|
||||
import com.extjs.gxt.ui.client.widget.LayoutContainer;
|
||||
import com.extjs.gxt.ui.client.widget.MessageBox;
|
||||
import com.extjs.gxt.ui.client.widget.VerticalPanel;
|
||||
import com.extjs.gxt.ui.client.widget.button.Button;
|
||||
|
@ -34,6 +39,7 @@ import com.extjs.gxt.ui.client.widget.grid.ColumnData;
|
|||
import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
|
||||
import com.extjs.gxt.ui.client.widget.grid.Grid;
|
||||
import com.extjs.gxt.ui.client.widget.grid.GridCellRenderer;
|
||||
import com.extjs.gxt.ui.client.widget.layout.CenterLayout;
|
||||
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
|
||||
import com.extjs.gxt.ui.client.widget.layout.RowData;
|
||||
import com.extjs.gxt.ui.client.widget.layout.RowLayout;
|
||||
|
@ -42,333 +48,527 @@ import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;
|
|||
|
||||
public class MultiDragContact extends Dialog {
|
||||
|
||||
private GridDropTarget dropSource;
|
||||
private GridDropTarget dropTarget;
|
||||
private ListStore<InfoContactModel> storeSource = new ListStore<InfoContactModel>();
|
||||
private ListStore<InfoContactModel> storeTarget = new ListStore<InfoContactModel>();
|
||||
private TextArea textAreaAlreadyShared;
|
||||
private Grid<InfoContactModel> gridAllContacts;
|
||||
private Grid<InfoContactModel> gridShareWith;
|
||||
|
||||
public MultiDragContact() {
|
||||
setStyleAttribute("margin", "10px");
|
||||
setSize(563, 542);
|
||||
setHeading("Group dragging contacts");
|
||||
setIcon(Resources.getIconUsers());
|
||||
setModal(true);
|
||||
setScrollMode(Scroll.AUTOY);
|
||||
setBodyStyle("padding: 9px; background: none");
|
||||
setResizable(true);
|
||||
setButtonAlign(HorizontalAlignment.CENTER);
|
||||
setButtons(Dialog.OKCANCEL);
|
||||
//SORTING STORE
|
||||
setGropUserStoreSorter(storeSource);
|
||||
setGropUserStoreSorter(storeTarget);
|
||||
|
||||
|
||||
ContentPanel cpAlreadyShared = new ContentPanel();
|
||||
cpAlreadyShared.setSize(530, 60);
|
||||
cpAlreadyShared.setHeaderVisible(false);
|
||||
|
||||
cpAlreadyShared.setLayout(new FitLayout());
|
||||
|
||||
VerticalPanel vpShared = new VerticalPanel();
|
||||
vpShared.setVerticalAlign(VerticalAlignment.MIDDLE);
|
||||
vpShared.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vpShared.setStyleAttribute("padding", "5px");
|
||||
vpShared.setLayout(new FitLayout());
|
||||
HorizontalPanel hpSharedContacts = new HorizontalPanel();
|
||||
hpSharedContacts.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
hpSharedContacts.setVerticalAlign(VerticalAlignment.MIDDLE);
|
||||
textAreaAlreadyShared = new TextArea();
|
||||
// textField.setFieldLabel("Already shared with");
|
||||
// textField.setHeight(30);
|
||||
textAreaAlreadyShared.setWidth(401);
|
||||
textAreaAlreadyShared.setHeight(43);
|
||||
cpAlreadyShared.setStyleAttribute("padding-bottom", "5px");
|
||||
textAreaAlreadyShared.setReadOnly(true);
|
||||
cpAlreadyShared.add(textAreaAlreadyShared);
|
||||
|
||||
Label label = new Label("Already shared with");
|
||||
label.setStyleAttribute("padding-right", "10px");
|
||||
|
||||
hpSharedContacts.add(label);
|
||||
hpSharedContacts.add(textAreaAlreadyShared);
|
||||
vpShared.add(hpSharedContacts);
|
||||
cpAlreadyShared.add(vpShared);
|
||||
add(cpAlreadyShared);
|
||||
|
||||
|
||||
ContentPanel cp = new ContentPanel();
|
||||
cp.setSize(530, 370);
|
||||
cp.setHeaderVisible(false);
|
||||
cp.setLayout(new RowLayout(Orientation.HORIZONTAL));
|
||||
|
||||
ToolBar toolBar = new ToolBar();
|
||||
Button buttonHelp = new Button();
|
||||
buttonHelp.setIcon(Resources.getIconInfo());
|
||||
|
||||
buttonHelp.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
MessageBox.info("Group dragging action", "Drag one or more contacts from the left (All Contacts) to the right (Share with) to add users in your sharing list.", null);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
toolBar.add(buttonHelp);
|
||||
setTopComponent(toolBar);
|
||||
|
||||
VerticalPanel vp = new VerticalPanel();
|
||||
vp.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vp.add(new Label("All Contacts"));
|
||||
gridAllContacts = new Grid<InfoContactModel>(storeSource, createColumnModel());
|
||||
|
||||
storeSource.setDefaultSort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
storeSource.sort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
|
||||
storeTarget.setDefaultSort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
storeTarget.sort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
|
||||
|
||||
StoreFilterField<InfoContactModel> filter = new StoreFilterField<InfoContactModel>() {
|
||||
|
||||
@Override
|
||||
protected boolean doSelect(Store<InfoContactModel> store,
|
||||
InfoContactModel parent, InfoContactModel record,
|
||||
String property, String filter) {
|
||||
|
||||
String name = record.getName();
|
||||
name = name.toLowerCase();
|
||||
if (name.contains(filter.toLowerCase())) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// filter.setFieldLabel("Filter Contacts");
|
||||
filter.setWidth(247);
|
||||
filter.setEmptyText("Filter All Contacts");
|
||||
HorizontalPanel hp = new HorizontalPanel();
|
||||
hp.setStyleAttribute("padding-top", "5px");
|
||||
hp.setStyleAttribute("padding-bottom", "5px");
|
||||
hp.add(filter);
|
||||
filter.bind(storeSource);
|
||||
|
||||
gridAllContacts.setSize(250,310);
|
||||
gridAllContacts.setBorders(false);
|
||||
gridAllContacts.getView().setAutoFill(true);
|
||||
// gridAllContacts.setAutoExpandColumn(InfoContactModel.FULLNAME);
|
||||
gridAllContacts.setBorders(true);
|
||||
|
||||
vp.add(hp);
|
||||
vp.add(gridAllContacts);
|
||||
|
||||
|
||||
|
||||
RowData rowData = new RowData(.5, 1);
|
||||
rowData.setMargins(new Margins(6));
|
||||
cp.add(vp, rowData);
|
||||
|
||||
vp = new VerticalPanel();
|
||||
vp.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vp.add(new Label("Share with..."));
|
||||
gridShareWith = new Grid<InfoContactModel>(storeTarget, createColumnModel());
|
||||
|
||||
StoreFilterField<InfoContactModel> filter2 = new StoreFilterField<InfoContactModel>() {
|
||||
|
||||
@Override
|
||||
protected boolean doSelect(Store<InfoContactModel> store,
|
||||
InfoContactModel parent, InfoContactModel record,
|
||||
String property, String filter) {
|
||||
|
||||
String name = record.getName();
|
||||
name = name.toLowerCase();
|
||||
if (name.contains(filter.toLowerCase())) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// filter.setFieldLabel("Filter Contacts");
|
||||
filter2.setWidth(247);
|
||||
filter2.setEmptyText("Filter Share with");
|
||||
|
||||
hp = new HorizontalPanel();
|
||||
hp.setStyleAttribute("padding-top", "5px");
|
||||
hp.setStyleAttribute("padding-bottom", "5px");
|
||||
hp.add(filter2);
|
||||
filter2.bind(storeTarget);
|
||||
|
||||
|
||||
gridShareWith.setSize(250, 310);
|
||||
gridShareWith.setBorders(false);
|
||||
gridShareWith.getView().setAutoFill(true);
|
||||
// gridShareWith.setAutoExpandColumn(InfoContactModel.FULLNAME);
|
||||
gridShareWith.setBorders(true);
|
||||
vp.add(hp);
|
||||
vp.add(gridShareWith);
|
||||
|
||||
rowData = new RowData(.5, 1);
|
||||
rowData.setMargins(new Margins(6, 6, 6, 0));
|
||||
cp.add(vp, rowData);
|
||||
|
||||
new GridDragSource(gridAllContacts);
|
||||
new GridDragSource(gridShareWith);
|
||||
|
||||
dropSource = new GridDropTarget(gridAllContacts);
|
||||
dropSource.setAllowSelfAsSource(false);
|
||||
|
||||
dropTarget = new GridDropTarget(gridShareWith);
|
||||
dropTarget.setAllowSelfAsSource(false);
|
||||
|
||||
add(cp);
|
||||
|
||||
this.getButtonById(Dialog.CANCEL).addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
this.getButtonById(Dialog.OK).addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
hide();
|
||||
}
|
||||
});
|
||||
|
||||
// needed to enable quicktips (qtitle for the heading and qtip for the
|
||||
// content) that are setup in the change GridCellRenderer
|
||||
new QuickTip(gridAllContacts);
|
||||
}
|
||||
|
||||
private ColumnModel createColumnModel() {
|
||||
List<ColumnConfig> configs = new ArrayList<ColumnConfig>();
|
||||
|
||||
ColumnConfig icon = new ColumnConfig("Icon", "", 25);
|
||||
configs.add(icon);
|
||||
|
||||
ColumnConfig columnConfigDisplayName = new ColumnConfig(InfoContactModel.FULLNAME, "Name", 150);
|
||||
configs.add(columnConfigDisplayName);
|
||||
|
||||
ColumnConfig type = new ColumnConfig(InfoContactModel.ISGROUP, "Type", 50);
|
||||
configs.add(type);
|
||||
|
||||
|
||||
GridCellRenderer<InfoContactModel> iconRender = new GridCellRenderer<InfoContactModel>() {
|
||||
@Override
|
||||
public String render(InfoContactModel model, String property, ColumnData config, int rowIndex, int colIndex, ListStore<InfoContactModel> store, Grid<InfoContactModel> grid) {
|
||||
if( model.isGroup()){
|
||||
return Resources.getIconGroup().getHTML();
|
||||
}else{
|
||||
return Resources.getIconUser().getHTML();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
icon.setRenderer(iconRender);
|
||||
|
||||
GridCellRenderer<InfoContactModel> displayNameCellRender = new GridCellRenderer<InfoContactModel>() {
|
||||
public String render(InfoContactModel model, String property, ColumnData config, int rowIndex, int colIndex, ListStore<InfoContactModel> store, Grid<InfoContactModel> grid) {
|
||||
|
||||
if(model!=null){
|
||||
|
||||
String value = model.get (property);
|
||||
if (value != null){
|
||||
return "<span qtitle='' qtip='" + model.getLogin() +"'>" + value + "</span>";
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
};
|
||||
|
||||
columnConfigDisplayName.setRenderer(displayNameCellRender);
|
||||
|
||||
GridCellRenderer<InfoContactModel> typeRender = new GridCellRenderer<InfoContactModel>() {
|
||||
@Override
|
||||
public String render(InfoContactModel model, String property, ColumnData config, int rowIndex, int colIndex, ListStore<InfoContactModel> store, Grid<InfoContactModel> grid) {
|
||||
Boolean isGroup = (Boolean) model.get(property);
|
||||
String color = "#0F4FA8";
|
||||
String val = "";
|
||||
if(isGroup){
|
||||
val = "Group";
|
||||
color = "#05316D";
|
||||
return "<span style='font-weight: bold; color:" + color + "'>" + val + "</span>";
|
||||
}else{
|
||||
val = "User";
|
||||
return "<span style='font-weight: bold; color:" + color + "'>" + val + "</span>";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
type.setRenderer(typeRender);
|
||||
return new ColumnModel(configs);
|
||||
}
|
||||
|
||||
public void addSourceContacts(List<InfoContactModel> listContact){
|
||||
|
||||
gridAllContacts.mask("", ConstantsSharing.LOADINGSTYLE);
|
||||
if(listContact!=null && listContact.size()>0){
|
||||
|
||||
// for (InfoContactModel infoContactModel : listContact) {
|
||||
//
|
||||
// if(infoContactModel.getName()!=null && !infoContactModel.getName().isEmpty())
|
||||
// storeSource.add(infoContactModel);
|
||||
// }
|
||||
|
||||
storeSource.add(listContact);
|
||||
}
|
||||
gridAllContacts.unmask();
|
||||
}
|
||||
|
||||
public void addAlreadySharedContacts(List<InfoContactModel> listContact){
|
||||
|
||||
gridShareWith.mask("", ConstantsSharing.LOADINGSTYLE);
|
||||
if(listContact!=null && listContact.size()>0){
|
||||
|
||||
String alreadyShared = "";
|
||||
for (int i=0; i<listContact.size()-1; i++)
|
||||
alreadyShared+=listContact.get(i).getName()+", ";
|
||||
|
||||
alreadyShared+=listContact.get(listContact.size()-1).getName();
|
||||
|
||||
textAreaAlreadyShared.setValue(alreadyShared);
|
||||
}
|
||||
gridShareWith.unmask();
|
||||
|
||||
}
|
||||
|
||||
public void addTargetContacts(List<InfoContactModel> listContact){
|
||||
if(listContact!=null && listContact.size()>0)
|
||||
storeTarget.add(listContact);
|
||||
}
|
||||
|
||||
public void addTargetContact(InfoContactModel contact){
|
||||
if(contact!=null)
|
||||
storeTarget.add(contact);
|
||||
}
|
||||
|
||||
public List<InfoContactModel> getTargetListContact(){
|
||||
return storeTarget.getModels();
|
||||
}
|
||||
|
||||
private void setGropUserStoreSorter(ListStore<InfoContactModel> store){
|
||||
|
||||
// Sorting files
|
||||
store.setStoreSorter(new StoreSorter<InfoContactModel>() {
|
||||
private static final int WIDTH_CP = 597;
|
||||
private static final int HEIGHT_DIALOG = 542;
|
||||
private static final int WIDTH_DIALOG = 625;
|
||||
private static final int HEIGHT_GRID = 310;
|
||||
|
||||
private GridDropTarget dropSource;
|
||||
private GridDropTarget dropTarget;
|
||||
private ListStore<InfoContactModel> storeSource = new ListStore<InfoContactModel>();
|
||||
private ListStore<InfoContactModel> storeTarget = new ListStore<InfoContactModel>();
|
||||
private TextArea textAreaAlreadyShared;
|
||||
private Grid<InfoContactModel> gridAllContacts;
|
||||
private Grid<InfoContactModel> gridShareWith;
|
||||
|
||||
private Button buttonSelectedLeft;
|
||||
private Button buttonSelectedRight;
|
||||
private Button buttonAllRight;
|
||||
private Button buttonAllLeft;
|
||||
|
||||
public MultiDragContact() {
|
||||
setStyleAttribute("margin", "10px");
|
||||
setSize(WIDTH_DIALOG, HEIGHT_DIALOG);
|
||||
setHeading("Group dragging contacts");
|
||||
setResizable(false);
|
||||
setMaximizable(false);
|
||||
setIcon(Resources.getIconUsers());
|
||||
setModal(true);
|
||||
setScrollMode(Scroll.AUTOY);
|
||||
setBodyStyle("padding: 9px; background: none");
|
||||
setResizable(true);
|
||||
setButtonAlign(HorizontalAlignment.CENTER);
|
||||
setButtons(Dialog.OKCANCEL);
|
||||
// SORTING STORE
|
||||
setGropUserStoreSorter(storeSource);
|
||||
setGropUserStoreSorter(storeTarget);
|
||||
|
||||
ContentPanel cpAlreadyShared = new ContentPanel();
|
||||
cpAlreadyShared.setSize(WIDTH_CP, 60);
|
||||
cpAlreadyShared.setHeaderVisible(false);
|
||||
|
||||
cpAlreadyShared.setLayout(new FitLayout());
|
||||
|
||||
VerticalPanel vpShared = new VerticalPanel();
|
||||
vpShared.setVerticalAlign(VerticalAlignment.MIDDLE);
|
||||
vpShared.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vpShared.setStyleAttribute("padding", "5px");
|
||||
vpShared.setLayout(new FitLayout());
|
||||
HorizontalPanel hpSharedContacts = new HorizontalPanel();
|
||||
hpSharedContacts.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
hpSharedContacts.setVerticalAlign(VerticalAlignment.MIDDLE);
|
||||
textAreaAlreadyShared = new TextArea();
|
||||
// textField.setFieldLabel("Already shared with");
|
||||
// textField.setHeight(30);
|
||||
textAreaAlreadyShared.setWidth(501);
|
||||
textAreaAlreadyShared.setHeight(43);
|
||||
cpAlreadyShared.setStyleAttribute("padding-bottom", "5px");
|
||||
textAreaAlreadyShared.setReadOnly(true);
|
||||
cpAlreadyShared.add(textAreaAlreadyShared);
|
||||
|
||||
Label label = new Label("Already shared with");
|
||||
label.setStyleAttribute("padding-right", "10px");
|
||||
|
||||
hpSharedContacts.add(label);
|
||||
hpSharedContacts.add(textAreaAlreadyShared);
|
||||
vpShared.add(hpSharedContacts);
|
||||
cpAlreadyShared.add(vpShared);
|
||||
add(cpAlreadyShared);
|
||||
|
||||
final ContentPanel cp = new ContentPanel();
|
||||
cp.setSize(WIDTH_CP, 370);
|
||||
cp.setHeaderVisible(false);
|
||||
cp.setLayout(new RowLayout(Orientation.HORIZONTAL));
|
||||
|
||||
ToolBar toolBar = new ToolBar();
|
||||
Button buttonHelp = new Button();
|
||||
buttonHelp.setIcon(Resources.getIconInfo());
|
||||
|
||||
buttonHelp.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public int compare(Store<InfoContactModel> store, InfoContactModel m1, InfoContactModel m2, String property) {
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
MessageBox
|
||||
.info("Group dragging action",
|
||||
"Drag one or more contacts from the left (All Contacts) to the right (Share with) to add users in your sharing list.",
|
||||
null);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
toolBar.add(buttonHelp);
|
||||
setTopComponent(toolBar);
|
||||
|
||||
final VerticalPanel vpAllContacts = new VerticalPanel();
|
||||
vpAllContacts.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vpAllContacts.add(new Label("All Contacts"));
|
||||
gridAllContacts = new Grid<InfoContactModel>(storeSource,
|
||||
createColumnModel());
|
||||
|
||||
storeSource.setDefaultSort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
storeSource.sort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
|
||||
storeTarget.setDefaultSort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
storeTarget.sort(InfoContactModel.FULLNAME, SortDir.ASC);
|
||||
|
||||
final StoreFilterField<InfoContactModel> filter = new StoreFilterField<InfoContactModel>() {
|
||||
|
||||
@Override
|
||||
protected boolean doSelect(Store<InfoContactModel> store,
|
||||
InfoContactModel parent, InfoContactModel record,
|
||||
String property, String filter) {
|
||||
|
||||
String name = record.getName();
|
||||
name = name.toLowerCase();
|
||||
if (name.contains(filter.toLowerCase())) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// filter.setFieldLabel("Filter Contacts");
|
||||
// filter.setWidth(247);
|
||||
filter.setEmptyText("Filter All Contacts");
|
||||
HorizontalPanel hp = new HorizontalPanel();
|
||||
hp.setStyleAttribute("padding-top", "5px");
|
||||
hp.setStyleAttribute("padding-bottom", "5px");
|
||||
hp.add(filter);
|
||||
filter.bind(storeSource);
|
||||
|
||||
gridAllContacts.setHeight(HEIGHT_GRID);
|
||||
gridAllContacts.setBorders(false);
|
||||
gridAllContacts.getView().setAutoFill(true);
|
||||
// gridAllContacts.setAutoExpandColumn(InfoContactModel.FULLNAME);
|
||||
gridAllContacts.setBorders(true);
|
||||
|
||||
vpAllContacts.add(hp);
|
||||
vpAllContacts.add(gridAllContacts);
|
||||
|
||||
RowData rowData = new RowData(.4, 1);
|
||||
rowData.setMargins(new Margins(6));
|
||||
cp.add(vpAllContacts, rowData);
|
||||
|
||||
rowData = new RowData(.2, 1);
|
||||
rowData.setMargins(new Margins(6));
|
||||
LayoutContainer lc = createMoveContactsContainer();
|
||||
cp.add(lc, rowData);
|
||||
|
||||
rowData = new RowData(.4, 1);
|
||||
rowData.setMargins(new Margins(6, 6, 6, 0));
|
||||
|
||||
final VerticalPanel vpShareWith = new VerticalPanel();
|
||||
vpShareWith.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vpShareWith.add(new Label("Share with..."));
|
||||
gridShareWith = new Grid<InfoContactModel>(storeTarget,createColumnModel());
|
||||
|
||||
final StoreFilterField<InfoContactModel> filter2 = new StoreFilterField<InfoContactModel>() {
|
||||
|
||||
@Override
|
||||
protected boolean doSelect(Store<InfoContactModel> store,
|
||||
InfoContactModel parent, InfoContactModel record,
|
||||
String property, String filter) {
|
||||
|
||||
String name = record.getName();
|
||||
name = name.toLowerCase();
|
||||
if (name.contains(filter.toLowerCase())) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// filter.setFieldLabel("Filter Contacts");
|
||||
// filter2.setWidth(247);
|
||||
filter2.setEmptyText("Filter Share with");
|
||||
|
||||
hp = new HorizontalPanel();
|
||||
hp.setStyleAttribute("padding-top", "5px");
|
||||
hp.setStyleAttribute("padding-bottom", "5px");
|
||||
hp.add(filter2);
|
||||
filter2.bind(storeTarget);
|
||||
|
||||
gridShareWith.setHeight(HEIGHT_GRID);
|
||||
gridShareWith.setBorders(false);
|
||||
gridShareWith.getView().setAutoFill(true);
|
||||
// gridShareWith.setAutoExpandColumn(InfoContactModel.FULLNAME);
|
||||
gridShareWith.setBorders(true);
|
||||
vpShareWith.add(hp);
|
||||
vpShareWith.add(gridShareWith);
|
||||
|
||||
cp.add(vpShareWith, rowData);
|
||||
|
||||
new GridDragSource(gridAllContacts);
|
||||
new GridDragSource(gridShareWith);
|
||||
|
||||
dropSource = new GridDropTarget(gridAllContacts);
|
||||
dropSource.setAllowSelfAsSource(false);
|
||||
|
||||
dropTarget = new GridDropTarget(gridShareWith);
|
||||
dropTarget.setAllowSelfAsSource(false);
|
||||
|
||||
add(cp);
|
||||
|
||||
this.getButtonById(Dialog.CANCEL).addSelectionListener(
|
||||
new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
hide();
|
||||
}
|
||||
});
|
||||
|
||||
this.getButtonById(Dialog.OK).addSelectionListener(
|
||||
new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
List<InfoContactModel> shareContacts = storeTarget
|
||||
.getModels();
|
||||
|
||||
if (shareContacts == null || shareContacts.isEmpty()) {
|
||||
|
||||
MessageBox mbc = MessageBox
|
||||
.confirm(
|
||||
"Confirm exit?",
|
||||
"You have not selected any contact to share, confirm exit?",
|
||||
null);
|
||||
|
||||
mbc.addCallback(new Listener<MessageBoxEvent>() {
|
||||
|
||||
@Override
|
||||
public void handleEvent(MessageBoxEvent be) {
|
||||
String clickedButton = be
|
||||
.getButtonClicked().getItemId();
|
||||
if (clickedButton.equals(Dialog.YES)) {
|
||||
hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
} else
|
||||
hide();
|
||||
}
|
||||
});
|
||||
|
||||
cp.addListener(Events.Render, new Listener<BaseEvent>() {
|
||||
|
||||
@Override
|
||||
public void handleEvent(BaseEvent be) {
|
||||
int width = gridAllContacts.getWidth();
|
||||
filter.setWidth(width-2);
|
||||
filter2.setWidth(width-2);
|
||||
gridAllContacts.setWidth(width);
|
||||
vpAllContacts.setWidth(width+7);
|
||||
gridShareWith.setWidth(width);
|
||||
vpShareWith.setWidth(width+10);
|
||||
vpShareWith.layout();
|
||||
vpAllContacts.layout();
|
||||
cp.layout();
|
||||
}
|
||||
});
|
||||
|
||||
// needed to enable quicktips (qtitle for the heading and qtip for the
|
||||
// content) that are setup in the change GridCellRenderer
|
||||
new QuickTip(gridAllContacts);
|
||||
}
|
||||
|
||||
private LayoutContainer createMoveContactsContainer() {
|
||||
|
||||
LayoutContainer lc = new LayoutContainer();
|
||||
lc.setLayout(new CenterLayout());
|
||||
VerticalPanel vp1 = new VerticalPanel();
|
||||
vp1.setHorizontalAlign(HorizontalAlignment.CENTER);
|
||||
vp1.setVerticalAlign(VerticalAlignment.MIDDLE);
|
||||
|
||||
buttonSelectedLeft = new Button();
|
||||
buttonSelectedLeft.setIcon(Resources.getSelectedLeft());
|
||||
buttonSelectedLeft
|
||||
.setToolTip("Move selected contact/s from 'All Contact' to 'Share with'");
|
||||
buttonSelectedLeft
|
||||
.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
|
||||
List<InfoContactModel> selectedItems = gridAllContacts
|
||||
.getSelectionModel().getSelectedItems();
|
||||
|
||||
if (selectedItems != null && selectedItems.size() > 0) {
|
||||
|
||||
for (InfoContactModel extendedInfoContactModel : selectedItems) {
|
||||
storeTarget.add(extendedInfoContactModel);
|
||||
storeSource.remove(extendedInfoContactModel);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
buttonSelectedRight = new Button();
|
||||
buttonSelectedRight.setIcon(Resources.getSelectedRight());
|
||||
buttonSelectedRight
|
||||
.setToolTip("Move selected contact/s from 'Share with' to 'All Contact'");
|
||||
|
||||
buttonSelectedRight
|
||||
.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
|
||||
List<InfoContactModel> selectedItems = gridShareWith
|
||||
.getSelectionModel().getSelectedItems();
|
||||
|
||||
if (selectedItems != null && selectedItems.size() > 0) {
|
||||
|
||||
for (InfoContactModel extendedInfoContactModel : selectedItems) {
|
||||
storeSource.add(extendedInfoContactModel);
|
||||
storeTarget.remove(extendedInfoContactModel);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
buttonAllLeft = new Button();
|
||||
buttonAllLeft.setIcon(Resources.getAllLeft());
|
||||
buttonAllLeft
|
||||
.setToolTip("Move all contact/s from 'All Contact' to 'Share with'");
|
||||
|
||||
buttonAllLeft
|
||||
.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
|
||||
if (storeSource != null && storeSource.getCount() > 0) {
|
||||
for (InfoContactModel extendedInfoContactModel : storeSource
|
||||
.getModels()) {
|
||||
storeTarget.add(extendedInfoContactModel);
|
||||
storeSource.remove(extendedInfoContactModel);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
buttonAllRight = new Button();
|
||||
buttonAllRight.setIcon(Resources.getAllRight());
|
||||
buttonAllRight
|
||||
.setToolTip("Move all contact/s from 'Share with' to 'All Contact'");
|
||||
|
||||
buttonAllRight
|
||||
.addSelectionListener(new SelectionListener<ButtonEvent>() {
|
||||
|
||||
@Override
|
||||
public void componentSelected(ButtonEvent ce) {
|
||||
|
||||
if (storeTarget != null && storeTarget.getCount() > 0) {
|
||||
for (InfoContactModel extendedInfoContactModel : storeTarget
|
||||
.getModels()) {
|
||||
storeSource.add(extendedInfoContactModel);
|
||||
storeTarget.remove(extendedInfoContactModel);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
vp1.add(buttonSelectedLeft);
|
||||
vp1.add(buttonAllLeft);
|
||||
vp1.add(buttonSelectedRight);
|
||||
vp1.add(buttonAllRight);
|
||||
|
||||
lc.add(vp1);
|
||||
|
||||
vp1.addListener(Events.Render, new Listener<BaseEvent>() {
|
||||
|
||||
@Override
|
||||
public void handleEvent(BaseEvent be) {
|
||||
buttonSelectedLeft.el().setStyleAttribute("margin-top", "40px");
|
||||
buttonAllLeft.el().setStyleAttribute("margin-top", "5px");
|
||||
buttonSelectedRight.el()
|
||||
.setStyleAttribute("margin-top", "20px");
|
||||
buttonAllRight.el().setStyleAttribute("margin", "5px");
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
return lc;
|
||||
}
|
||||
|
||||
private ColumnModel createColumnModel() {
|
||||
List<ColumnConfig> configs = new ArrayList<ColumnConfig>();
|
||||
|
||||
ColumnConfig icon = new ColumnConfig("Icon", "", 25);
|
||||
configs.add(icon);
|
||||
|
||||
ColumnConfig columnConfigDisplayName = new ColumnConfig(
|
||||
InfoContactModel.FULLNAME, "Name", 150);
|
||||
configs.add(columnConfigDisplayName);
|
||||
|
||||
ColumnConfig type = new ColumnConfig(InfoContactModel.ISGROUP, "Type",
|
||||
50);
|
||||
configs.add(type);
|
||||
|
||||
GridCellRenderer<InfoContactModel> iconRender = new GridCellRenderer<InfoContactModel>() {
|
||||
@Override
|
||||
public String render(InfoContactModel model, String property,
|
||||
ColumnData config, int rowIndex, int colIndex,
|
||||
ListStore<InfoContactModel> store,
|
||||
Grid<InfoContactModel> grid) {
|
||||
if (model.isGroup()) {
|
||||
return Resources.getIconGroup().getHTML();
|
||||
} else {
|
||||
return Resources.getIconUser().getHTML();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
icon.setRenderer(iconRender);
|
||||
|
||||
GridCellRenderer<InfoContactModel> displayNameCellRender = new GridCellRenderer<InfoContactModel>() {
|
||||
public String render(InfoContactModel model, String property,
|
||||
ColumnData config, int rowIndex, int colIndex,
|
||||
ListStore<InfoContactModel> store,
|
||||
Grid<InfoContactModel> grid) {
|
||||
|
||||
if (model != null) {
|
||||
|
||||
String value = model.get(property);
|
||||
if (value != null) {
|
||||
return "<span qtitle='' qtip='" + model.getLogin()
|
||||
+ "'>" + value + "</span>";
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
};
|
||||
|
||||
columnConfigDisplayName.setRenderer(displayNameCellRender);
|
||||
|
||||
GridCellRenderer<InfoContactModel> typeRender = new GridCellRenderer<InfoContactModel>() {
|
||||
@Override
|
||||
public String render(InfoContactModel model, String property,
|
||||
ColumnData config, int rowIndex, int colIndex,
|
||||
ListStore<InfoContactModel> store,
|
||||
Grid<InfoContactModel> grid) {
|
||||
Boolean isGroup = (Boolean) model.get(property);
|
||||
String color = "#0F4FA8";
|
||||
String val = "";
|
||||
if (isGroup) {
|
||||
val = "Group";
|
||||
color = "#05316D";
|
||||
return "<span style='font-weight: bold; color:" + color
|
||||
+ "'>" + val + "</span>";
|
||||
} else {
|
||||
val = "User";
|
||||
return "<span style='font-weight: bold; color:" + color
|
||||
+ "'>" + val + "</span>";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
type.setRenderer(typeRender);
|
||||
return new ColumnModel(configs);
|
||||
}
|
||||
|
||||
public void addSourceContacts(List<InfoContactModel> listContact) {
|
||||
|
||||
gridAllContacts.mask("", ConstantsSharing.LOADINGSTYLE);
|
||||
if (listContact != null && listContact.size() > 0) {
|
||||
|
||||
// for (InfoContactModel infoContactModel : listContact) {
|
||||
//
|
||||
// if(infoContactModel.getName()!=null &&
|
||||
// !infoContactModel.getName().isEmpty())
|
||||
// storeSource.add(infoContactModel);
|
||||
// }
|
||||
|
||||
storeSource.add(listContact);
|
||||
}
|
||||
gridAllContacts.unmask();
|
||||
}
|
||||
|
||||
public void addAlreadySharedContacts(List<InfoContactModel> listContact) {
|
||||
|
||||
gridShareWith.mask("", ConstantsSharing.LOADINGSTYLE);
|
||||
if (listContact != null && listContact.size() > 0) {
|
||||
|
||||
String alreadyShared = "";
|
||||
for (int i = 0; i < listContact.size() - 1; i++)
|
||||
alreadyShared += listContact.get(i).getName() + ", ";
|
||||
|
||||
alreadyShared += listContact.get(listContact.size() - 1).getName();
|
||||
|
||||
textAreaAlreadyShared.setValue(alreadyShared);
|
||||
}
|
||||
gridShareWith.unmask();
|
||||
|
||||
}
|
||||
|
||||
public void addTargetContacts(List<InfoContactModel> listContact) {
|
||||
if (listContact != null && listContact.size() > 0)
|
||||
storeTarget.add(listContact);
|
||||
}
|
||||
|
||||
public void addTargetContact(InfoContactModel contact) {
|
||||
if (contact != null)
|
||||
storeTarget.add(contact);
|
||||
}
|
||||
|
||||
public List<InfoContactModel> getTargetListContact() {
|
||||
return storeTarget.getModels();
|
||||
}
|
||||
|
||||
private void setGropUserStoreSorter(ListStore<InfoContactModel> store) {
|
||||
|
||||
// Sorting files
|
||||
store.setStoreSorter(new StoreSorter<InfoContactModel>() {
|
||||
|
||||
@Override
|
||||
public int compare(Store<InfoContactModel> store,
|
||||
InfoContactModel m1, InfoContactModel m2, String property) {
|
||||
boolean m1Group = m1.isGroup();
|
||||
boolean m2Group = m2.isGroup();
|
||||
|
||||
|
|
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.3 KiB |