Bug 19628: Move course reserves templates JS to the footer
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / course_reserves / course.tt
1 [% SET footerjs = 1 %]
2 [% INCLUDE 'doc-head-open.inc' %]
3 <title>Koha &rsaquo; Course reserves &rsaquo; [% IF course_name %] Edit [% course_name %] [% ELSE %] New course [% END %]</title>
4 [% INCLUDE 'doc-head-close.inc' %]
5 </head>
6
7 <body id="courses_course" class="course">
8
9 [% INCLUDE 'header.inc' %]
10 [% INCLUDE 'cat-search.inc' %]
11
12 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/course_reserves/course-reserves.pl">Course reserves</a> &rsaquo; [% IF course_name %] Edit <i>[% course_name %]</i> [% ELSE %] New course [% END %]</div>
13
14 [% IF ( departments ) %]
15
16     <div id="doc" class="yui-t7">
17         <div id="bd">
18             <form method="post" action="/cgi-bin/koha/course_reserves/mod_course.pl" class="validated">
19                 [% IF course_id %]<input type="hidden" name="course_id" value="[% course_id %]" />[% END %]
20                 <fieldset class="rows">
21                     <legend>[% IF course_id %]Edit course[% ELSE %]Create course[% END %]</legend>
22                     <ol>
23                         <li>
24                             <label class="required" for="department">Department:</label>
25                             <select id="department" name="department" required="required" class="required">
26                                 <option value="">Select a department</option>
27
28                                 [% FOREACH d IN departments %]
29                                     [% IF d.authorised_value == department %]
30                                         <option value="[% d.authorised_value %]" selected="selected">[% d.lib %]</option>
31                                     [% ELSE %]
32                                         <option value="[% d.authorised_value %]">[% d.lib %]</option>
33                                     [% END %]
34                                 [% END %]
35                             </select>
36                             <span class="required">Required</span>
37                         </li>
38
39                         <li>
40                             <label class="required" for="course_number">Course number:</label>
41                             <input id="course_number" name="course_number" type="text" value="[% course_number %]" required="required" class="required" />
42                             <span class="required">Required</span>
43                         </li>
44
45                         <li>
46                             <label for="section">Section:</label>
47                             <input id="section" name="section" type="text" value="[% section %]"/>
48                         </li>
49
50                         <li>
51                             <label class="required" for="course_name">Course name:</label>
52                             <input id="course_name" name="course_name" type="text" value="[% course_name %]" required="required" class="required" />
53                             <span class="required">Required</span>
54                         </li>
55
56                         <li>
57                             [% IF terms %]
58                                 <label for="term">Term:</label>
59                                 <select id="term" name="term">
60                                     <option value=""></option>
61
62                                     [% FOREACH t IN terms %]
63                                         [% IF t.authorised_value == term %]
64                                             <option value="[% t.authorised_value %]" selected="selected">[% t.lib %]</option>
65                                         [% ELSE %]
66                                             <option value="[% t.authorised_value %]">[% t.lib %]</option>
67                                         [% END %]
68                                     [% END %]
69                                 </select>
70                             [% ELSE %]
71                                 <span class="label">Term: </span>
72                                 <span id="term">No TERM authorised values found! Please create one or more authorised values with the category TERM.</span>
73                             [% END %]
74                         </li>
75
76                         <li>
77                             <span class="label">Instructors:</span>
78
79                             <fieldset id="course_instructors">
80                                  <div id="instructors">[% FOREACH i IN instructors %]<div id="borrower_[% i.cardnumber %]">[% i.surname %], [% i.firstname %] ( <a href="#" class="removeInstructor"> Remove </a> )
81                                              <input type='hidden' name='instructors' value='[% i.cardnumber %]' /></div>[% END %]</div>
82                             </fieldset>
83
84                             <fieldset>
85                                 <label for="find_instructor">Instructor search:</label>
86                                 <input autocomplete="off" id="find_instructor" type="text" style="width:150px" class="noEnterSubmit"/>
87                                 <div id="find_instructor_container"></div>
88                             </fieldset>
89                         <li>
90                             <label for="staff_note">Staff note:</label>
91                             <textarea name="staff_note" id="staff_note">[% staff_note %]</textarea>
92                         </li>
93
94                         <li>
95                             <label for="public_note">Public note:</label>
96                             <textarea name="public_note" id="public_note">[% public_note %]</textarea>
97                         </li>
98
99                         <li>
100                             <label for="students_count">Number of students:</label>
101                             <input id="students_count" name="students_count" type="text" value="[% students_count %]" />
102                         </li>
103
104                         <li>
105                             <label for="enabled">Enabled?</label>
106                             [% IF enabled == 'no' %]
107                                 <input type="checkbox" name="enabled" id="enabled" />
108                             [% ELSE %]
109                                 <input type="checkbox" name="enabled" id="enabled" checked="checked" />
110                             [% END %]
111                         </li>
112                     </ol>
113                 </fieldset>
114
115                 <fieldset class="action">
116                     <input type="submit" value="Save" class="submit" />
117
118                     <a href="/cgi-bin/koha/course_reserves/course-details.pl?course_id=[% course_id %]" class="cancel">Cancel</a>
119                 </fieldset>
120             </form>
121         </div>
122
123 [% ELSE %]
124
125 <div class="dialog alert">
126     <p>
127         No DEPARTMENT authorized values found!
128         [% IF ( CAN_user_parameters ) %]
129             Please <a href="/cgi-bin/koha/admin/authorised_values.pl?searchfield=DEPARTMENT">create one or more authorized values</a> with the category DEPARTMENT.
130         [% ELSE %]
131             An administrator must create one or more authorized values with the category DEPARTMENT.
132         [% END %]
133     </p>
134 </div>
135
136 [% END %]
137
138 [% IF ( departments ) %]
139     [% MACRO jsinclude BLOCK %]
140         <script type="text/javascript">
141             $(document).ready(function(){
142                 $( "#find_instructor" ).autocomplete({
143                     source: "/cgi-bin/koha/circ/ysearch.pl",
144                     minLength: 3,
145                     select: function( event, ui ) {
146                         AddInstructor( ui.item.surname + ", " + ui.item.firstname, ui.item.cardnumber );
147                         return false;
148                     }
149                 })
150                 .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
151                     return $( "<li></li>" )
152                     .data( "ui-autocomplete-item", item )
153                     .append( "<a>" + item.surname + ", " + item.firstname + " (" + item.cardnumber + ") <small>" + item.address + " " + item.city + " " + item.zipcode + " " + item.country + "</small></a>" )
154                     .appendTo( ul );
155                 };
156
157                 if ( ! $('#instructors').html() ) {
158                     $('#course_instructors').hide();
159                 }
160
161                 $("body").on("click",".removeInstructor",function(e){
162                     e.preventDefault();
163                     var divid = $(this).parent().attr("id");
164                     var cardnumber = divid.replace("borrower_","");
165                     RemoveInstructor(cardnumber);
166                 });
167             });
168
169             function AddInstructor( name, cardnumber ) {
170                 div = "<div id='borrower_" + cardnumber + "'>" + name + " ( <a href='#' class='removeInstructor'> " + _("Remove")+ " </a> ) <input type='hidden' name='instructors' value='" + cardnumber + "' /></div>";
171                 $('#instructors').append( div );
172
173                 $('#find_instructor').val('').focus();
174                 $('#course_instructors').show();
175             }
176
177             function RemoveInstructor( cardnumber ) {
178                 $( '#borrower_' + cardnumber ).remove();
179
180                 if ( ! $('#instructors').html() ) {
181                     $('#course_instructors').hide( 800 );
182                 }
183             }
184         </script>
185     [% END %]
186 [% END %]
187
188 [% INCLUDE 'intranet-bottom.inc' %]