Mercurial > hg > LGDataverses

comparison src/main/webapp/themeAndWidgetsFragment.xhtml @ 10:a50cf11e5178

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Rewrite LGDataverse completely upgrading to dataverse4.0
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Tue, 08 Sep 2015 17:00:21 +0200
parents
children
comparison
equal deleted inserted replaced
9:5926d6419569 10:a50cf11e5178
1 <ui:composition xmlns:h="http://java.sun.com/jsf/html"
2 xmlns:f="http://java.sun.com/jsf/core"
3 xmlns:ui="http://java.sun.com/jsf/facelets"
4 xmlns:jsf="http://xmlns.jcp.org/jsf"
5 xmlns:p="http://primefaces.org/ui"
6 xmlns:o="http://omnifaces.org/ui">
7 <!-- Theme and Widgets Edit Tabs -->
8 <p:tabView rendered="#{themeWidgetFragment.editDv!=null}" id="themeWidgetsTabView" widgetVar="content">
9 <p:tab id="themeTab" title="#{bundle['dataverse.theme.title']}">
10 <p:fragment autoUpdate="true">
11 <!-- Dataverse Theme Panel -->
12 <div class="row form-horizontal">
13 <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.owner!=null}">
14 <label class="col-sm-3 control-label" for="inheritCustomization">
15 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.inheritCustomization.title']}">
16 #{bundle['dataverse.theme.inheritCustomization.label']}
17 </span>
18 </label>
19 <div class="col-sm-9">
20 <div class="checkbox">
21 <label class="metadata-blocks-default" for="themeRoot">
22 <h:selectBooleanCheckbox id="themeRoot" tabindex="7" styleClass="metadata-blocks-default"
23 rendered="#{themeWidgetFragment.editDv.owner != null}"
24 value="#{themeWidgetFragment.inheritCustomization}" >
25 <p:ajax update="@widgetVar(content)" oncomplete="javascript:dataverseuser_page_rebind();" listener="#{themeWidgetFragment.checkboxListener()}"/>
26 </h:selectBooleanCheckbox>
27 <h:outputFormat value="#{bundle['dataverse.theme.inheritCustomization.checkbox']}">
28 <f:param value="#{themeWidgetFragment.editDv.themeRootDataverseName}"/>
29 </h:outputFormat>
30 </label>
31 </div>
32 </div>
33 </div>
34 <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.themeRoot}">
35 <label class="col-sm-3 control-label" for="logoFormat">
36 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.image.title']}">
37 #{bundle['dataverse.theme.logo.image']}
38 </span>
39 </label>
40 <div class="col-sm-9">
41 <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.logo.tip']}</p>
42 <p:panelGrid rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="3" styleClass="noBorders" columnClasses="text-center,uploadNewLogo,messageCell">
43 <p:column>
44 <p>
45 <img jsf:rendered="#{themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/temp/#{themeWidgetFragment.tempDirName}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{themeWidgetFragment.editDv.name} #{bundle.dataverse}"/>
46 <img jsf:rendered="#{not themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/#{themeWidgetFragment.editDv.id}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{themeWidgetFragment.editDv.name} #{bundle.dataverse}"/>
47 </p>
48 <p:commandButton update=":themeWidgetsForm:themeWidgetsTabView" value="#{bundle.remove}" action="#{themeWidgetFragment.removeLogo()}" oncomplete="bind_bsui_components();"/>
49 </p:column>
50 <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"
51 fileUploadListener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.upload']}"/>
52 </p:panelGrid>
53 <p:panelGrid rendered="#{empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="2" styleClass="noBorders">
54 <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"
55 fileUploadListener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.uploadImgFile']}"/>
56 </p:panelGrid>
57 <ui:fragment rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}">
58 <div class="form-col-container col-sm-4">
59 <label for="logoFormat" class="control-label">
60 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.format.title']}">
61 #{bundle['dataverse.theme.logo.format']}
62 </span>
63 </label>
64 <div>
65 <p:panelGrid columns="2" styleClass="noBorders">
66 <p:selectOneRadio id="logoFormat" value="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat}">
67 <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.square2']}" itemValue="SQUARE"/>
68 <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.rectangle2']}" itemValue="RECTANGLE"/>
69 <p:ajax update="@widgetVar(content)" oncomplete="dataverseuser_page_rebind();" />
70 </p:selectOneRadio>
71 <p:message for="logoFormat" display="text"/>
72 </p:panelGrid>
73 </div>
74 </div>
75 <ui:fragment rendered="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat=='RECTANGLE'}">
76 <div class="form-col-container col-sm-3">
77 <label for="logoAlignment" class="control-label">
78 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.alignment.title']}">
79 #{bundle['dataverse.theme.logo.alignment']}
80 </span>
81 </label>
82 <div>
83 <p:panelGrid columns="2" styleClass="noBorders">
84 <p:selectOneMenu id="logoAlignment" styleClass="form-control" value="#{themeWidgetFragment.editDv.dataverseTheme.logoAlignment}">
85 <f:selectItem id="left" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.left2']}" itemValue="LEFT" />
86 <f:selectItem id="center" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.center2']}" itemValue="CENTER" />
87 <f:selectItem id="right" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.right2']}" itemValue="RIGHT" />
88 </p:selectOneMenu>
89 <p:message for="logoAlignment" display="text"/>
90 </p:panelGrid>
91 </div>
92 </div>
93 <div class="form-col-container col-sm-4">
94 <label for="logoBackgroundColor" class="control-label">
95 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.logo.backColor.title']}">
96 #{bundle['dataverse.theme.logo.backColor']}
97 </span>
98 </label>
99 <div>
100 <p:panelGrid columns="2" styleClass="noBorders">
101 <p:colorPicker id="logoBackgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.logoBackgroundColor}"/>
102 <p:message for="logoBackgroundColor" display="text"/>
103 </p:panelGrid>
104 </div>
105 </div>
106 </ui:fragment>
107 </ui:fragment>
108 </div>
109 </div>
110 </div>
111 <ui:fragment rendered="#{themeWidgetFragment.editDv.themeRoot}">
112 <div class="row form-horizontal">
113 <div class="form-group">
114 <label class="col-sm-3 control-label">
115 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.headerColor.tip']}">
116 #{bundle['dataverse.theme.headerColor']}
117 </span>
118 </label>
119 <div class="form-group col-sm-9">
120 <div class="form-col-container col-sm-4">
121 <label for="backgroundColor" class="control-label">
122 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.backColor.title']}">
123 #{bundle['dataverse.theme.backColor']}
124 </span>
125 </label>
126 <div>
127 <p:panelGrid columns="2" styleClass="noBorders">
128 <p:colorPicker id="backgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.backgroundColor}"/>
129 <p:message for="backgroundColor" display="text"/>
130 </p:panelGrid>
131 </div>
132 </div>
133 <div class="form-col-container col-sm-4">
134 <label for="linkColor" class="control-label">
135 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.linkColor.title']}">
136 #{bundle['dataverse.theme.linkColor']}
137 </span>
138 </label>
139 <div>
140 <p:panelGrid columns="2" styleClass="noBorders">
141 <p:colorPicker id="linkColor" value="#{themeWidgetFragment.editDv.dataverseTheme.linkColor}"/>
142 <p:message for="linkColor" display="text"/>
143 </p:panelGrid>
144 </div>
145 </div>
146 <div class="form-col-container col-sm-4">
147 <label for="textColor" class="control-label">
148 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.txtColor.title']}">
149 #{bundle['dataverse.theme.txtColor']}
150 </span>
151 </label>
152 <div>
153 <p:panelGrid columns="2" styleClass="noBorders">
154 <p:colorPicker id="textColor" value="#{themeWidgetFragment.editDv.dataverseTheme.textColor}"/>
155 <p:message for="textColor" display="text"/>
156 </p:panelGrid>
157 </div>
158 </div>
159 </div>
160 </div>
161 <div class="form-group">
162 <label class="col-sm-3 control-label" for="tagline">
163 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.tagline.title']}">
164 #{bundle['dataverse.theme.tagline']}
165 </span>
166 </label>
167 <h:inputHidden id="linkAndUrl" value="true">
168 <f:validator validatorId="linkValidator"/>
169 <f:attribute name="linkUrlInput" value="#{themeWidgetFragment.linkUrlInput}"/>
170 <f:attribute name="taglineInput" value="#{themeWidgetFragment.taglineInput}"/>
171 </h:inputHidden>
172 <div class="col-sm-8">
173 <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.tagline.tip']}</p>
174 <p:inputText id="tagline" styleClass="form-control" binding="#{themeWidgetFragment.taglineInput}" validator="#{themeWidgetFragment.validateTagline}" value="#{themeWidgetFragment.editDv.dataverseTheme.tagline}"/>
175 <p:message for="tagline" display="text"/>
176 </div>
177 </div>
178 <div class="form-group">
179 <label class="col-sm-3 control-label" for="website">
180 <span data-toggle="tooltip" data-placement="auto right" class="tooltiplabel text-info" data-original-title="#{bundle['dataverse.theme.website.title']}">
181 #{bundle['dataverse.theme.website']}
182 </span>
183 </label>
184 <div class="col-sm-6">
185 <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.theme.website.tip']}</p>
186 <p:inputText id="website" styleClass="form-control" binding="#{themeWidgetFragment.linkUrlInput}" validatorMessage="#{bundle['dataverse.theme.website.invalidMsg']}" validator="#{themeWidgetFragment.validateUrl}" value="#{themeWidgetFragment.editDv.dataverseTheme.linkUrl}"/>
187 <p:watermark for="website" value="#{bundle['dataverse.theme.website.watermark']}" id="watermark" />
188 <p:message for="website" display="text"/>
189 </div>
190 </div>
191 </div>
192 </ui:fragment>
193 </p:fragment>
194 <div class="button-block">
195 <p:commandButton value="#{bundle.saveChanges}" update=":#{p:component('messagePanel')}, :themeWidgetsForm" action="#{themeWidgetFragment.save()}"/>
196 <p:commandButton action="#{themeWidgetFragment.cancel()}" immediate="true" id="themeCancel" value="#{bundle.cancel}"/>
197 </div>
198 </p:tab>
199 <p:tab id="widgetsTab" title="#{bundle['dataverse.widgets.title']}">
200 <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> #{bundle['dataverse.widgets.tip']}</p>
201 <div>
202 <h5>
203 #{bundle['dataverse.widgets.searchBox.txt']}
204 </h5>
205 <p class="help-block">#{bundle['dataverse.widgets.searchBox.tip']}</p>
206 </div>
207 <div>
208 <textarea rows="3" cols="54" class="form-control">&lt;script src=&quot;#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;amp;widget=search&amp;amp;text=Search&#43;my&#43;dataverse&quot;&gt;&lt;/script&gt;</textarea>
209 </div>
210 <div>
211 <h5>
212 #{bundle['dataverse.widgets.dataverseListing.txt']}
213 </h5>
214 <p class="help-block">#{bundle['dataverse.widgets.dataverseListing.tip']}</p>
215 </div>
216 <div>
217 <textarea rows="2" cols="54" class="form-control">&lt;script src=&quot;#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;amp;widget=iframe&amp;amp;heightPx=500&quot;&gt;&lt;/script&gt;</textarea>
218 </div>
219 <div class="button-block">
220 <p:commandButton action="#{themeWidgetFragment.cancel()}" immediate="true" id="widgetsDone" value="#{bundle.done}"/>
221 </div>
222 </p:tab>
223 </p:tabView>
224 </ui:composition>