You are viewing a plain text version of this content. The canonical link for it is here.
Posted to server-dev@james.apache.org by do...@apache.org on 2013/09/12 05:51:32 UTC
svn commit: r1522261 - in
/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui:
HupaLayout.java HupaLayout.ui.xml MessageContentView.java
MessageContentView.ui.xml MessagesCellTable.java ToolBarView.ui.xml
res/DataGrid.css
Author: dongxu
Date: Thu Sep 12 03:51:32 2013
New Revision: 1522261
URL: http://svn.apache.org/r1522261
Log:
beautify message list and content
Modified:
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.java
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.ui.xml
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.java
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.ui.xml
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessagesCellTable.java
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/ToolBarView.ui.xml
james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/res/DataGrid.css
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.java
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.java?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.java (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.java Thu Sep 12 03:51:32 2013
@@ -279,6 +279,7 @@ public class HupaLayout implements HupaL
messageSpace.setWidgetMinSize(folderArea, 144);
messageArea.setWidgetMinSize(messageListBox, 72);
messageArea.setWidgetHidden(contactBox, true);
+ messageArea.setWidgetMinSize(messageListBox, 130);
}
@Override
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.ui.xml
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.ui.xml?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.ui.xml (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/HupaLayout.ui.xml Thu Sep 12 03:51:32 2013
@@ -2,11 +2,15 @@
xmlns:g='urn:import:com.google.gwt.user.client.ui' xmlns:hupa='urn:import:org.apache.hupa.client.ui'>
<ui:image field="buttons" src="res/buttons.png" />
<<<<<<< HEAD
+<<<<<<< HEAD
<ui:image field="originLogo" src="res/hupa-logo-original-transparent.png" />
<ui:style>
.minWidth {
min-width: 700px;
=======
+=======
+ <ui:image field="originLogo" src="res/hupa-logo-original-transparent.png" />
+>>>>>>> beautify message list and content
<ui:style>
.minWidth {
min-width: 1150px;
@@ -96,6 +100,20 @@
background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
border-radius: 0 0 4px 4px;
}
+
+ @sprite .messageContent {
+ width: auto;
+ height: auto;
+ gwt-image: 'originLogo';
+ background-position: center center;
+ margin: 8px;
+ filter: grayscale(100%);
+ -webkit-filter: grayscale(100%);
+ -moz-filter: grayscale(100%);
+ -ms-filter: grayscale(100%);
+ -o-filter: grayscale(100%);
+ opacity: 0.7;
+ }
</ui:style>
<g:LayoutPanel addStyleNames="{style.minWidth}">
<g:layer left='0' right='0' top='0' height='92px'>
@@ -224,7 +242,7 @@
<g:center>
<g:SplitLayoutPanel ui:field="messageSpace">
<g:west size="373">
- <g:DockLayoutPanel ui:field="folderArea"
+ <g:DockLayoutPanel unit="PX" ui:field="folderArea"
addStyleNames="{style.folderList} {style.box} {style.listBox}">
<g:center>
<g:ScrollPanel ui:field="folderListContainer" />
@@ -257,9 +275,10 @@
</g:west>
<g:center>
<g:DockLayoutPanel unit="PX" addStyleNames="{style.box}"
- ui:field="MessageContentBox">
+ ui:field="messageContentBox">
<g:center>
- <g:ScrollPanel ui:field="messageContentContainer" />
+ <g:ScrollPanel ui:field="messageContentContainer"
+ addStyleNames="{style.messageContent}" />
</g:center>
<g:south size="25">
<g:SimplePanel ui:field="statusContainer" />
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.java
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.java?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.java (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.java Thu Sep 12 03:51:32 2013
@@ -90,7 +90,7 @@ import com.google.gwt.uibinder.client.Ui
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HTML;
-import com.google.gwt.user.client.ui.ScrollPanel;
+import com.google.gwt.user.client.ui.SimplePanel;
import com.google.inject.Inject;
<<<<<<< HEAD
@@ -262,6 +262,7 @@ public class MessageContentView extends
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
+<<<<<<< HEAD
@Override
public void fillMessageContent(String messageDetail) {
messageContentHTML.setHTML(messageDetail);
@@ -347,6 +348,9 @@ public class MessageContentView extends
=======
interface MessageContentUiBinder extends UiBinder<ScrollPanel, MessageContentView> {
>>>>>>> make message content work as expected partly
+=======
+ interface MessageContentUiBinder extends UiBinder<SimplePanel, MessageContentView> {
+>>>>>>> beautify message list and content
}
private static MessageContentUiBinder binder = GWT.create(MessageContentUiBinder.class);
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.ui.xml
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.ui.xml?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.ui.xml (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessageContentView.ui.xml Thu Sep 12 03:51:32 2013
@@ -14,11 +14,15 @@
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
+<<<<<<< HEAD
<ui:image field="buttons" src="res/buttons.png" />
+=======
+>>>>>>> beautify message list and content
<ui:style>
.messageContent {
display: block;
background-color: white;
+<<<<<<< HEAD
width: 100%;
height: 100%;
}
@@ -107,4 +111,13 @@
<g:HTML ui:field="messageContent" />
</g:ScrollPanel>
>>>>>>> make message content work as expected partly
+=======
+ width:100%;
+ height:100%;
+ }
+ </ui:style>
+ <g:SimplePanel addStyleNames="{style.messageContent}">
+ <g:HTML ui:field="messageContent" />
+ </g:SimplePanel>
+>>>>>>> beautify message list and content
</ui:UiBinder>
\ No newline at end of file
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessagesCellTable.java
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessagesCellTable.java?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessagesCellTable.java (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/MessagesCellTable.java Thu Sep 12 03:51:32 2013
@@ -517,11 +517,9 @@ import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.resources.client.ImageResource;
-import com.google.gwt.safehtml.shared.SafeHtmlUtils;
import com.google.gwt.user.cellview.client.Column;
import com.google.gwt.user.cellview.client.DataGrid;
import com.google.gwt.user.cellview.client.Header;
-import com.google.gwt.user.cellview.client.SafeHtmlHeader;
import com.google.gwt.view.client.DefaultSelectionEventManager;
import com.google.gwt.view.client.MultiSelectionModel;
import com.google.gwt.view.client.ProvidesKey;
@@ -561,12 +559,19 @@ public class MessagesCellTable extends D
this.imageBundle = imageBundle;
CheckboxCell headerCheckbox = new CheckboxCell();
+ ImageResourceCell headerAttached = new ImageResourceCell();
Header<Boolean> header = new Header<Boolean>(headerCheckbox) {
@Override
public Boolean getValue() {
return false;
}
};
+ Header<ImageResource> attachedPin = new Header<ImageResource>(headerAttached) {
+ @Override
+ public ImageResource getValue() {
+ return imageBundle.attachmentIcon();
+ }
+ };
header.setUpdater(new ValueUpdater<Boolean>() {
@Override
public void update(Boolean value) {
@@ -585,8 +590,8 @@ public class MessagesCellTable extends D
setColumnWidth(fromCol, 40, Unit.PCT);
addColumn(subjectCol, constants.mailTableSubject());
setColumnWidth(subjectCol, 60, Unit.PCT);
- addColumn(attachedCol, "Attached");// TODO i18n
- setColumnWidth(attachedCol, 7, Unit.EM);
+ addColumn(attachedCol, attachedPin);
+ setColumnWidth(attachedCol, 33, Unit.PX);
addColumn(dateCol, constants.mailTableDate());
setColumnWidth(dateCol, 10, Unit.EM);
setRowCount(PAGE_SIZE, false);
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/ToolBarView.ui.xml
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/ToolBarView.ui.xml?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/ToolBarView.ui.xml (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/ToolBarView.ui.xml Thu Sep 12 03:51:32 2013
@@ -24,11 +24,15 @@
<ui:style>
.bar {
position: absolute;
+<<<<<<< HEAD
top: -6px;
>>>>>>> make login page as one part of the overall layout & splite layout to little one
+=======
+ top: -2px;
+>>>>>>> beautify message list and content
right: 390px;
left: 0;
- height: 40px;
+ height: 36px;
white-space: nowrap;
z-index: 10;
}
@@ -58,10 +62,14 @@
text-overflow: ellipsis;
white-space: nowrap;
<<<<<<< HEAD
+<<<<<<< HEAD
padding: 28px 2px 0 2px;
=======
padding: 24px 2px 0 2px;
>>>>>>> make login page as one part of the overall layout & splite layout to little one
+=======
+ padding: 28px 2px 0 2px;
+>>>>>>> beautify message list and content
text-shadow: 0px 1px 1px #EEE;
box-shadow: none;
-webkit-box-shadow: none;
Modified: james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/res/DataGrid.css
URL: http://svn.apache.org/viewvc/james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/res/DataGrid.css?rev=1522261&r1=1522260&r2=1522261&view=diff
==============================================================================
--- james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/res/DataGrid.css (original)
+++ james/hupa/trunk/client/src/main/java/org/apache/hupa/client/ui/res/DataGrid.css Thu Sep 12 03:51:32 2013
@@ -1,6 +1,6 @@
@def selectionBorderWidth 2px;
.dataGridWidget {
-
+ table-layout: fixed;
}
.dataGridFirstColumn {
@@ -22,24 +22,34 @@
}
.dataGridHeader {
- color: #69939e;
- font-size: 11px;
- font-weight: bold;
- background: #d6eaf3;
- background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
- background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
- background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
- background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
- background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
- border-left: 1px solid #bbd3da;
- overflow: hidden;
- text-overflow: ellipsis;
- height:23px;
- padding: 2px 3px;
+ color: #69939e;
+ font-size: 11px;
+ font-weight: bold;
+ background: #d6eaf3;
+ background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0, #e3f2f6),
+ color-stop(8%, #d6eaf3), color-stop(100%, #d6eaf3) );
+ background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+ border-left: 1px solid #bbd3da;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: 23px;
+ padding: 2px 7px;
+ text-align: left;
}
.dataGridCell {
- cursor:default;
+ cursor: pointer;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: table-cell;
+ vertical-align: inherit;
+ padding: 2px 7px;
+ border-left: 1px dotted #bbd3da;
+ border-bottom: 1px solid #111;
}
.dataGridFirstColumnFooter {
@@ -80,7 +90,8 @@
}
.dataGridEvenRowCell {
- border: selectionBorderWidth solid #ffffff;
+ border-left: 1px dotted #bbd3da;
+ border-bottom: 0px solid #bbd3da;
}
.dataGridOddRow {
@@ -88,7 +99,8 @@
}
.dataGridOddRowCell {
- border: selectionBorderWidth solid #f3f7fb;
+ border-left: 1px dotted #bbd3da;
+ border-bottom: 0px solid #bbd3da;
}
.dataGridHoveredRow {
@@ -96,7 +108,8 @@
}
.dataGridHoveredRowCell {
- border: selectionBorderWidth solid #eee;
+ border-left: 1px dotted #eee;
+ border-bottom: 0px solid #eee;
}
.dataGridKeyboardSelectedRow {
@@ -104,18 +117,25 @@
}
.dataGridKeyboardSelectedRowCell {
- border: selectionBorderWidth solid #ffc;
+
}
.dataGridSelectedRow {
- background: #628cd5;
color: white;
height: auto;
overflow: auto;
+ background: #059ec6;
+ background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #019bc6),
+ color-stop(100%, #017cb4) );
+ background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+ background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
}
.dataGridSelectedRowCell {
- border: selectionBorderWidth solid #628cd5;
+ border-left: 1px dotted #628cd5;
+ border-bottom: 0px solid #628cd5;
}
/**
---------------------------------------------------------------------
To unsubscribe, e-mail: server-dev-unsubscribe@james.apache.org
For additional commands, e-mail: server-dev-help@james.apache.org