client/src/main/java/org/apache/hupa/client/ui/ComposeView.ui.xml

<!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor 
	license agreements. See the NOTICE file distributed with this work for additional 
	information regarding copyright ownership. The ASF licenses this file to 
	you under the Apache License, Version 2.0 (the "License"); you may not use 
	this file except in compliance with the License. You may obtain a copy of 
	the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required 
	by applicable law or agreed to in writing, software distributed under the 
	License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS 
	OF ANY KIND, either express or implied. See the License for the specific 
	language governing permissions and limitations under the License. -->

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
<<<<<<< HEAD
<<<<<<< HEAD
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>
=======
	xmlns:g='urn:import:com.google.gwt.user.client.ui' xmlns:hupa='urn:import:org.apache.hupa.client.ui'>
<<<<<<< HEAD
>>>>>>> preparing for composing panel
	<ui:style>
=======
	<ui:image field="buttons" src="res/buttons.png" />
	<ui:style type="org.apache.hupa.client.ui.ComposeView.Style">
		@sprite .iconlink {
			gwt-image: 'buttons';
			background-position: -1000px 0;
			width: auto;
			height: auto;
			display: inline-block;
			color: #888;
			text-decoration: none;
			white-space: nowrap;
			padding: 2px 8px 2px 20px;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.operation {
			margin: 0 -1px;
		}
		
		.add {
			background-position: -7px -357px;
			margin-right: 6px;
		}
		
		.formlinks {
			padding: 0 4px;
		}
		
		.hiddenInput {
			display: none
		}
		
>>>>>>> beautify composing panel
=======
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>
	<ui:image field="buttons" src="res/buttons.png" />
	<ui:style type="org.apache.hupa.client.ui.ComposeView.Style">
>>>>>>> make send text mail work excellently
		.box {
			border: 1px solid #A3A3A3;
			border-radius: 4px;
			overflow: hidden;
			box-shadow: 0 0 2px #999;
			-o-box-shadow: 0 0 2px #999;
			-webkit-box-shadow: 0 0 2px #999;
			-moz-box-shadow: 0 0 2px #999;
			background: white;
		}
		
		.header {
			border-radius: 4px 4px 0 0;
			-webkit-box-shadow: 0 2px 3px 0 #999;
			-moz-box-shadow: 0 2px 3px 0 #999;
			box-shadow: 0 2px 3px 0 #999;
			border-bottom: 0;
			position: relative;
			padding: 3px 0;
			background: #f9f9f9;
			background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
				color-stop(100%, #f0f0f0) );
			background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
			background: linear-gradient(top, #fff 0%, #f0f0f0 100%);
			border-bottom: 1px solid #dfdfdf;
		}
		
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
=======
>>>>>>> make send text mail work excellently
		.composeHeader td {
=======
		.header td {
>>>>>>> make add operation buttons work according to the click events
			padding: 3px 8px;
		}
		
		.header td textarea,.header td input {
			width: 100%;
			height: 13px;
			resize: none;
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		
		.mailviewbottom {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 26px;
<<<<<<< HEAD
=======
=======
		}
		
		@sprite .iconlink {
			gwt-image: 'buttons';
			background-position: -1000px 0;
			width: auto;
			height: auto;
			display: inline-block;
			color: #888;
			text-decoration: none;
			white-space: nowrap;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.operation {
			margin: 0 -1px;
		}
		
		.add {
			background-position: -7px -357px;
			margin-right: 6px;
			padding: 2px 8px 2px 20px;
		}
		
		.cancel {
			background-position: -7px -377px;
			float: right;
			position: relative;
			text-indent: -5000px;
			top: -2px;
			width: 15px;
			height: 17px;
		}
		
		.formlinks {
			padding: 0 4px;
		}
		
		.hide {
			display: none;
		}
		
		.show {
			display: inner-block;
		}
		
>>>>>>> make send text mail work excellently
		.headerTable {
			display: table;
			border-collapse: separate;
			border-spacing: 2px;
			border-color: gray;
<<<<<<< HEAD
<<<<<<< HEAD
>>>>>>> preparing for composing panel
=======
			width: 99%;
			margin: 4px 0;
>>>>>>> composing composing panel
		}
		
		.composeHeader td {
			padding: 3px 8px;
=======
			width: 99%;
			margin: 4px 0;
>>>>>>> make send text mail work excellently
		}
		
		.headerTable td {
			color: #666;
			cursor: default;
		}
		
		.composeoptionsbox {
			padding: 4px 8px 0 8px;
			background: #d2d2d2;
			border-bottom: 1px solid #e8e8e8;
			-webkit-box-shadow: 0 2px 3px 0 #999;
			-moz-box-shadow: 0 2px 3px 0 #999;
			box-shadow: 0 2px 3px 0 #999;
			white-space: nowrap;
		}
		
<<<<<<< HEAD
		.composebodycontainer {
			position: absolute;
			top: 0;
			left: 0;
			right: 260px;
			bottom: 0;
		}
		
=======
>>>>>>> make send text mail work excellently
		.composeattachments {
			position: absolute;
			right: 0;
			top: 1px;
			bottom: 0;
			width: 240px;
			background: #f0f0f0;
			border-left: 1px solid #ddd;
			padding: 8px;
			overflow: auto;
		}
		
<<<<<<< HEAD
		.mailviewbottom {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 26px;
=======
		.composebodycontainer {
			position: absolute;
			top: 0;
			left: 0;
			right: 260px;
			bottom: 0;
>>>>>>> make send text mail work excellently
		}
		
		.statusbar {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 27px;
			padding-left: 8px;
			border-top: 1px solid #ddd;
			border-radius: 0 0 4px 4px;
			background: #eaeaea;
			background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea),
				color-stop(100%, #c8c8c8) );
			background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
			background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
			background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		.uploader{
	
}
.uploaderCancel{}
.uploaderFilename{}
	</ui:style>
	<g:DockLayoutPanel ui:field="thisPanel" unit="PX"
		addStyleNames="{style.box}">
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
		<g:north size="135">
<<<<<<< HEAD
			<g:SimplePanel ui:field="composeHeaderContainer"
				addStyleNames="{style.composeHeader}">
=======
		<g:north size="135">
			<g:SimplePanel ui:field="header" addStyleNames="{style.header}">
				<g:FlexTable ui:field="headerTable" addStyleNames="{style.headerTable}" />
>>>>>>> make send text mail work excellently
			</g:SimplePanel>
		</g:north>
		<g:center>
			<g:SimpleLayoutPanel ui:field="composeContentContainer">
<<<<<<< HEAD
=======
				<g:DockLayoutPanel unit="PX">
					<g:north size="23">
						<g:HTMLPanel addStyleNames="{style.composeoptionsbox}">composeOption</g:HTMLPanel>
					</g:north>
					<g:east size="257">
						<g:FlowPanel ui:field="attach" addStyleNames="{style.composeattachments}">
						</g:FlowPanel>
					</g:east>
					<g:center>
						<g:DockLayoutPanel>
							<g:north size="23">
								<g:SimplePanel ui:field="editorToolBar" />
							</g:north>
							<g:center>
								<g:SimplePanel ui:field="composeEditor"
									addStyleNames="{style.composebodycontainer}" />
							</g:center>
						</g:DockLayoutPanel>
					</g:center>
				</g:DockLayoutPanel>
>>>>>>> make send text mail work excellently
			</g:SimpleLayoutPanel>
		</g:center>
		<g:south size="28">
			<g:SimplePanel ui:field="composeStatusContainer"
<<<<<<< HEAD
				addStyleNames="{style.mailviewbottom}{style.box}" />
=======
=======
		<g:north size="143">
>>>>>>> beautify composing panel
=======
		<g:north size="135">
>>>>>>> fine tuning the pixel of composing panel, while issue #35 should be fixed later
			<g:SimplePanel ui:field="composeHeader" addStyleNames="{style.composeHeader}">
				<g:FlexTable ui:field="headerTable" addStyleNames="{style.headerTable}" />
			</g:SimplePanel>
		</g:north>
		<g:center>
			<g:DockLayoutPanel ui:field="composeContent" unit="PX">
				<g:north size="23">
					<g:HTMLPanel addStyleNames="{style.composeoptionsbox}">composeOption</g:HTMLPanel>
				</g:north>
				<g:east size="257">
					<g:HTMLPanel addStyleNames="{style.composeattachments}">composeAttachment
					</g:HTMLPanel>
				</g:east>
				<g:center>
					<g:HTMLPanel addStyleNames="{style.composebodycontainer}">composeBody</g:HTMLPanel>
				</g:center>
			</g:DockLayoutPanel>
		</g:center>
		<g:south size="28">
			<g:SimplePanel ui:field="composeStatus"
				addStyleNames="{style.mailviewbottom}{style.box}">
				<g:HTMLPanel addStyleNames="{style.statusbar}">composeStatus</g:HTMLPanel>
			</g:SimplePanel>
>>>>>>> preparing for composing panel
=======
				addStyleNames="{style.mailviewbottom}{style.box}">
				<g:HTMLPanel addStyleNames="{style.statusbar}">composeStatus</g:HTMLPanel>
			</g:SimplePanel>
>>>>>>> make send text mail work excellently
		</g:south>
	</g:DockLayoutPanel>
</ui:UiBinder>