Mercurial > hg > LGDataverses
view src/main/webapp/themeAndWidgetsFragment.xhtml @ 14:be7787c36e58 default tip
new: nofity LGSercies for deleted files
| author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
|---|---|
| date | Mon, 02 Nov 2015 16:41:23 +0100 |
| parents | a50cf11e5178 |
| children |
line wrap: on
line source
<ui:composition xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:jsf="http://xmlns.jcp.org/jsf" xmlns:p="http://primefaces.org/ui" xmlns:o="http://omnifaces.org/ui"> <!-- Theme and Widgets Edit Tabs --> <p:tabView rendered="#{themeWidgetFragment.editDv!=null}" id="themeWidgetsTabView" widgetVar="content"> <p:tab id="themeTab" title="#{bundle['dataverse.theme.title']}"> <p:fragment autoUpdate="true"> <!-- Dataverse Theme Panel --> <div class="row form-horizontal"> <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.owner!=null}"> <label class="col-sm-3 control-label" for="inheritCustomization"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.inheritCustomization.title']}"> #{bundle['dataverse.theme.inheritCustomization.label']} </span> </label> <div class="col-sm-9"> <div class="checkbox"> <label class="metadata-blocks-default" for="themeRoot"> <h:selectBooleanCheckbox id="themeRoot" tabindex="7" styleClass="metadata-blocks-default" rendered="#{themeWidgetFragment.editDv.owner != null}" value="#{themeWidgetFragment.inheritCustomization}" > <p:ajax update="@widgetVar(content)" oncomplete="javascript:dataverseuser_page_rebind();" listener="#{themeWidgetFragment.checkboxListener()}"/> </h:selectBooleanCheckbox> <h:outputFormat value="#{bundle['dataverse.theme.inheritCustomization.checkbox']}"> <f:param value="#{themeWidgetFragment.editDv.themeRootDataverseName}"/> </h:outputFormat> </label> </div> </div> </div> <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.themeRoot}"> <label class="col-sm-3 control-label" for="logoFormat"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.image.title']}"> #{bundle['dataverse.theme.logo.image']} </span> </label> <div class="col-sm-9"> <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.logo.tip']}</p> <p:panelGrid rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="3" styleClass="noBorders" columnClasses="text-center,uploadNewLogo,messageCell"> <p:column> <p> <img jsf:rendered="#{themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/temp/#{themeWidgetFragment.tempDirName}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{themeWidgetFragment.editDv.name} #{bundle.dataverse}"/> <img jsf:rendered="#{not themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/#{themeWidgetFragment.editDv.id}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{themeWidgetFragment.editDv.name} #{bundle.dataverse}"/> </p> <p:commandButton update=":themeWidgetsForm:themeWidgetsTabView" value="#{bundle.remove}" action="#{themeWidgetFragment.removeLogo()}" oncomplete="bind_bsui_components();"/> </p:column> <p:fileUpload invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" id="changelogo" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" oncomplete="bind_bsui_components();" dragDropSupport="true" auto="true" multiple="false" fileUploadListener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.upload']}"/> </p:panelGrid> <p:panelGrid rendered="#{empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="2" styleClass="noBorders"> <p:fileUpload id="uploadlogo" invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" sizeLimit="500000" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" oncomplete="bind_bsui_components();" dragDropSupport="true" auto="true" multiple="false" fileUploadListener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.uploadImgFile']}"/> </p:panelGrid> <ui:fragment rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}"> <div class="form-col-container col-sm-4"> <label for="logoFormat" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.format.title']}"> #{bundle['dataverse.theme.logo.format']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:selectOneRadio id="logoFormat" value="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat}"> <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.square2']}" itemValue="SQUARE"/> <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.rectangle2']}" itemValue="RECTANGLE"/> <p:ajax update="@widgetVar(content)" oncomplete="dataverseuser_page_rebind();" /> </p:selectOneRadio> <p:message for="logoFormat" display="text"/> </p:panelGrid> </div> </div> <ui:fragment rendered="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat=='RECTANGLE'}"> <div class="form-col-container col-sm-3"> <label for="logoAlignment" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.alignment.title']}"> #{bundle['dataverse.theme.logo.alignment']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:selectOneMenu id="logoAlignment" styleClass="form-control" value="#{themeWidgetFragment.editDv.dataverseTheme.logoAlignment}"> <f:selectItem id="left" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.left2']}" itemValue="LEFT" /> <f:selectItem id="center" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.center2']}" itemValue="CENTER" /> <f:selectItem id="right" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.right2']}" itemValue="RIGHT" /> </p:selectOneMenu> <p:message for="logoAlignment" display="text"/> </p:panelGrid> </div> </div> <div class="form-col-container col-sm-4"> <label for="logoBackgroundColor" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.backColor.title']}"> #{bundle['dataverse.theme.logo.backColor']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:colorPicker id="logoBackgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.logoBackgroundColor}"/> <p:message for="logoBackgroundColor" display="text"/> </p:panelGrid> </div> </div> </ui:fragment> </ui:fragment> </div> </div> </div> <ui:fragment rendered="#{themeWidgetFragment.editDv.themeRoot}"> <div class="row form-horizontal"> <div class="form-group"> <label class="col-sm-3 control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.headerColor.tip']}"> #{bundle['dataverse.theme.headerColor']} </span> </label> <div class="form-group col-sm-9"> <div class="form-col-container col-sm-4"> <label for="backgroundColor" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.backColor.title']}"> #{bundle['dataverse.theme.backColor']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:colorPicker id="backgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.backgroundColor}"/> <p:message for="backgroundColor" display="text"/> </p:panelGrid> </div> </div> <div class="form-col-container col-sm-4"> <label for="linkColor" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.linkColor.title']}"> #{bundle['dataverse.theme.linkColor']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:colorPicker id="linkColor" value="#{themeWidgetFragment.editDv.dataverseTheme.linkColor}"/> <p:message for="linkColor" display="text"/> </p:panelGrid> </div> </div> <div class="form-col-container col-sm-4"> <label for="textColor" class="control-label"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.txtColor.title']}"> #{bundle['dataverse.theme.txtColor']} </span> </label> <div> <p:panelGrid columns="2" styleClass="noBorders"> <p:colorPicker id="textColor" value="#{themeWidgetFragment.editDv.dataverseTheme.textColor}"/> <p:message for="textColor" display="text"/> </p:panelGrid> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label" for="tagline"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.tagline.title']}"> #{bundle['dataverse.theme.tagline']} </span> </label> <h:inputHidden id="linkAndUrl" value="true"> <f:validator validatorId="linkValidator"/> <f:attribute name="linkUrlInput" value="#{themeWidgetFragment.linkUrlInput}"/> <f:attribute name="taglineInput" value="#{themeWidgetFragment.taglineInput}"/> </h:inputHidden> <div class="col-sm-8"> <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.tagline.tip']}</p> <p:inputText id="tagline" styleClass="form-control" binding="#{themeWidgetFragment.taglineInput}" validator="#{themeWidgetFragment.validateTagline}" value="#{themeWidgetFragment.editDv.dataverseTheme.tagline}"/> <p:message for="tagline" display="text"/> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label" for="website"> <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.website.title']}"> #{bundle['dataverse.theme.website']} </span> </label> <div class="col-sm-6"> <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.website.tip']}</p> <p:inputText id="website" styleClass="form-control" binding="#{themeWidgetFragment.linkUrlInput}" validatorMessage="#{bundle['dataverse.theme.website.invalidMsg']}" validator="#{themeWidgetFragment.validateUrl}" value="#{themeWidgetFragment.editDv.dataverseTheme.linkUrl}"/> <p:watermark for="website" value="#{bundle['dataverse.theme.website.watermark']}" id="watermark" /> <p:message for="website" display="text"/> </div> </div> </div> </ui:fragment> </p:fragment> <div class="button-block"> <p:commandButton value="#{bundle.saveChanges}" update=":#{p:component('messagePanel')}, :themeWidgetsForm" action="#{themeWidgetFragment.save()}"/> <p:commandButton action="#{themeWidgetFragment.cancel()}" immediate="true" id="themeCancel" value="#{bundle.cancel}"/> </div> </p:tab> <p:tab id="widgetsTab" title="#{bundle['dataverse.widgets.title']}"> <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.widgets.tip']}</p> <div> <h5> #{bundle['dataverse.widgets.searchBox.txt']} </h5> <p class="help-block">#{bundle['dataverse.widgets.searchBox.tip']}</p> </div> <div> <textarea rows="3" cols="54" class="form-control"><script src="#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;widget=search&amp;text=Search+my+dataverse"></script></textarea> </div> <div> <h5> #{bundle['dataverse.widgets.dataverseListing.txt']} </h5> <p class="help-block">#{bundle['dataverse.widgets.dataverseListing.tip']}</p> </div> <div> <textarea rows="2" cols="54" class="form-control"><script src="#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;widget=iframe&amp;heightPx=500"></script></textarea> </div> <div class="button-block"> <p:commandButton action="#{themeWidgetFragment.cancel()}" immediate="true" id="widgetsDone" value="#{bundle.done}"/> </div> </p:tab> </p:tabView> </ui:composition>