|
1 |
| -<!-- |
| 1 | +<!-- |
2 | 2 | * This file is part of a plugin for Goobi - a Workflow tool for the support of mass digitization.
|
3 |
| - * |
4 |
| - * Visit the websites for more information. |
| 3 | + * |
| 4 | + * Visit the websites for more information. |
5 | 5 | * - https://goobi.io
|
6 | 6 | * - https://www.intranda.com
|
7 | 7 | * - https://github.com/intranda/goobi
|
8 |
| - * |
| 8 | + * |
9 | 9 | * This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free
|
10 | 10 | * Software Foundation; either version 2 of the License, or (at your option) any later version.
|
11 |
| - * |
| 11 | + * |
12 | 12 | * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
13 | 13 | * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
14 |
| - * |
| 14 | + * |
15 | 15 | * You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 59
|
16 | 16 | * Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
17 |
| - * |
| 17 | + * |
18 | 18 | -->
|
19 |
| -<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:composite="http://xmlns.jcp.org/jsf/composite" |
20 |
| - xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core" |
21 |
| - xmlns:x="http://myfaces.apache.org/tomahawk"> |
| 19 | +<ui:composition |
| 20 | + xmlns="http://www.w3.org/1999/xhtml" |
| 21 | + xmlns:ui="http://xmlns.jcp.org/jsf/facelets" |
| 22 | + xmlns:composite="http://xmlns.jcp.org/jsf/composite" |
| 23 | + xmlns:h="http://xmlns.jcp.org/jsf/html" |
| 24 | + xmlns:f="http://xmlns.jcp.org/jsf/core" |
| 25 | + xmlns:x="http://myfaces.apache.org/tomahawk" |
| 26 | + xmlns:jsf="http://xmlns.jcp.org/jsf"> |
22 | 27 |
|
23 | 28 | <composite:interface>
|
24 | 29 | </composite:interface>
|
25 | 30 |
|
26 | 31 | <composite:implementation>
|
27 | 32 | <!-- navigation for big image -->
|
28 |
| - <div class="pull-center image-navigation"> |
29 |
| - <h:commandLink |
30 |
| - action="#{AktuelleSchritteForm.myPlugin.cmdMoveFirst}" |
31 |
| - styleClass="btn font-size-s margin-right-10" |
32 |
| - title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lastImage:msgs.firstImage}"> |
33 |
| - <i class="fa fa-double-angle-left"></i> |
34 |
| -<!-- <f:ajax execute="@form" render="@form :qaform:bigimage" onevent="freeJSResources"/> --> |
35 |
| - </h:commandLink> |
36 |
| - |
37 |
| - <h:commandLink |
38 |
| - onclick="preventDoubleSubmit(this)" |
39 |
| - action="#{AktuelleSchritteForm.myPlugin.cmdMovePrevious}" |
40 |
| - id="imageBack" |
41 |
| - styleClass="btn btn-primary font-size-s" |
42 |
| - title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lw_nextImage:msgs.lw_previousImage}"> |
43 |
| - <i class="fa fa-angle-left"></i> |
44 |
| - <h:outputText value=" #{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lw_nextImage:msgs.lw_previousImage}" /> |
45 |
| -<!-- <f:ajax execute="@form" render="@form :qaform:bigimage" onevent="freeJSResources"/> --> |
46 |
| - </h:commandLink> |
47 |
| - <div class="margin-sides-10"> |
48 |
| - |
49 |
| - <x:outputText id="txtImageMoveTo1" |
50 |
| - value="#{AktuelleSchritteForm.myPlugin.imageIndex +1} #{msgs.von} #{AktuelleSchritteForm.myPlugin.sizeOfImageList}" |
51 |
| - onclick="document.getElementById(this.id).nextSibling.style.display='inline'; |
52 |
| - document.getElementById(this.id).style.display='none'; |
53 |
| - document.getElementById(this.id).nextSibling.focus(); |
54 |
| - document.getElementById(this.id).nextSibling.select();" /> |
55 |
| -<!-- Seite direkt anspringen --> |
56 |
| - <x:inputText value="#{AktuelleSchritteForm.myPlugin.imageMoveTo}" style="display:none;font-size:9px;width:30px" |
57 |
| - required="true" id="txtImageMoveTo2" |
58 |
| - onblur="document.getElementById(this.id).style.display='none';document.getElementById(this.id).previousSibling.style.display='inline';" |
59 |
| - onkeypress="clickOnEnter(event, '.hidden-set-image-button')" /> |
60 |
| - <x:commandButton action="#{NavigationForm.Reload}" value="go" style="display:none" /> |
61 |
| - </div> |
62 |
| - <h:commandLink |
63 |
| - onclick="preventDoubleSubmit(this)" |
64 |
| - action="#{AktuelleSchritteForm.myPlugin.cmdMoveNext}" |
65 |
| - id="imageNext" |
66 |
| - styleClass="btn btn-primary font-size-s" |
67 |
| - title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lw_previousImage:msgs.lw_nextImage}"> |
| 33 | + <div class="dataTables__paginator justify-content-center"> |
| 34 | + <button |
| 35 | + class="btn btn-blank" |
| 36 | + jsf:action="#{AktuelleSchritteForm.myPlugin.cmdMoveFirst}" |
| 37 | + disabled="#{cc.attrs.paginator.getHasPreviousPage()}" |
| 38 | + title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lastImage:msgs.firstImage}" |
| 39 | + data-bs-toggle="tooltip"> |
| 40 | + <span |
| 41 | + aria-hidden="true" |
| 42 | + class="fa fa-angle-double-left"/> |
| 43 | + <f:ajax render="@form"/> |
| 44 | + </button> |
| 45 | + <button |
| 46 | + class="btn btn-primary-400" |
| 47 | + jsf:action="#{AktuelleSchritteForm.myPlugin.cmdMovePrevious}" |
| 48 | + jsf:id="imageBack"> |
| 49 | + <span |
| 50 | + aria-hidden="true" |
| 51 | + class="fa fa-angle-left" /> |
| 52 | + <span> |
| 53 | + <h:outputText value="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lw_nextImage:msgs.lw_previousImage}"/> |
| 54 | + </span> |
| 55 | + <f:ajax render="@form"/> |
| 56 | + </button> |
| 57 | + <div class="dataTables__paginator__page-count"> |
| 58 | + <h:outputText |
| 59 | + id="txtMoveTo1" |
| 60 | + forceId="false" |
| 61 | + value="#{msgs.seite} #{AktuelleSchritteForm.myPlugin.imageIndex +1} #{msgs.von} #{AktuelleSchritteForm.myPlugin.sizeOfImageList}" |
| 62 | + onclick="document.querySelector('[id$=txtMoveTo2]').style.display='inline'; |
| 63 | + document.querySelector('[id$=txtMoveTo1]').style.display='none'; |
| 64 | + document.querySelector('[id$=txtMoveTo2]').focus(); |
| 65 | + document.querySelector('[id$=txtMoveTo2]').select();"/> |
| 66 | + <h:inputText |
| 67 | + id="txtMoveTo2" |
| 68 | + forceId="false" |
| 69 | + value="#{AktuelleSchritteForm.myPlugin.imageMoveTo}" |
| 70 | + style="display:none;width:30px" |
| 71 | + required="true" |
| 72 | + onblur="document.querySelector('[id$=txtMoveTo2]').style.display='none';document.querySelector('[id$=txtMoveTo1]').style.display='inline';" |
| 73 | + onkeypress="return submitEnter(document.querySelector('[id$=cmdMoveTo]').id,event)"/> |
| 74 | + <x:commandButton |
| 75 | + action="#{NavigationForm.Reload}" |
| 76 | + id="cmdMoveTo" |
| 77 | + forceId="false" |
| 78 | + value="go" |
| 79 | + style="display:none"> |
| 80 | + </x:commandButton> |
| 81 | + </div> |
| 82 | + <button |
| 83 | + class="btn btn-primary-400" |
| 84 | + jsf:action="#{AktuelleSchritteForm.myPlugin.cmdMoveNext}" |
| 85 | + jsf:id="imageNext"> |
| 86 | + <span> |
68 | 87 | <h:outputText value="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.lw_previousImage:msgs.lw_nextImage} " />
|
69 |
| - <i class="fa fa-angle-right"></i> |
70 |
| -<!-- <f:ajax execute="@form" render="@form :qaform:bigimage" onevent="freeJSResources" /> --> |
71 |
| - </h:commandLink> |
72 |
| - |
73 |
| - <h:commandLink |
74 |
| - action="#{AktuelleSchritteForm.myPlugin.cmdMoveLast}" |
75 |
| - styleClass="btn font-size-s margin-sides-10" |
76 |
| - title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.firstImage:msgs.lastImage}"> |
77 |
| - <i class="fa fa-double-angle-right"></i> |
78 |
| -<!-- <f:ajax execute="@form" render="@form :qaform:bigimage" onevent="freeJSResources"/> --> |
79 |
| - </h:commandLink> |
80 |
| - |
81 |
| - <h:commandLink style="display:none;" class="hidden-set-image-button" action="#{AktuelleSchritteForm.myPlugin.setImageToIndex}"/> |
82 |
| - |
| 88 | + </span> |
| 89 | + <span |
| 90 | + aria-hidden="true" |
| 91 | + class="fa fa-angle-right" /> |
| 92 | + <f:ajax render="@form"/> |
| 93 | + </button> |
| 94 | + <button |
| 95 | + class="btn btn-blank" |
| 96 | + jsf:action="#{AktuelleSchritteForm.myPlugin.cmdMoveLast}" |
| 97 | + jsf:id="navlast" |
| 98 | + title="#{AktuelleSchritteForm.myPlugin.pagesRTL?msgs.firstImage:msgs.lastImage}"> |
| 99 | + <span |
| 100 | + aria-hidden="true" |
| 101 | + class="fa fa-angle-double-right"/> |
| 102 | + <f:ajax render="@form"/> |
| 103 | + </button> |
| 104 | + |
| 105 | + <h:commandLink style="display:none;" class="hidden-set-image-button" action="#{AktuelleSchritteForm.myPlugin.setImageToIndex}"/> |
| 106 | + |
83 | 107 | </div>
|
84 | 108 | <!-- // navigation for big image -->
|
85 |
| - |
| 109 | + |
86 | 110 | <script>
|
87 | 111 | function clickOnEnter(event, selector) {
|
88 | 112 | console.log(selector);
|
|
95 | 119 |
|
96 | 120 | </composite:implementation>
|
97 | 121 | </ui:composition>
|
98 |
| - |
99 |
| - |
|
0 commit comments