105 lines
3.0 KiB
XML
Executable File
105 lines
3.0 KiB
XML
Executable File
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
|
|
xmlns:g='urn:import:com.google.gwt.user.client.ui'
|
|
xmlns:m="urn:import:gwt.material.design.client.ui"
|
|
xmlns:ma="urn:import:gwt.material.design.addins.client"
|
|
xmlns:mc="urn:import:org.gcube.portets.user.message_conversations.client.autocomplete"
|
|
xmlns:s="urn:import:org.gcube.portets.user.message_conversations.client.ui">
|
|
|
|
<ui:style>
|
|
.animation {
|
|
transition: 0.4s all;
|
|
-webkit-transition: 0.4s all;
|
|
-moz-transition: 0.4s all;
|
|
}
|
|
|
|
.borderRight {
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
.topBar {
|
|
height: 60px;
|
|
overflow-y: hidden !important; /* needed in windows */
|
|
border-bottom: 1px solid #999;
|
|
}
|
|
|
|
.marginTop {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.overflowXHidden {
|
|
overflow-x: hidden !important; /* needed in windows */
|
|
}
|
|
|
|
.read {
|
|
font-weight: bold; font-style: italic;
|
|
}
|
|
|
|
.modalTitle {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.alignCenter {
|
|
text-align: center;
|
|
padding: 50px;
|
|
}
|
|
</ui:style>
|
|
<g:HTMLPanel ui:field="htmlPanel" >
|
|
<!-- TOP BAR -->
|
|
<m:MaterialNavBar ui:field="navBar"
|
|
layoutPosition="RELATIVE" addStyleNames="{style.topBar}" height="60"
|
|
backgroundColor="WHITE">
|
|
<m:MaterialNavSection float="LEFT"
|
|
showOn="SHOW_ON_MED_DOWN">
|
|
<m:MaterialLink iconType="MENU"
|
|
iconColor="LIGHT_BLUE_DARKEN_2" paddingLeft="25" waves="DEFAULT"
|
|
ui:field="menu" hideOn="HIDE_ON_MED_DOWN" />
|
|
<m:MaterialLink iconType="INBOX"
|
|
textColor="LIGHT_BLUE_DARKEN_2" ui:field="switcher"
|
|
waves="DEFAULT" paddingLeft="25">
|
|
<m:MaterialBadge text="22 unread"
|
|
backgroundColor="LIGHT_BLUE_DARKEN_2" textColor="WHITE"
|
|
circle="false" ui:field="badge" visible="false"
|
|
hideOn="HIDE_ON_MED_DOWN" />
|
|
</m:MaterialLink>
|
|
<m:MaterialLink ui:field="newMessage" text="New"
|
|
showOn="SHOW_ON_MED_DOWN" iconType="MESSAGE"
|
|
textColor="LIGHT_BLUE_DARKEN_2" waves="LIGHT" />
|
|
</m:MaterialNavSection>
|
|
</m:MaterialNavBar>
|
|
|
|
<div height='100%'>
|
|
|
|
<!-- SIDE PANEL -->
|
|
<s:ShowMorePagerPanel ui:field='pagerPanel' addStyleNames="{style.overflowXHidden}" height="300px" />
|
|
|
|
|
|
<!-- MAIN WINDOW -->
|
|
<m:MaterialContainer>
|
|
<m:MaterialRow fontSize="0.8em">
|
|
<m:MaterialProgress type="INDETERMINATE"
|
|
ui:field="messageLoader" color="TEAL" />
|
|
<g:ScrollPanel ui:field="scrollerPanel"
|
|
addStyleNames="{style.overflowXHidden}"></g:ScrollPanel>
|
|
</m:MaterialRow>
|
|
</m:MaterialContainer>
|
|
|
|
</div>
|
|
<!-- FAB -->
|
|
<m:MaterialFAB ui:field="FAB">
|
|
<m:MaterialButton type="FLOATING"
|
|
backgroundColor="RED" iconType="REPLY" size="LARGE" />
|
|
<m:MaterialFABList>
|
|
<m:MaterialAnchorButton type="FLOATING"
|
|
waves="LIGHT" backgroundColor="BLUE" ui:field="forward"
|
|
iconType="FORWARD" />
|
|
<m:MaterialAnchorButton type="FLOATING"
|
|
waves="LIGHT" backgroundColor="AMBER" ui:field="replyAll"
|
|
iconType="REPLY_ALL" />
|
|
<m:MaterialAnchorButton type="FLOATING"
|
|
waves="LIGHT" backgroundColor="TEAL" ui:field="reply"
|
|
iconType="REPLY" />
|
|
</m:MaterialFABList>
|
|
</m:MaterialFAB>
|
|
</g:HTMLPanel>
|
|
</ui:UiBinder>
|