Mercurial > hg > ismi-richfaces
annotate src/main/webapp/entry/person.xhtml @ 139:9cd25e1a58f0
change save button to a4j to show busy indicator for person, text, and other entry forms.
| author | Robert Casties <casties@mpiwg-berlin.mpg.de> |
|---|---|
| date | Fri, 16 Jun 2017 19:21:44 +0200 |
| parents | 0183b8a09717 |
| children | 29c4b64caad0 |
| rev | line source |
|---|---|
| 7 | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml" | |
| 3 xmlns:h="http://java.sun.com/jsf/html" | |
| 4 xmlns:f="http://java.sun.com/jsf/core" | |
| 5 xmlns:ui="http://java.sun.com/jsf/facelets" | |
| 6 xmlns:a4j="http://richfaces.org/a4j" | |
| 7 xmlns:rich="http://richfaces.org/rich" | |
| 8 xmlns:ismi="http://java.sun.com/jsf/composite/components/ismi"> | |
| 9 | |
| 10 <body> | |
| 11 <ui:composition> | |
| 12 | |
| 13 <h:panelGrid> | |
| 14 <h:panelGrid columns="2"> | |
| 15 <h:outputLink value="#{CurrentPerson.displayUrl}" | |
| 16 title="Display this entity" | |
| 17 rendered="#{!empty CurrentPerson.displayUrl}"> | |
| 18 <h:graphicImage url="#{ApplicationBean1.displayImage}" /> | |
| 19 </h:outputLink> | |
| 20 | |
| 21 <h:outputText value="Person - #{CurrentPerson.entity.ownValue}" | |
| 22 rendered="#{!empty CurrentPerson.entity.ownValue}" | |
| 23 style="font-size: 12pt;" styleClass="titlePanel" /> | |
| 24 <h:outputText value="Person" | |
| 25 rendered="#{empty CurrentPerson.entity.ownValue}" | |
| 26 style="font-size: 12pt; " styleClass="titlePanel"/> | |
| 27 </h:panelGrid> | |
| 28 </h:panelGrid> | |
| 29 | |
| 30 <h:panelGrid columns="3" styleClass="createPanel" | |
| 31 columnClasses="createPanelFirstColumn" id="personPanel"> | |
| 32 | |
| 33 <h:outputText value="Name" /> | |
| 34 <h:inputText size="100" style="direction: rtl" | |
| 35 value="#{CurrentPerson.attributes['name']}" /> | |
| 36 <h:outputText /> | |
| 37 | |
| 38 <h:outputText value="Name (translit)" /> | |
| 39 <h:panelGrid columns="1"> | |
| 40 <h:inputText size="100" | |
| 41 value="#{CurrentPerson.attributes['name_translit']}" > | |
| 42 <a4j:ajax event="keyup" render="romanized_author_name" listener="#{CurrentPerson.listenerRomanizeNameTranslit}" /> | |
| 43 </h:inputText> | |
| 44 <h:outputText id="romanized_author_name" value="Romanization: #{CurrentPerson.romanizedNameTranslit}" /> | |
| 45 </h:panelGrid> | |
| 46 <h:commandButton value="translit" | |
| 47 action="#{CurrentPerson.translitNameAction}" /> | |
| 48 | |
| 130 | 49 <h:outputText value="Prime Alias (deprecated)" /> |
| 7 | 50 <h:inputText |
| 51 valueChangeListener="#{CurrentPerson.shortNameChangeListener}" | |
| 125 | 52 size="80" value="#{CurrentPerson.valueShortName}" /> |
| 53 <h:outputText /> | |
| 54 | |
| 55 <h:outputText value="Aliases" /> | |
| 56 <h:panelGrid columns="1"> | |
| 57 <h:panelGrid columns="2"> | |
| 58 <h:dataTable value="#{CurrentPerson.aliasList.entities}" var="item" | |
| 59 rendered="#{!empty CurrentPerson.aliasList.entities}"> | |
| 60 <h:column> | |
| 61 <h:outputText value="#{item.ownValue}" /> | |
| 62 </h:column> | |
| 63 <h:column> | |
| 64 <h:selectBooleanCheckbox | |
| 65 value="#{CurrentPerson.aliasList.selections[item.id]}" /> | |
| 66 </h:column> | |
| 67 </h:dataTable> | |
| 68 <h:commandButton value="Remove Selected" | |
| 69 actionListener="#{CurrentPerson.aliasList.listenerRemoveSelection}" | |
| 70 rendered="#{!empty CurrentPerson.aliasList.entities}" /> | |
| 71 </h:panelGrid> | |
| 72 | |
| 73 <h:panelGrid columns="2"> | |
| 74 <h:inputText value="#{CurrentPerson.aliasList.input}" size="80"/> | |
| 75 <h:commandButton value="CREATE" | |
| 76 actionListener="#{CurrentPerson.aliasList.listenerCreate}" /> | |
| 77 </h:panelGrid> | |
| 78 </h:panelGrid> | |
| 7 | 79 <h:outputText /> |
| 80 | |
| 81 <h:panelGrid> | |
| 82 <h:outputText value="Birth Date" /> | |
| 83 </h:panelGrid> | |
| 84 <ismi:date date="#{CurrentPerson.calBirthDate}" /> | |
| 85 <h:outputText /> | |
| 86 | |
| 87 <h:outputText value="Birth Date Text" | |
| 88 rendered="#{!empty CurrentPerson.attributes['birth_date_text']}" /> | |
| 89 <h:inputText size="45" | |
| 90 value="#{CurrentPerson.attributes['birth_date_text']}" | |
| 91 rendered="#{!empty CurrentPerson.attributes['birth_date_text']}" /> | |
| 92 <h:outputText | |
| 93 rendered="#{!empty CurrentPerson.attributes['birth_date_text']}" /> | |
| 94 | |
| 95 <h:outputText value="Death Date" /> | |
| 96 <ismi:date date="#{CurrentPerson.calDeathDate}" /> | |
| 97 <h:outputText /> | |
| 98 | |
| 99 <h:outputText value="Death Date Text" | |
| 100 rendered="#{!empty CurrentPerson.attributes['death_date_text']}" /> | |
| 101 <h:inputText size="45" | |
| 102 value="#{CurrentPerson.attributes['death_date_text']}" | |
| 103 rendered="#{!empty CurrentPerson.attributes['death_date_text']}" /> | |
| 104 <h:outputText | |
| 105 rendered="#{!empty CurrentPerson.attributes['death_date_text']}" /> | |
| 106 | |
| 107 <h:outputText value="Num Death Date" | |
| 108 rendered="#{!empty CurrentPerson.attributes['num_death_date']}" /> | |
| 109 <h:inputText size="45" | |
| 110 value="#{CurrentPerson.attributes['num_death_date']}" | |
| 111 rendered="#{!empty CurrentPerson.attributes['num_death_date']}" /> | |
| 112 <h:outputText | |
| 113 rendered="#{!empty CurrentPerson.attributes['num_death_date']}" /> | |
| 114 | |
| 115 <h:outputText value="Hijra Date Text" | |
| 116 rendered="#{!empty CurrentPerson.attributes['hijra_date']}" /> | |
| 117 <h:inputText size="45" | |
| 118 value="#{CurrentPerson.attributes['hijra_date']}" | |
| 119 rendered="#{!empty CurrentPerson.attributes['hijra_date']}" /> | |
| 120 <h:outputText | |
| 121 rendered="#{!empty CurrentPerson.attributes['hijra_date']}" /> | |
| 122 | |
| 123 | |
| 124 <h:outputText value="URL (to biography)" /> | |
| 125 <h:panelGrid columns="1" id="urlPerson"> | |
| 126 <h:inputText size="70" value="#{CurrentPerson.attributes['url']}"> | |
| 127 <a4j:ajax event="change" render="urlPerson" /> | |
| 128 </h:inputText> | |
| 129 <a href="#{CurrentPerson.attributes['url']}" target="_blank"> <h:outputText | |
| 130 value="#{CurrentPerson.attributes['url']}" /> | |
| 131 </a> | |
| 132 </h:panelGrid> | |
| 133 <h:outputText /> | |
| 134 | |
| 135 <h:outputText value="Authority ID (LoC)" /> | |
| 136 <h:inputText size="70" | |
| 137 value="#{CurrentPerson.attributes['authority_id']}" /> | |
| 138 <h:outputText /> | |
| 139 | |
| 9 | 140 <h:outputText value="Notes"/> |
| 7 | 141 <h:inputTextarea cols="70" rows="10" |
| 9 | 142 value="#{CurrentPerson.attributes['notes']}"/> |
| 143 <h:outputText /> | |
| 144 | |
| 145 <h:outputText value="Notes (old)"/> | |
| 146 <h:inputTextarea cols="70" rows="10" | |
| 147 value="#{CurrentPerson.attributes['notes_old']}"/> | |
| 7 | 148 <h:outputText /> |
| 149 | |
| 150 <h:outputText value="Born in" /> | |
| 151 <ismi:autocomplete lo="#{CurrentPerson.birthPlaceLo}" /> | |
| 152 <h:outputText /> | |
| 153 | |
| 154 <h:outputText value="Died in" /> | |
| 155 <ismi:autocomplete lo="#{CurrentPerson.deathPlaceLo}" /> | |
| 156 <h:outputText /> | |
| 157 | |
| 135 | 158 <h:outputText value="Lived in" /> |
| 7 | 159 <h:panelGrid columns="2" id="livedInEventPanel"> |
| 160 <rich:dataTable var="item" | |
| 161 value="#{CurrentPerson.livedInPlaces.entities}" | |
| 162 rendered="#{!empty CurrentPerson.livedInPlaces.entities}" | |
| 163 style="width: 100%;"> | |
| 164 <h:column> | |
| 165 <f:facet name="header"> | |
| 166 <h:outputText value="Place" style="width: 100px;" /> | |
| 167 </f:facet> | |
| 168 <h:outputText value="[#{item.id}] #{item.ownValue}" /> | |
| 169 </h:column> | |
| 170 <h:column> | |
| 171 <f:facet name="header"> | |
| 172 <h:outputText value="Date" /> | |
| 173 </f:facet> | |
| 174 <h:panelGrid columns="1"> | |
| 175 <h:outputText | |
| 176 value="#{CurrentPerson.livedInPlaces.calendarMap[item.id].calendarAsHtml}" | |
| 177 escape="false" /> | |
| 178 <a4j:commandButton image="#{ApplicationBean1.editImage}" | |
| 179 actionListener="#{CurrentPerson.listenerEditCalendarForLivedInPlaces}" | |
| 180 render="livedInEventPanel,currentCalendarPP" /> | |
| 181 </h:panelGrid> | |
| 182 </h:column> | |
| 183 <h:column> | |
| 184 <h:selectBooleanCheckbox | |
| 185 value="#{CurrentPerson.livedInPlaces.selections[item.id]}" /> | |
| 186 </h:column> | |
| 187 </rich:dataTable> | |
| 107 | 188 <a4j:commandButton value="Remove Selected" |
| 7 | 189 actionListener="#{CurrentPerson.livedInPlaces.listenerRemoveSelection}" |
| 190 rendered="#{!empty CurrentPerson.livedInPlaces.entities}" | |
| 191 render="livedInEventPanel" /> | |
| 192 | |
| 193 <ismi:autocomplete lo="#{CurrentPerson.livedInPlaces.lo}" /> | |
| 194 <a4j:commandButton value="ADD" | |
| 195 actionListener="#{CurrentPerson.livedInPlaces.listenerAdd}" | |
| 196 render="livedInEventPanel" /> | |
| 197 | |
| 198 </h:panelGrid> | |
| 199 <h:outputText /> | |
| 200 | |
| 201 </h:panelGrid> | |
| 202 | |
| 203 <ismi:entityList value="#{CurrentPerson.studentOfList}" /> | |
| 204 | |
| 205 <h:panelGrid columns="3" styleClass="createPanel" | |
| 206 columnClasses="createPanelFirstColumn"> | |
| 207 | |
| 208 <h:outputText value="Floruit Dates" /> | |
| 209 <h:panelGrid columns="1" id="floruitPanel"> | |
| 210 <h:panelGrid columns="2"> | |
| 211 <h:dataTable value="#{CurrentPerson.floruitList.entities}" var="item" | |
| 212 rendered="#{!empty CurrentPerson.floruitList.entities}"> | |
| 213 <h:column> | |
| 214 <h:panelGrid columns="1"> | |
| 215 <h:outputText | |
| 216 value="#{CurrentPerson.floruitList.calendarMap[item.id].calendarAsHtml}" | |
| 217 escape="false" /> | |
| 218 <a4j:commandButton image="#{ApplicationBean1.editImage}" | |
| 219 actionListener="#{CurrentPerson.listenerEditCalendarForFloruitDate}" | |
| 220 render="floruitPanel,currentCalendarPP" /> | |
| 221 </h:panelGrid> | |
| 222 </h:column> | |
| 223 <h:column> | |
| 224 <h:selectBooleanCheckbox | |
| 225 value="#{CurrentPerson.floruitList.selections[item.id]}" /> | |
| 226 </h:column> | |
| 227 </h:dataTable> | |
| 107 | 228 <h:commandButton value="Remove Selected" |
| 7 | 229 actionListener="#{CurrentPerson.floruitList.listenerRemoveSelection}" |
| 230 rendered="#{!empty CurrentPerson.floruitList.entities}" /> | |
| 231 </h:panelGrid> | |
| 232 <h:commandButton value="New Floruit Date" | |
| 233 actionListener="#{CurrentPerson.floruitList.listenerCreateNoUnique}" /> | |
| 234 </h:panelGrid> | |
| 235 <h:outputText /> | |
| 236 | |
| 237 <h:outputText value="Roles" /> | |
| 238 <h:panelGrid columns="2"> | |
| 239 <h:dataTable value="#{CurrentPerson.roleList.entities}" var="item" | |
| 240 rendered="#{!empty CurrentPerson.roleList.entities}"> | |
| 241 <h:column> | |
| 242 <h:outputText value="#{item.ownValue}" /> | |
| 243 </h:column> | |
| 244 <h:column> | |
| 245 <h:selectBooleanCheckbox | |
| 246 value="#{CurrentPerson.roleList.selections[item.id]}" /> | |
| 247 </h:column> | |
| 248 </h:dataTable> | |
| 107 | 249 <h:commandButton value="Remove Selected" |
| 7 | 250 rendered="#{!empty CurrentPerson.roleList.entities}" |
| 251 actionListener="#{CurrentPerson.roleList.listenerRemoveSelection}" /> | |
| 252 | |
| 253 <h:selectOneMenu value="#{CurrentPerson.roleList.id}" | |
| 254 partialSubmit="true"> | |
| 255 <f:selectItems value="#{ApplicationBean1.roleList}" /> | |
| 256 </h:selectOneMenu> | |
| 257 <h:commandButton value="ADD" | |
| 258 actionListener="#{CurrentPerson.roleList.listenerAddRole}" /> | |
| 259 </h:panelGrid> | |
| 260 <h:outputText /> | |
| 261 | |
| 262 | |
| 263 | |
| 264 </h:panelGrid> | |
| 265 | |
| 266 <ismi:refWidget entityForm="#{CurrentPerson}" /> | |
| 267 | |
| 268 | |
| 269 <h:panelGrid columns="4"> | |
| 270 <h:outputText value="ID of the Person" /> | |
| 271 <h:inputText value="#{CurrentPerson.currentId}" /> | |
| 272 <h:commandButton value="Load Person By ID" | |
| 273 action="#{CurrentPerson.actionReloadEntity}" | |
| 274 onclick="confirm('Do you really want to reload the entity?');" /> | |
| 275 <h:outputText value="#{CurrentPerson.currentIdMsg}" | |
| 276 style="color:red" /> | |
| 277 </h:panelGrid> | |
| 278 | |
|
139
9cd25e1a58f0
change save button to a4j to show busy indicator for person, text, and other entry forms.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
135
diff
changeset
|
279 <a4j:commandButton value="#{CurrentPerson.saveButtonLabel}" |
| 7 | 280 rendered="#{CurrentPerson.renderSaveButton}" |
| 281 action="#{CurrentPerson.save}" | |
| 282 onclick="#{ApplicationBean1.JSConfirmationSave}" /> | |
| 283 <h:commandButton value="Clear Form" | |
| 284 action="#{CurrentPerson.clearAction}" | |
| 285 onclick="#{ApplicationBean1.JSConfirmationCleanForm}" /> | |
| 286 | |
| 287 </ui:composition> | |
| 288 </body> | |
| 289 </html> |