| <!-- 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'> |
| <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"> |
| @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 { |
| /* Disabled until fixed: display: inline-block; */ |
| display: none; |
| 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; |
| } |
| |
| .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; |
| } |
| </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> |
| </g:DockLayoutPanel> |
| </ui:UiBinder> |