Bug 11810: Input fields in OPAC suggestion form are a bit short (Bootstrap)
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-suggestions.tt
1 [% USE Koha %]
2 [% USE AuthorisedValues %]
3 [% INCLUDE 'doc-head-open.inc' %][% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog ›
4 [% IF ( op_add ) %]Enter a new purchase suggestion[% END %]
5 [% IF ( op_else ) %]Purchase Suggestions[% END %]
6 [% INCLUDE 'doc-head-close.inc' %]
7 [% BLOCK cssinclude %][% END %]
8 </head>
9 [% IF ( loggedinusername ) %]<body id="opac-usersuggestions" class="scrollto">[% ELSE %]<body id="opac-suggestions" class="scrollto">[% END %]
10 [% INCLUDE 'masthead.inc' %]
11
12     <div class="main">
13         <ul class="breadcrumb">
14             <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
15             <li><a href="/cgi-bin/koha/opac-user.pl">[% FOREACH USER_INF IN USER_INFO %][% USER_INF.title %] [% USER_INF.firstname %] [% USER_INF.surname %][% END %]</a> <span class="divider">&rsaquo;</span></li>
16             <li><a href="#">Your purchase suggestions</a></li>
17         </ul>
18
19         <div class="container-fluid">
20             <div class="row-fluid">
21                 <div class="span2">
22                     <div id="navigation">
23                         [% INCLUDE 'navigation.inc' IsPatronPage=1 %]
24                     </div>
25                 </div>
26                 <div class="span10">
27                     <div id="usersuggestions" class="maincontent">
28                         [% IF ( op_add ) %]
29                             <h1>Enter a new purchase suggestion</h1>
30
31                             <p>Please fill out this form to make a purchase suggestion. You will receive an email when the library processes your suggestion</p>
32                             <p>Only the title is required, but the more information you enter the easier it will be for the librarians to find the title you're requesting. The "Notes" field can be used to provide any additional information.</p>
33
34                             <form action="/cgi-bin/koha/opac-suggestions.pl" method="post">
35                                 <fieldset class="rows">
36                                     <ol>
37                                         <li><label class="required" for="title">Title:</label><input type="text" id="title" name="title" class="span6" maxlength="255" /></li>
38                                         <li><label for="author">Author:</label><input type="text" id="author" name="author" class="span6" maxlength="80" /></li>
39                                         <li><label for="copyrightdate">Copyright date:</label><input type="text" id="copyrightdate" name="copyrightdate" size="4" maxlength="4" /></li>
40                                         <li><label for="isbn">Standard number (ISBN, ISSN or other):</label><input type="text" id="isbn" name="isbn"  maxlength="80" /></li>
41                                         <li><label for="publishercode">Publisher:</label><input type="text" id="publishercode" name="publishercode" class="span6" maxlength="80" /></li>
42                                         <li><label for="collectiontitle">Collection title:</label><input type="text" id="collectiontitle" name="collectiontitle" class="span6" maxlength="80" /></li>
43                                         <li><label for="place">Publication place:</label><input type="text" id="place" name="place"  maxlength="80" /></li>
44                                         <li><label for="itemtype">Item type:</label>
45                                             <select name="itemtype" id="itemtype">
46                                                 <option value="">Default</option>
47                                                 [% FOREACH itemtypeloo IN itemtypeloop %]
48                                                     [% IF ( itemtypeloo.selected ) %]
49                                                         <option value="[% itemtypeloo.itemtype %]" selected="selected">
50                                                     [% ELSE %]
51                                                         <option value="[% itemtypeloo.itemtype %]">
52                                                     [% END %]
53                                                             [% itemtypeloo.description %]
54                                                         </option>
55                                                 [% END %]
56                                             </select>
57                                         </li>
58                                         [% IF ( branchloop ) %]
59                                             <li><label for="branch">Library:</label>
60                                                 <select name="branch" id="branch">
61                                                     [% FOREACH branchloo IN branchloop %]
62                                                         [% IF ( branchloo.selected ) %]
63                                                             <option value="[% branchloo.branchcode %]" selected="selected">[% branchloo.branchname %]</option>
64                                                         [% ELSE %]
65                                                             <option value="[% branchloo.branchcode %]">[% branchloo.branchname %]</option>
66                                                         [% END %]
67                                                     [% END %]
68                                                 </select>
69                                             </li>
70                                         [% END %]
71                                         [% IF ( patron_reason_loop ) %]
72                                             <li>
73                                                 <label for="patronreason">Reason for suggestion: </label>
74                                                 <select name="patronreason" id="patronreason">
75                                                     <option value="">-- Choose --</option>
76                                                     [% FOREACH patron_reason_loo IN patron_reason_loop %]
77                                                         <option value="[% patron_reason_loo.authorised_value %]">[% patron_reason_loo.lib %]</option>
78                                                     [% END %]
79                                                 </select>
80                                             </li>
81                                         [% END %]
82                                         <li>
83                                             <label for="note">Notes:</label>
84                                             <textarea name="note" id="note" rows="5" cols="40"></textarea>
85                                         </li>
86
87                                         <!--  Add a hidden 'negcap' field -->
88                                         <li id="negcap" style="position: absolute; left: -2000px;">
89                                             negcap <input type="text" name="negcap"/>
90                                         </li>
91
92                                     </ol>
93                                 </fieldset>
94                                 <fieldset class="action">
95                                     <input type="hidden" name="suggestedby" value="[% suggestedbyme %]" />
96                                     <input type="hidden" name="op" value="add_confirm" />
97                                     <input type="submit" onclick="Check(this.form); return false;" class="btn" value="Submit your suggestion" /> <a class="action" href="/cgi-bin/koha/opac-suggestions.pl">Cancel</a>
98                                 </fieldset>
99                             </form>
100                         [% END #  IF op_add %]
101
102                         [% IF ( op_else ) %]
103                             <h1>
104                                 [% IF Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]
105                                     Purchase suggestions
106                                 [% ELSE %]
107                                     [% IF ( loggedinusername ) %]
108                                         Your purchase suggestions
109                                     [% ELSE %]
110                                         Purchase suggestions
111                                     [% END %]
112                                 [% END %]
113                             </h1>
114
115                             [% IF ( deleted ) %]<div class="alert alert-info">The selected suggestions have been deleted.</div>[% END %]
116                             [% IF ( submitted ) %]<div class="alert alert-info">Your suggestion has been submitted.</div>[% END %]
117
118                             [% IF ( suggestions_loop ) %]
119                                 [% IF Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]
120                                     <form action="/cgi-bin/koha/opac-suggestions.pl" class="form-inline" method="get">
121                                         <fieldset>
122                                             <label for="title">Search for:</label>
123                                             <input type="text" name="title" id="title" value="[% title |html %]" />
124                                             <label for="suggestedby">Suggested by:</label>
125                                             <div class="input-append">
126                                                 <select name="suggestedby" id="suggestedby">
127                                                     <option value="0">Anyone</option>
128                                                     <option value="1">Me</option>
129                                                 </select>
130                                                 <button type="submit" class="btn">Go</button>
131                                             </div>
132                                         </fieldset>
133                                     </form>
134                                 [% END %]
135                                 <form action="/cgi-bin/koha/opac-suggestions.pl" method="post" id="myform">
136                                     <input type="hidden" name="op" value="delete_confirm" />
137                                     <div id="toolbar" class="toolbar clearfix">
138                                         [% IF ( loggedinusername || ( Koha.Preference( 'AnonSuggestions' ) == 1 ) ) %]
139                                             <a class="new" href="/cgi-bin/koha/opac-suggestions.pl?op=add">New purchase suggestion</a>
140                                         [% END %]
141                                     </div>
142
143                                     [% IF ( loggedinusername ) %]
144                                         <div id="selections-toolbar" class="toolbar">
145                                               <span class="checkall"></span> <span class="clearall"></span> <span class="sep">|</span>
146                                               <span class="links"><span id="selections">Select suggestions to: </span>
147                                               <span id="removeitems"></span>
148                                         </div>
149                                     [% END %]
150
151                                     <table id="suggestt" class="checkboxed table table-bordered table-striped">
152                                         <thead>
153                                             <tr>
154                                                 [% IF ( loggedinusername ) %]<th>&nbsp;</th>[% END %]
155                                                 <th>Summary</th>
156                                                 <th>Note</th>
157                                                 [% IF Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]<th>Suggested for</th>[% END %]
158                                                 [% IF Koha.Preference( 'OpacSuggestionManagedBy' ) %]<th>Managed by</th>[% END %]
159                                                 <th>Status</th>
160                                             </tr>
161                                         </thead>
162                                         <tbody>
163                                             [% FOREACH suggestions_loo IN suggestions_loop %]
164                                                 <tr>
165                                                     [% IF ( loggedinusername ) %]
166                                                         <td>
167                                                             [% IF ( suggestions_loo.showcheckbox ) %]
168                                                                 <input type="checkbox" class="cb" name="delete_field" value="[% suggestions_loo.suggestionid %]" />
169                                                             [% END %]
170                                                         </td>
171                                                     [% END %]
172                                                     <td>
173                                                         <p><strong>[% suggestions_loo.title |html %]</strong></p>
174                                                             <p>[% IF ( suggestions_loo.author ) %][% suggestions_loo.author |html %],[% END %]
175                                                                 [% IF ( suggestions_loo.copyrightdate ) %] - [% suggestions_loo.copyrightdate |html %],[% END %]
176                                                                 [% IF ( suggestions_loo.publishercode ) %] - [% suggestions_loo.publishercode |html %][% END %]
177                                                                 [% IF ( suggestions_loo.place ) %]([% suggestions_loo.place |html %])[% END %]
178                                                                 [% IF ( suggestions_loo.collectiontitle ) %] , [% suggestions_loo.collectiontitle |html %][% END %]
179                                                                 [% IF ( suggestions_loo.itemtype ) %] - [% suggestions_loo.itemtype %][% END %]
180                                                         </p>
181                                                     </td>
182                                                     <td>
183                                                         [% IF ( suggestions_loo.note ) %]
184                                                             <span class="tdlabel">Note: </span>
185                                                             [% suggestions_loo.note |html %]
186                                                         [% END %]
187                                                     </td>
188                                                     [% IF Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]
189                                                         <td>
190                                                             [% IF ( suggestions_loo.branchcodesuggestedby ) %]
191                                                                 <span class="tdlabel">Suggested for:</span>
192                                                                 [% suggestions_loo.branchcodesuggestedby %]
193                                                             [% END %]
194                                                         </td>
195                                                     [% END %]
196                                                     [% IF Koha.Preference( 'OpacSuggestionManagedBy' ) %]
197                                                     <td>
198                                                         [% IF ( suggestions_loo.surnamemanagedby ) %]
199                                                             <span class="tdlabel">Managed by:</span>
200                                                             [% suggestions_loo.surnamemanagedby %]
201                                                             [% IF ( suggestions_loo.firstnamemanagedby ) %]    , [% suggestions_loo.firstnamemanagedby %]
202                                                             [% END %]
203                                                         [% END %]
204                                                     </td>
205                                                     [% END %]
206                                                     <td>
207                                                         <span class="tdlabel">Status:</span>
208                                                         [% IF ( suggestions_loo.ASKED ) %]Requested
209                                                         [% ELSIF ( suggestions_loo.CHECKED ) %]Checked by the library
210                                                         [% ELSIF ( suggestions_loo.ACCEPTED ) %]Accepted by the library
211                                                         [% ELSIF ( suggestions_loo.ORDERED ) %]Ordered by the library
212                                                         [% ELSIF ( suggestions_loo.REJECTED ) %]Suggestion declined
213                                                         [% ELSIF ( suggestions_loo.AVAILABLE ) %]Available in the library
214                                                         [% ELSE %] [% AuthorisedValues.GetByCode( 'SUGGEST_STATUS', suggestions_loo.STATUS, 1 ) %] [% END %]
215                                                         [% IF ( suggestions_loo.reason ) %]([% suggestions_loo.reason |html %])[% END %]
216                                                     </td>
217                                                 </tr>
218                                             [% END # / FOREACH suggestions_loo %]
219                                         </tbody>
220                                     </table>
221
222                                     [% IF ( loggedinusername ) %]
223                                         <fieldset class="action">
224                                             <input type="submit" class="btn btn-danger" value="Delete selected" />
225                                         </fieldset>
226                                     [% END %]
227                                 </form>
228                             [% ELSE %]
229                                 <p>There are no pending purchase suggestions.</p>
230                                 [% IF ( loggedinusername || ( Koha.Preference( 'AnonSuggestions' ) == 1 ) ) %]
231                                     <p><a class="new" href="/cgi-bin/koha/opac-suggestions.pl?op=add">New purchase suggestion</a></p>
232                                 [% END %]
233                             [% END # / IF suggestions_loop %]
234
235                         [% END # IF op_else %]
236                     </div> <!-- / #usersuggestions -->
237                 </div> <!-- / .span10 -->
238             </div> <!-- / .row-fluid -->
239         </div> <!-- / .container-fluid -->
240     </div> <!-- / .main -->
241
242 [% INCLUDE 'opac-bottom.inc' %]
243 [% BLOCK jsinclude %]
244 <script type="text/javascript" src="[% interface %]/[% theme %]/lib/jquery/plugins/jquery.checkboxes.min.js"></script>
245 [% INCLUDE 'datatables.inc' %]
246 <script type="text/javascript">
247     //<![CDATA[
248     [% IF ( loggedinusername ) %]
249         function enableCheckboxActions(){
250             // Enable/disable controls if checkboxes are checked
251             var checkedBoxes = $(".checkboxed input:checkbox:checked");
252             if ($(checkedBoxes).size()) {
253               $("#selections").html(_("With selected suggestions: "));
254               $("#selections-toolbar .links a").removeClass("disabled");
255             } else {
256               $("#selections").html(_("Select suggestions to: "));
257               $("#selections-toolbar .links a").addClass("disabled");
258             }
259         }
260     [% END %]
261
262     $(function() {
263         $("#suggestt").dataTable($.extend(true, {}, dataTablesDefaults, {
264             "aaSorting": [[ 1, "asc" ]],
265             "aoColumnDefs": [
266               [% IF ( loggedinusername ) %]{ "aTargets": [ 0 ], "bSortable": false, "bSearchable": false }[% END %]
267             ],
268             "aoColumns": [
269                 [% IF ( loggedinusername ) %]null,[% END %]
270                 { "sType": "anti-the" },
271                 null,
272                 [% IF ( OPACViewOthersSuggestions ) %]null,[% END %]
273                 [% IF Koha.Preference( 'OpacSuggestionManagedBy' ) %]null,[% END %]
274                 null
275             ]
276         }));
277         [% IF ( loggedinusername ) %]$("span.clearall").html("<a id=\"CheckNone\" href=\"#\">"+_("Clear all")+"<\/a>");
278         $("span.checkall").html("<a id=\"CheckAll\" href=\"#\">"+_("Select all")+"<\/a>");
279         $("#CheckAll").click(function(){
280             $(".checkboxed").checkCheckboxes();
281             enableCheckboxActions();
282             return false;
283         });
284         $("#CheckNone").click(function(){
285             $(".checkboxed").unCheckCheckboxes();
286             enableCheckboxActions();
287             return false;
288         });
289         $(".cb").click(function(){
290           enableCheckboxActions();
291         });
292         $("#removeitems").html("<a href=\"#\" class=\"removeitems tag_hides disabled\">"+_("Delete")+"</a>")
293         .click(function(e){
294           e.preventDefault();
295           $("#myform").submit();
296           return false;
297         });
298         enableCheckboxActions();
299         $("#myform").on('submit', function() {
300           if ( $("input:checked").size() < 1 ) {
301             alert(MSG_NO_SUGGESTION_SELECTED);
302             return false;
303           }
304           return true;
305         });
306         [% END %]
307     });
308
309     function Check(f) {
310         var _alertString="";
311         var alertString2;
312
313         if(f.title.value.length ==0){
314             _alertString += _("- You must enter a Title") + "\n";
315         }
316
317         if (_alertString.length==0) {
318             f.submit();
319         } else {
320             alertString2 = _("Form not submitted because of the following problem(s)");
321             alertString2 += "\n------------------------------------------------------------------------------------\n\n";
322             alertString2 += _alertString;
323             alert(alertString2);
324         }
325     }
326 //]]>
327 </script>
328 [% END %]