client/src/main/java/org/apache/hupa/client/ui/TopBarView.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'
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<<<<<<< HEAD
<<<<<<< HEAD
	<ui:image field="topBarBackgroundImg" src="res/linen_header.jpg" />
	<ui:image field="buttons" src="res/buttons.png" />
    <ui:style type="org.apache.hupa.client.ui.TopBarView.Style">
=======
	<ui:image field="topBarBackgroundImg" src="res/linen_header.jpg"/>
	<ui:image field="buttons" src="res/buttons.png"/>
	<ui:style>
>>>>>>> make login page as one part of the overall layout & splite layout to little one
=======
	<ui:image field="topBarBackgroundImg" src="res/linen_header.jpg" />
	<ui:image field="buttons" src="res/buttons.png" />
    <ui:style type="org.apache.hupa.client.ui.TopBarView.Style">
>>>>>>> add loading and notification bar(finishing the folder list click event), related to the issue#18
		@sprite .self {
			gwt-image: 'topBarBackgroundImg';
			width: 100%;
			height: 100%;
			background-repeat: repeat-x;
			text-decoration: none;
			border-bottom: 1px solid #4F4F4F;
			padding: 2px 0 2px 10px;
			color: #AAA;
			height: 18px;
		}
		
		@sprite .logout {
			gwt-image: 'buttons';
			display: inline-block;
			padding: 4px 8px 2px 20px;
			color: white;
			background-position: -4px -191px;
			cursor: pointer;
		}
		
		.about {
			display: inline-block;
			padding: 4px 0.8em 0 10px;
			color: #AAA;
			text-decoration: none;
			cursor: pointer;
		}
		
		.username {
			padding-top: 4px;
			padding-right: 1em;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
<<<<<<< HEAD
<<<<<<< HEAD
=======
>>>>>>> add loading and notification bar(finishing the folder list click event), related to the issue#18
		
		.textCenter {
			text-align: center;
		}
		
		.loadingPosition {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}
		
		.fontFeel {
			display: inline-block;
			border-color: #f0c36d;
			background-color: #f9edbe;
			padding: 0 10px;
			border: 1px solid transparent;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
			color: black;
			font-weight: bold;
		}
		
		.hideLoading {
			visibility: hidden;
		}
<<<<<<< HEAD
	</ui:style>
	<g:DockLayoutPanel ui:field="TopBar" unit="PX"
		addStyleNames="{style.self} ">
		<g:west size="300">
			<g:SimplePanel addStyleNames="{style.left}">
				<g:Anchor ui:field="about" styleName="{style.about}">About</g:Anchor>
			</g:SimplePanel>
		</g:west>
		<g:center>
			<g:SimplePanel addStyleNames="{style.hideLoading} {style.loadingPosition} {style.textCenter}" ui:field="loading">
				<g:HTML ui:field="loadingRegion" addStyleNames="{style.fontFeel}">Loading...
				</g:HTML>
			</g:SimplePanel>
		</g:center>
		<g:east size="300">
			<g:FlowPanel>
				<g:Anchor ui:field="logout" addStyleNames="{style.right} {style.logout}">Logout</g:Anchor>
				<g:HTMLPanel ui:field="userLabel" tag="span"
					addStyleNames="{style.right} {style.username}" />
			</g:FlowPanel>
		</g:east>
=======
=======
>>>>>>> add loading and notification bar(finishing the folder list click event), related to the issue#18
	</ui:style>
	<g:DockLayoutPanel ui:field="TopBar" unit="PX"
		addStyleNames="{style.self} ">
		<g:west size="300">
			<g:SimplePanel addStyleNames="{style.left}">
				<g:Anchor ui:field="about" styleName="{style.about}">About</g:Anchor>
			</g:SimplePanel>
		</g:west>
		<g:center>
			<g:SimplePanel addStyleNames="{style.hideLoading} {style.loadingPosition} {style.textCenter}" ui:field="loading">
				<g:HTML ui:field="loadingRegion" addStyleNames="{style.fontFeel}">Loading...
				</g:HTML>
			</g:SimplePanel>
		</g:center>
		<g:east size="300">
			<g:FlowPanel>
				<g:Anchor ui:field="logout" addStyleNames="{style.right} {style.logout}">Logout</g:Anchor>
				<g:HTMLPanel ui:field="userLabel" tag="span"
					addStyleNames="{style.right} {style.username}" />
			</g:FlowPanel>
<<<<<<< HEAD
		</g:center>
>>>>>>> make login page as one part of the overall layout & splite layout to little one
=======
		</g:east>
>>>>>>> add loading and notification bar(finishing the folder list click event), related to the issue#18
	</g:DockLayoutPanel>
</ui:UiBinder>