geoportal-data-viewer-app/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/dialogs/DialogShareableLink.ui.xml

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
	xmlns:g="urn:import:com.google.gwt.user.client.ui"
	xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
	<ui:style>
	.back-color-info {
		background-color: #fafaff !important;
	}
	
	.margin-bottom-20 {
		margin-bottom: 20px;
	}
	
	.padding-left-10 {
		padding-left: 10px;
	}
	
	.margin-left-5 {
		margin-left: 5px;
	}
	
	.margin-left-25 {
		margin-left: 25px;
	}
	
	.text-bold {
		font-weight: bold;
	}
	
	.not-active {
		pointer-events: none;
		cursor: default;
		opacity: .5;
		padding-left: 10px;
	}
	
	.to-top-alignment {
		vertical-align: top;
		padding-top: 0px !important;
	}
	
	.no-border {
		border: 0px;
	}
	</ui:style>
	<g:HTMLPanel>
		<g:HTMLPanel ui:field="info_panel"></g:HTMLPanel>
		<b:Form type="HORIZONTAL">
			<b:Alert ui:field="actionAlert" close="false" type="INFO"
				visible="false">
			</b:Alert>
			<g:VerticalPanel ui:field="fieldPrivateSharing"
				addStyleNames="{style.margin-bottom-20}">
				<g:HorizontalPanel>
					<b:Label type="INFO" addStyleNames="sharelabel">With
						coworkers</b:Label>
				</g:HorizontalPanel>
				<g:VerticalPanel
					addStyleNames="{style.margin-left-5}">
					<g:Label ui:field="labelLinkPrivateSharing">(Only the) Members of the VRE are enacted
						to access it. Login required</g:Label>
				</g:VerticalPanel>
			</g:VerticalPanel>

			<b:Fieldset ui:field="fieldSetPrivate"
				styleName="{style.noBorder}">
				<g:HTMLPanel>
					<!-- <b:Legend>sharing....</b:Legend> -->
					<b:ControlGroup ui:field="cgPrivateLink"
						addStyleNames="my-control-group">

						<!-- <b:Well ui:field="wellPrivateLinkDescription"> -->
						<!-- The following Restricted Link for this product -->
						<!-- is accessible by the users of the VRE. Login required</b:Well> -->
						<b:ControlLabel>Restricted Link</b:ControlLabel>
						<b:Controls>
							<b:InputAddOn prependIcon="LINK"
								addStyleNames="my-prepend-width">
								<b:TextBox ui:field="textPrivateLink" readOnly="true">
								</b:TextBox>
								<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
									<b:Button icon="COPY" ui:field="privateLinkCopyButton"
										type="PRIMARY"></b:Button>
								</b:Tooltip>
							</b:InputAddOn>
							<b:Button ui:field="showPrivateLongLinkButton"
								type="LINK" addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
						</b:Controls>

					</b:ControlGroup>

					<b:ControlGroup addStyleNames="my-control-group"
						ui:field="cgPrivateLongLink" visible="false">
						<b:ControlLabel></b:ControlLabel>
						<b:Controls>
							<b:InputAddOn prependIcon="LINK"
								addStyleNames="my-prepend-width">
								<b:TextBox ui:field="textPrivateLongLink"
									readOnly="true">
								</b:TextBox>
								<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
									<b:Button icon="COPY"
										ui:field="privateLongLinkCopyButton" type="PRIMARY"></b:Button>
								</b:Tooltip>
							</b:InputAddOn>
						</b:Controls>
					</b:ControlGroup>
				</g:HTMLPanel>
			</b:Fieldset>

			<g:VerticalPanel ui:field="filedEnableDisableSharing"
				addStyleNames="{style.margin-bottom-20}">
				<g:HorizontalPanel>
					<b:Label type="INFO" addStyleNames="sharelabel">With
						everyone</b:Label>
				</g:HorizontalPanel>
				<g:VerticalPanel
					addStyleNames="{style.margin-left-5}">
					<g:Label ui:field="labelLinkSharing">Anyone with
						this link can access it. No
						login is required</g:Label>
				</g:VerticalPanel>
			</g:VerticalPanel>


			<b:Fieldset ui:field="fieldSetPublic">
				<b:ControlGroup ui:field="cgPublicLink"
					addStyleNames="my-control-group">
					<!-- <b:Well ui:field="alertFilePublicLink" visible="true">Anyone with -->
					<!-- this link can access it, no login is required.</b:Well> -->
					<b:ControlLabel>Open Link</b:ControlLabel>
					<b:Controls>
						<b:InputAddOn prependIcon="GLOBE"
							addStyleNames="my-prepend-width">
							<b:TextBox ui:field="textPublicLink" readOnly="true">
							</b:TextBox>
							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
								<b:Button icon="COPY" ui:field="publicLinkCopyButton"
									type="PRIMARY"></b:Button>
							</b:Tooltip>
						</b:InputAddOn>
						<b:Button ui:field="showPublicLongLinkButton" type="LINK"
							addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
					</b:Controls>
				</b:ControlGroup>

				<b:ControlGroup addStyleNames="my-control-group"
					ui:field="cgPublicLongLink" visible="false">
					<b:ControlLabel></b:ControlLabel>
					<b:Controls>
						<b:InputAddOn prependIcon="GLOBE"
							addStyleNames="my-prepend-width">
							<b:TextBox ui:field="textPublicLongLink"
								readOnly="true">
							</b:TextBox>
							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
								<b:Button icon="COPY"
									ui:field="publicLongLinkCopyButton" type="PRIMARY"></b:Button>
							</b:Tooltip>
						</b:InputAddOn>
					</b:Controls>
				</b:ControlGroup>
			</b:Fieldset>
			<b:Alert close="false" ui:field="errorAlert" type="ERROR"
				visible="false"></b:Alert>
		</b:Form>
	</g:HTMLPanel>
</ui:UiBinder>