Bug 25334: (QA follow-up) Update opac messaging
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-messaging.tt
1 [% USE Koha %]
2 [% INCLUDE 'doc-head-open.inc' %]
3 <title>[% IF ( LibraryNameTitle ) %][% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %][% ELSE %]Koha online[% END %] catalog &rsaquo; Your messaging settings</title>
4 [% INCLUDE 'doc-head-close.inc' %]
5 [% BLOCK cssinclude %][% END %]
6 </head>
7 [% INCLUDE 'bodytag.inc' bodyid='opac-messaging' %]
8 [% INCLUDE 'masthead.inc' %]
9
10 <div class="main">
11     <nav aria-label="breadcrumb">
12         <ul class="breadcrumb">
13             <li class="breadcrumb-item">
14                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
15             </li>
16             <li class="breadcrumb-item">
17                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
18             </li>
19             <li class="breadcrumb-item" aria-current="IsPatronPage">
20                 <a href="#">Your messaging settings</a>
21             </li>
22         </ul>
23     </nav>
24
25     <div class="container-fluid">
26         <div class="row">
27             <div class="col col-lg-2 order-2 order-lg-1">
28                 <div id="navigation">
29                     [% INCLUDE 'navigation.inc' IsPatronPage=1 %]
30                 </div>
31             </div>
32             <div class="col-md-12 col-lg-10 order-1">
33
34                 [% IF Koha.Preference( 'EnhancedMessagingPreferencesOPAC' )  %]
35                     <div id="usermessaging" class="maincontent">
36                         <h3>Your messaging settings</h3>
37                         [% IF ( settings_updated ) %]
38                             <div class="alert alert-success"><h4>Settings updated</h4></div>
39                         [% END %]
40                         <form action="/cgi-bin/koha/opac-messaging.pl" method="post" name="opacmessaging">
41                             <input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
42                             <input type="hidden" name="modify" value="yes" />
43
44                                 <table class="table table-bordered table-condensed table-striped">
45                                     <thead>
46                                         <tr>
47                                             <th>&nbsp;</th>
48                                             <th>Days in advance</th>
49                                             [% IF ( SMSSendDriver ) %]<th>SMS</th>[% END %]
50                                             [% IF ( TalkingTechItivaPhone ) %]<th>Phone</th>[% END %]
51                                             [% IF Koha.Preference('PhoneNotification') %]<th>Phone</th>[% END %]
52                                             <th>Email</th>
53                                             <th>Digests only <i id="info_digests" data-toggle="tooltip" title="You can ask for a digest to reduce the number of messages. Messages will be saved and sent as a single message." data-placement="right" class="fa fa-info-circle"></i></th>
54                                         </tr>
55                                     </thead>
56                                     <tbody>
57                                     [% FOREACH messaging_preference IN messaging_preferences %]
58                                         <tr>
59                                             <td>[% IF ( messaging_preference.Item_Due ) %]Item due
60                                                 [% ELSIF ( messaging_preference.Advance_Notice ) %]Advance notice
61                                                 [% ELSIF ( messaging_preference.Upcoming_Events ) %]Upcoming events
62                                                 [% ELSIF ( messaging_preference.Hold_Filled ) %]Hold filled
63                                                 [% ELSIF ( messaging_preference.Item_Check_in ) %]Item check-in
64                                                 [% ELSIF ( messaging_preference.Item_Checkout ) %]
65                                                     [% IF Koha.Preference( 'RenewalSendNotice' ) %]
66                                                         Item checkout and renewal
67                                                     [% ELSE %]
68                                                         Item checkout
69                                                     [% END %]
70                                                 [% ELSE %]Unknown [% END %]</td>
71                                             [% IF ( messaging_preference.takes_days ) %]
72                                                 <td><select class="input-mini" name="[% messaging_preference.message_attribute_id | html %]-DAYS">
73                                                 [% FOREACH select_day IN messaging_preference.select_days %]
74                                                     [% IF ( select_day.selected ) %]
75                                                         <option value="[% select_day.day | html %]" selected="selected">[% select_day.day | html %]</option>
76                                                     [% ELSE %]
77                                                         <option value="[% select_day.day | html %]">[% select_day.day | html %]</option>
78                                                     [% END %]
79                                                 [% END %]
80                                                 </select></td>
81                                             [% ELSE %]
82                                                 <td>-</td>
83                                             [% END %]
84                                             [% IF ( SMSSendDriver ) %]
85                                                 [% IF ( messaging_preference.transport_sms ) %]
86                                                     <td>
87                                                         [% IF ( messaging_preference.transports_sms ) %]
88                                                         <input type="checkbox" id="sms[% messaging_preference.message_attribute_id | html %]" name="[% messaging_preference.message_attribute_id | html %]" value="sms" checked="checked" />
89                                                         [% ELSE %]
90                                                             <input type="checkbox" id="sms[% messaging_preference.message_attribute_id | html %]" name="[% messaging_preference.message_attribute_id | html %]" value="sms" />
91                                                         [% END %]
92                                                     </td>
93                                                 [% ELSE %]
94                                                     <td>-</td>
95                                                 [% END %]
96                                             [% END %]
97                                             [% IF Koha.Preference('PhoneNotification') %]
98                                                 [% IF ( messaging_preference.transport_phone ) %]
99                                                     <td>
100                                                         [% IF ( messaging_preference.transports_phone ) %]
101                                                             <input type="checkbox"
102                                                                    id="phone[% messaging_preference.message_attribute_id | html %]"
103                                                                    name="[% messaging_preference.message_attribute_id | html %]"
104                                                                    value="phone" checked="checked" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
105                                                         [% ELSE %]
106                                                             <input type="checkbox"
107                                                                    id="phone[% messaging_preference.message_attribute_id | html %]"
108                                                                    name="[% messaging_preference.message_attribute_id | html %]"
109                                                                    value="phone" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
110                                                         [% END %]
111                                                     </td>
112                                                 [% ELSE %]
113                                                     <td>-</td>
114                                                 [% END %]
115                                             [% END %]
116                                             [% IF ( TalkingTechItivaPhone ) %]
117                                                 [% IF ( messaging_preference.transport_itiva ) %]
118                                                 <td>
119                                                 [% IF ( messaging_preference.transports_itiva ) %]
120                                                 <input type="checkbox"
121                                                             id="itiva[% messaging_preference.message_attribute_id | html %]"
122                                                             name="[% messaging_preference.message_attribute_id | html %]"
123                                                             value="itiva" checked="checked" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
124                                                 [% ELSE %]
125                                                 <input type="checkbox"
126                                                             id="itiva[% messaging_preference.message_attribute_id | html %]"
127                                                             name="[% messaging_preference.message_attribute_id | html %]"
128                                                             value="itiva" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
129                                                 [% END %]
130                                                 </td>
131                                                 [% ELSE %]
132                                                     <td>-</td>
133                                                 [% END %]
134                                             [% END %]
135
136                                             [% IF ( messaging_preference.transport_email ) %]
137                                                 <td>
138                                                     [% IF ( messaging_preference.transports_email ) %]
139                                                         <input type="checkbox" id="email[% messaging_preference.message_attribute_id | html %]" name="[% messaging_preference.message_attribute_id | html %]" value="email" checked="checked" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
140                                                     [% ELSE %]
141                                                         <input type="checkbox" id="email[% messaging_preference.message_attribute_id | html %]" name="[% messaging_preference.message_attribute_id | html %]" value="email" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
142                                                     [% END %]
143                                                 </td>
144                                             [% ELSE %]
145                                                 <td>-</td>
146                                             [% END %]
147
148                                             [% IF ( messaging_preference.has_digest ) %]
149                                                 <td>
150                                                     [% IF ( messaging_preference.digest ) %]
151                                                         <input type="checkbox" id="digest[% messaging_preference.message_attribute_id | html %]" value="[% messaging_preference.message_attribute_id | html %]" name="digest" checked="checked" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
152                                                     [% ELSE %]
153                                                         <input type="checkbox" id="digest[% messaging_preference.message_attribute_id | html %]" value="[% messaging_preference.message_attribute_id | html %]" name="digest" onclick = "document.opacmessaging.none[% messaging_preference.message_attribute_id | html %].checked=false;" />
154                                                     [% END %]
155                                                 </td>
156                                             [% ELSE %]
157                                             <td>-</td>
158                                             [% END %]
159
160                                         </tr>
161                                     [% END # / FOREACH messaging_preferences%]
162                                 </tbody>
163                             </table>
164
165                             [% IF ( SMSSendDriver || Koha.Preference('TranslateNotices') ) %]
166                                 <fieldset class="rows">
167                                     <ol>
168                                         [% IF ( SMSSendDriver ) %]
169                                             <li>
170                                                 <strong>Notice:</strong> Some charges for text messages may be incurred when using this service. Please check with your mobile service provider if you have questions.
171                                             </li>
172                                             <li>
173                                                 <label for="SMSnumber">SMS number:</label>
174                                                 <input type="text" id="SMSnumber" name="SMSnumber" value="[% SMSnumber | html %]" pattern="^(\+[1-9]\d{0,2})?\d{1,12}$" />
175                                                 <span class="hint sms_number_help">Please enter numbers only. Prefix the number with + if including the country code.</span>
176                                             </li>
177
178                                             [% IF ( SMSSendDriver == 'Email' ) %]
179                                                 <li>
180                                                     <label for="sms_provider_id">SMS provider:</label>
181                                                     <select id="sms_provider_id" name="sms_provider_id">
182                                                         <option value="">Unknown</option>
183                                                         [% FOREACH s IN sms_providers %]
184                                                             [% IF s.id == sms_provider_id %]
185                                                                 <option value="[% s.id | html %]" selected="selected">[% s.name | html %]</option>
186                                                             [% ELSE %]
187                                                                 <option value="[% s.id | html %]">[% s.name | html %]</option>
188                                                             [% END %]
189                                                         [% END %]
190                                                     </select>
191                                                     <div class="hint">Please contact a library staff member if you are unsure of your mobile service provider, or you do not see your provider in this list.</div>
192                                                 </li>
193                                             [% END # /IF ( SMSSendDriver == 'Email' ) %]
194                                         [% END # /IF SMSSendDriver %]
195
196                                         [% IF Koha.Preference('TranslateNotices') %]
197                                             <li>
198                                                 <label for="lang">Preferred language for notices: </label>
199                                                 <select id="lang" name="lang">
200                                                     <option value="default">Default</option>
201                                                     [% FOR language IN languages %]
202                                                         [% FOR sublanguage IN language.sublanguages_loop %]
203                                                             [% IF language.plural %]
204                                                                 [% IF sublanguage.rfc4646_subtag == patron_lang %]
205                                                                     <option value="[% sublanguage.rfc4646_subtag | html %]" selected="selected">[% sublanguage.native_description | html %] [% sublanguage.region_description | html %] ([% sublanguage.rfc4646_subtag | html %])</option>
206                                                                 [% ELSE %]
207                                                                     <option value="[% sublanguage.rfc4646_subtag | html %]">[% sublanguage.native_description | html %] [% sublanguage.region_description | html %] ([% sublanguage.rfc4646_subtag | html %])</option>
208                                                                 [% END %]
209                                                             [% ELSE %]
210                                                                 [% IF sublanguage.rfc4646_subtag == patron_lang %]
211                                                                     <option value="[% sublanguage.rfc4646_subtag | html %]" selected="selected">[% sublanguage.native_description | html %] ([% sublanguage.rfc4646_subtag | html %])</option>
212                                                                 [% ELSE %]
213                                                                     <option value="[% sublanguage.rfc4646_subtag | html %]">[% sublanguage.native_description | html %] ([% sublanguage.rfc4646_subtag | html %])</option>
214                                                                 [% END %]
215                                                             [% END # /IF language.plural %]
216                                                         [% END # /FOR sublanguage %]
217                                                     [% END #/FOR language %]
218                                                 </select> <!-- /#lang -->
219                                             </li>
220                                         [% END #/IF Koha.Preference('TranslateNotices') %]
221                                     </ol>
222                                 </fieldset>
223                             [% END #/IF SMSSendDriver || Koha.Preference('TranslateNotices') %]
224
225                             <fieldset class="action">
226                                 <input type="submit" value="Submit changes" class="btn btn-primary" />
227                                 <a class="cancel" href="/cgi-bin/koha/opac-user.pl">Cancel</a>
228                             </fieldset>
229                         </form>
230                     </div> <!-- / #usermessaging -->
231                 [% ELSE %]
232                     <h4>You are not allowed to call this page directly</h4>
233                 [% END # /IF Koha.Preference( 'EnhancedMessagingPreferencesOPAC' ) %]
234            </div> <!-- / .col-lg-10 -->
235         </div> <!-- / .row -->
236     </div> <!-- / .container-fluid -->
237 </div> <!-- / .main -->
238
239 [% INCLUDE 'opac-bottom.inc' %]
240 [% BLOCK jsinclude %]
241     <script>
242         $(document).ready(function(){
243             $(".none").click(function(){
244                 if($(this).attr("checked")){
245                     var rowid = $(this).attr("id");
246                     newid = Number(rowid.replace("none",""))
247                     $("#sms"+newid).removeAttr("checked");
248                     $("#email"+newid).removeAttr("checked");
249                     $("#digest"+newid).removeAttr("checked");
250                     $("#rss"+newid).removeAttr("checked");
251                 }
252             });
253             $("#info_digests").tooltip();
254         });
255
256         function normalizeSMS(value){
257             let has_plus = value.charAt(0) === '+';
258             let new_value = value.replace(/\D/g,'');
259             if ( has_plus ) new_value = '+' + new_value;
260             return new_value;
261         }
262
263         var sms_input = document.getElementById('SMSnumber');
264
265         if (typeof sms_input !== 'undefined' && sms_input !== null) {
266             sms_input.addEventListener('keyup', function(){
267                 var field = sms_input.value;
268                 sms_input.value = normalizeSMS(field);
269             });
270
271             sms_input.addEventListener('paste', function(event) {
272                 let paste = (event.clipboardData || window.clipboardData).getData('text');
273                 setTimeout(function () {
274                 sms_input.value = normalizeSMS(paste);
275                 }, 100);
276             });
277         }
278     </script>
279 [% END %]